MediaWiki:Common.css
From Twinsuniverse
Revision as of 19:17, 8 January 2013 by J McKalling (Talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/** CSS placed here will be applied to all skins */
/* CATEGORY TREE */
#mw-subcategories ul
{
list-style-type: none;
}
#mw-subcategories ul li
{
display: block;
}
/* 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: 240px;
text-align: center;
}
table.lastupdate td.lastupdate-right
{
border: solid 10px lightblue;
border-radius: 18px; -moz-border-radius: 18px;
background: #ffffff;
padding: 12px;
}
/* MAIN-NAVIGATOR */
table.mainnavigator
{
border-spacing: 10px;
margin: auto;
}
/* INFOBOX */
table.infobox
{
border: solid 2px; border-spacing: 4px;
border-radius: 12px; -moz-border-radius: 12px;
padding: 0px;
min-width: 240px;
text-align: left;
}
table.infobox th
{
border: solid 2px;
border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px;
margin: 0px;
padding: 2px 6px;
text-align: right;
vertical-align: bottom;
line-height: 20px;
white-space: nowrap;
}
table.infobox th.title
{
border-radius: 8px; -moz-border-radius: 8px;
background-position: 2px center; background-repeat: no-repeat;
padding: 6px 36px;
text-align: center;
font-size: 130%;
font-weight: bold;
}
table.infobox th.subtitle
{
border-radius: 8px; -moz-border-radius: 8px;
padding: 6px;
text-align: center;
font-size: 110%;
font-weight: bold;
}
table.infobox td
{
border: solid 0px; border-bottom: solid 2px;
margin: 0px;
padding: 2px;
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
{
margin: 0px;
padding: 0px;
}
/* INFOBOX SIDE */
table.infobox.side
{
margin: 0px 0px 10px 10px;
float: right; clear: both;
}
/* INFOBOX DEFAULT THEME */
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 CUSTOM THEMES */
table.infobox.help,
table.infobox.help th,
table.infobox.help td { border-color: #5c74ad; }
table.infobox.help { background-color: #ccd3e5; }
table.infobox.help th { background-color: #94afe9; color: #000e70; }
table.infobox.help th.title { background-image: url("/images/7/7b/Orb_navy30.png"); }
table.infobox.user,
table.infobox.user th,
table.infobox.user td { border-color: #000e70; }
table.infobox.user { background-color: #bcc5e4; }
table.infobox.user th { background-color: #5c74ad; color: #000e70; }
table.infobox.user th.title { background-image: url("/images/7/7b/Orb_navy30.png"); }
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.land th.title { background-image: url("/images/6/6e/Orb_grey30.png"); }
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.life th.title { background-image: url("/images/d/da/Orb_green30.png"); }
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.item th.title { background-image: url("/images/f/f8/Orb_red30.png"); }
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.link th.title { background-image: url("/images/f/f8/Orb_pink30.png"); }
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.bugs th.title { background-image: url("/images/e/e4/Orb_yellow30.png"); }
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.fare th.title { background-image: url("/images/6/6f/Orb_cyan30.png"); }
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.play th.title { background-image: url("/images/7/7b/Orb_navy30.png"); }
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; }
table.infobox.army th.title { background-image: url("/images/e/e4/Orb_yellow30.png"); }
table.infobox.work,
table.infobox.work th,
table.infobox.work td { border-color: #ccbbdd; }
table.infobox.work { background-color: #eeddff; }
table.infobox.work th { background-color: #ddccee; color: #665577; }
table.infobox.work th.title { background-image: url("/images/6/61/Orb_purple30.png"); }
table.infobox.new1,
table.infobox.new1 th,
table.infobox.new1 td { border-color: #ccddee; }
table.infobox.new1 { background-color: #eeffff; }
table.infobox.new1 th { background-color: #ddeeff; color: #667788; }
table.infobox.new1 th.title { background-image: url("/images/6/6e/Orb_grey30.png"); }
table.infobox.new2,
table.infobox.new2 th,
table.infobox.new2 td { border-color: #eeddcc; }
table.infobox.new2 { background-color: #ffffee; }
table.infobox.new2 th { background-color: #ffeedd; color: #887766; }
table.infobox.new2 th.title { background-image: url("/images/6/6e/Orb_grey30.png"); }
table.infobox.new3,
table.infobox.new3 th,
table.infobox.new3 td { border-color: #cceedd; }
table.infobox.new3 { background-color: #eeffff; }
table.infobox.new3 th { background-color: #ddffee; color: #668877; }
table.infobox.new3 th.title { background-image: url("/images/6/6e/Orb_grey30.png"); }
table.infobox.new4,
table.infobox.new4 th,
table.infobox.new4 td { border-color: #ddeecc; }
table.infobox.new4 { background-color: #ffffee; }
table.infobox.new4 th { background-color: #eeffdd; color: #778866; }
table.infobox.new4 th.title { background-image: url("/images/6/6e/Orb_grey30.png"); }
/* INFOBOX THEME ICONS */
th.theme-icon-grey { background-image: url("/images/6/6e/Orb_grey30.png"); }
th.theme-icon-green { background-image: url("/images/d/da/Orb_green30.png"); }
th.theme-icon-red { background-image: url("/images/f/f8/Orb_red30.png"); }
th.theme-icon-pink { background-image: url("/images/f/f8/Orb_pink30.png"); }
th.theme-icon-yellow { background-image: url("/images/e/e4/Orb_yellow30.png"); }
th.theme-icon-cyan { background-image: url("/images/6/6f/Orb_cyan30.png"); }
th.theme-icon-orange { background-image: url("/images/e/e4/Orb_yellow30.png"); }
th.theme-icon-blue { background-image: url("/images/7/7b/Orb_navy30.png"); }
th.theme-icon-purple { background-image: url("/images/6/61/Orb_purple30.png"); }
th.theme-icon-dblue { background-image: url("/images/7/7b/Orb_navy30.png"); }
th.theme-icon-navy { background-image: url("/images/7/7b/Orb_navy30.png"); }
/* ARTICLE LINK */
span.articlelink.planet a
{
background: transparent no-repeat; background-position: left center;
padding-left: 16px;
font-weight: bold;
text-decoration: underline;
}
span.articlelink.island a
{
background: transparent;
font-weight: bold;
text-decoration: underline;
}
/* ARTICLE LINK THEMES */
span.articlelink.island.twinsun a,
span.articlelink.planet.twinsun a { color: royalblue; }
span.articlelink.planet.twinsun a { background-image: url("/images/6/6b/Twinsun.gif"); }
span.articlelink.island.moon a,
span.articlelink.planet.moon a { color: seagreen; }
span.articlelink.planet.moon a { background-image: url("/images/9/9e/Moon.gif"); padding-left: 17px; }
span.articlelink.island.zeelich a,
span.articlelink.planet.zeelich a { color: sienna; }
span.articlelink.planet.zeelich a { background-image: url("/images/5/59/Zeelich.gif"); padding-left: 18px; }
span.articlelink.island.undergas a,
span.articlelink.planet.undergas a { color: darkred; }
span.articlelink.planet.undergas a { background-image: url("/images/5/59/Zeelich.gif"); padding-left: 18px; }
/* QUOTE */
table.quote
{
border: solid 0px;
max-width: 70%;
}
table.quote td.quote-open
{
border: solid #b2b7f2; border-width: 2px 0px 0px 2px;
border-top-left-radius: 10px;
background-color: #ebeff3;
color: #b2b7f2;
width: 20px;
text-align: left;
vertical-align: top;
font-family: 'Times New Roman', serif;
font-size: 36px;
font-weight: bold;
}
table.quote td.quote-close
{
border-top: solid 2px #b2b7f2; border-right: solid 2px #4c615d;
border-top-right-radius: 10px;
background-color: #ebeff3;
color: #b2b7f2;
padding-bottom: 0px;
width: 20px;
text-align: right;
vertical-align: bottom;
font-family: 'Times New Roman', serif;
font-size: 36px;
font-weight: bold;
}
table.quote td.quote-body
{
border-top: solid 2px #b2b7f2;
background-color: #ebeff3;
padding: 4px 0px 0px;
vertical-align: top;
}
table.quote td.quote-cite
{
border: solid 2px #4c615d; border-top-width: 0px; border-left-color: #b2b7f2;
border-radius: 0px 0px 10px 10px;
padding-top: 0px;
padding-bottom: 4px;
font-weight: bold;
font-style: italic;
}
/* MESSAGE BOX */
table.mbox
{
border: solid 1px #000000; border-collapse: collapse;
color: #000000;
margin: 4px auto;
padding: 0px 1em;
max-width: 75%;
}
table.mbox td
{
padding: 5px 10px;
vertical-align: middle;
}
table.mbox td:first-child
{
background: transparent no-repeat center;
width: 50px;
line-height: 40px;
text-align: center;
vertical-align: top;
}
table.mbox td p,
table.mbox td ul
{
margin-top: 6px;
margin-bottom: 0px;
}
/* MESSAGE BOX THEMES */
table.mbox.cleanup { border-color: #d1b11b; background-color: #f8f0c7; }
table.mbox.cleanup td:first-child { background-image: url("/images/1/1b/40px-Edit-clear.svg.png"); }
table.mbox.content { border-color: #ff8005; background-color: #ffe0c1; }
table.mbox.content td:first-child { background-image: url("/images/3/38/Imbox_content.png"); }
table.mbox.move { border-color: #b700b7; background-color: #ffe1ff; }
table.mbox.move td:first-child { background-image: url("/images/1/11/Imbox_move.png"); }
table.mbox.notice { border-color: #62b0f6; background-color: #e0eef7; }
table.mbox.notice td:first-child { background-image: url("/images/3/31/Imbox_notice.png"); }
table.mbox.protect { border-color: #66727f; background-color: #e3e6e8; }
table.mbox.protect td:first-child { background-image: url("/images/9/90/Imbox_protection.png"); }
table.mbox.warning { border-color: #c31c1c; background-color: #fce0e0; font-size: 100%; }
table.mbox.warning td:first-child { background-image: url("/images/e/e5/Imbox_warning.png"); }
/* 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;
}
