MediaWiki:Common.css
From Twinsuniverse
Revision as of 21:17, 1 December 2012 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 */ /* 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.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"); } /* 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; width: 800px; } 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 */ div.mbox { border: solid 1px #000000; margin: 0px auto 20px; padding: 10px; width: 70%; clear: both; } div.mbox.warning { border-color: #ff8005; background-color: #ffe0c1; color: #000000; } /* 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; }