Difference between revisions of "MediaWiki:Common.css"

Revision as of 21:58, 16 November 2012

/** CSS placed here will be applied to all skins */

/* MAIN-NAVIGATOR */
table.mainnavigator
{
    border-spacing: 10px;
    margin: auto;
}

/* LAST UPDATE */
table.lastupdate
{
    border-radius: 18px; -moz-border-radius: 18px;
    background: lightblue;
    margin: 12px auto;
    width: 70%;
}
table.lastupdate td.lastupdate-left
{
    padding: 10px;
    width: 40%;
}
table.lastupdate td.lastupdate-right
{
    border: 10px solid lightblue;
    border-radius: 18px; -moz-border-radius: 18px;
    background: #ffffff;
    padding: 12px;
}

/* INFOBOX */
table.infobox
{
    border: solid 2px;
    border-radius: 12px; -moz-border-radius: 12px;
    border-spacing: 4px;
    padding: 0px;
    width: 240px;
    text-align: left;
}
table.infobox th
{
    border: solid 2px;
    border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px;
    padding: 3px;
    margin: 0px;
    text-align: right;
    vertical-align: bottom;
    line-height: 20px;
    white-space: nowrap;
}
table.infobox th.title
{
    border-radius: 8px; -moz-border-radius: 8px;
    padding: 6px;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
}
table.infobox th.subtitle
{
    border-radius: 8px; -moz-border-radius: 8px;
    padding: 6px;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}
table.infobox td
{
    border: solid 0px;
    border-bottom: solid 2px;
    padding: 3px;
    margin: 0px;
    height: 24px;
    text-align: left;
    vertical-align: bottom;
    line-height: 20px;
}
table.infobox td.image
{
    border: solid 0px;
    text-align: center;
}
table.infobox td p,
table.infobox td sup
{
    padding: 0px;
    margin: 0px;
}

/* SIDE INFOBOX */
table.infobox.side
{
    float: right;
    clear: both;
    margin: 0px 0px 10px 10px;
}

/* INFOBOX DEFAULT */
table.infobox,
table.infobox th,
table.infobox td { border-color: #cccccc; }
table.infobox    { background-color: #ffffff; }
table.infobox th { background-color: #ccccff; color: #000000; }

/* INFOBOX CUSTOMS */
table.infobox.land,
table.infobox.land th,
table.infobox.land td { border-color: #ccccdd; }
table.infobox.land    { background-color: #eeeeff; }
table.infobox.land th { background-color: #ddddee; color: #666677; }

table.infobox.life,
table.infobox.life th,
table.infobox.life td { border-color: #ccddcc; }
table.infobox.life    { background-color: #eeffee; }
table.infobox.life th { background-color: #ddeedd; color: #667766; }

table.infobox.item,
table.infobox.item th,
table.infobox.item td { border-color: #ddcccc; }
table.infobox.item    { background-color: #ffeeee; }
table.infobox.item th { background-color: #eedddd; color: #776666; }

table.infobox.link,
table.infobox.link th,
table.infobox.link td { border-color: #ddccdd; }
table.infobox.link    { background-color: #ffeeff; }
table.infobox.link th { background-color: #eeddee; color: #776677; }

table.infobox.bugs,
table.infobox.bugs th,
table.infobox.bugs td { border-color: #ddddcc; }
table.infobox.bugs    { background-color: #ffffee; }
table.infobox.bugs th { background-color: #eeeedd; color: #777766; }

table.infobox.fare,
table.infobox.fare th,
table.infobox.fare td { border-color: #ccdddd; }
table.infobox.fare    { background-color: #eeffff; }
table.infobox.fare th { background-color: #ddeeee; color: #667777; }

table.infobox.play,
table.infobox.play th,
table.infobox.play td { border-color: #bbccdd; }
table.infobox.play    { background-color: #ddeeff; }
table.infobox.play th { background-color: #ccddee; color: #556677; }

table.infobox.army,
table.infobox.army th,
table.infobox.army td { border-color: #ddccbb; }
table.infobox.army    { background-color: #ffeedd; }
table.infobox.army th { background-color: #eeddcc; color: #776655; }

/* DIFF */
table.diff
{
    padding: 0.5em;
}
td.diff-addedline
{
    background-color: #d8e4f6; 
}
td.diff-addedline span.diffchange
{
    background-color: #b0c0f0;
    color: #001040;
    font-weight: bold;
}
td.diff-deletedline
{
    background-color: #e4f6d8;
}
td.diff-deletedline span.diffchange
{
    background-color: #b0e897;
    color: #104000;
    font-weight: bold;
}