Difference between revisions of "MediaWiki:Common.css"
From Twinsuniverse
J McKalling (Talk | contribs) |
J McKalling (Talk | contribs) |
||
Line 17: | Line 17: | ||
table.lastupdate td.lastupdate-right | table.lastupdate td.lastupdate-right | ||
{ | { | ||
− | border: | + | border: solid 10px lightblue; |
border-radius: 18px; -moz-border-radius: 18px; | border-radius: 18px; -moz-border-radius: 18px; | ||
background: #ffffff; | background: #ffffff; | ||
Line 33: | Line 33: | ||
table.infobox | table.infobox | ||
{ | { | ||
− | border: solid 2px; | + | border: solid 2px; border-spacing: 4px; |
border-radius: 12px; -moz-border-radius: 12px; | border-radius: 12px; -moz-border-radius: 12px; | ||
− | |||
padding: 0px; | padding: 0px; | ||
min-width: 240px; | min-width: 240px; | ||
Line 44: | Line 43: | ||
border: solid 2px; | border: solid 2px; | ||
border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px; | border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px; | ||
+ | margin: 0px; | ||
padding: 2px 6px; | padding: 2px 6px; | ||
− | |||
text-align: right; | text-align: right; | ||
vertical-align: bottom; | vertical-align: bottom; | ||
Line 54: | Line 53: | ||
{ | { | ||
border-radius: 8px; -moz-border-radius: 8px; | border-radius: 8px; -moz-border-radius: 8px; | ||
− | background-position: 2px center; | + | background-position: 2px center; background-repeat: no-repeat; |
− | + | ||
padding: 6px 36px; | padding: 6px 36px; | ||
+ | text-align: center; | ||
font-size: 130%; | font-size: 130%; | ||
font-weight: bold; | font-weight: bold; | ||
− | |||
} | } | ||
table.infobox th.subtitle | table.infobox th.subtitle | ||
Line 65: | Line 63: | ||
border-radius: 8px; -moz-border-radius: 8px; | border-radius: 8px; -moz-border-radius: 8px; | ||
padding: 6px; | padding: 6px; | ||
+ | text-align: center; | ||
font-size: 110%; | font-size: 110%; | ||
font-weight: bold; | font-weight: bold; | ||
− | |||
} | } | ||
table.infobox td | table.infobox td | ||
{ | { | ||
− | border: solid 0px; | + | border: solid 0px; border-bottom: solid 2px; |
− | + | margin: 0px; | |
padding: 2px; | padding: 2px; | ||
− | |||
height: 24px; | height: 24px; | ||
text-align: left; | text-align: left; | ||
Line 88: | Line 85: | ||
table.infobox td sup | table.infobox td sup | ||
{ | { | ||
− | |||
margin: 0px; | margin: 0px; | ||
+ | padding: 0px; | ||
} | } | ||
Line 95: | Line 92: | ||
table.infobox.side | table.infobox.side | ||
{ | { | ||
− | |||
− | |||
margin: 0px 0px 10px 10px; | margin: 0px 0px 10px 10px; | ||
+ | float: right; clear: both; | ||
} | } | ||
Line 110: | Line 106: | ||
table.infobox.land, | table.infobox.land, | ||
table.infobox.land th, | table.infobox.land th, | ||
− | table.infobox.land td { border-color: #ccccdd; } | + | table.infobox.land td { border-color: #ccccdd; } |
− | table.infobox.land | + | table.infobox.land { background-color: #eeeeff; } |
− | table.infobox.land th { background-color: #ddddee; color: #666677; } | + | 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.land th.title { background-image: url("/images/6/6e/Orb_grey30.png"); } | ||
table.infobox.life, | table.infobox.life, | ||
table.infobox.life th, | table.infobox.life th, | ||
− | table.infobox.life td { border-color: #ccddcc; } | + | table.infobox.life td { border-color: #ccddcc; } |
− | table.infobox.life | + | table.infobox.life { background-color: #eeffee; } |
− | table.infobox.life th { background-color: #ddeedd; color: #667766; } | + | 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.life th.title { background-image: url("/images/d/da/Orb_green30.png"); } | ||
table.infobox.item, | table.infobox.item, | ||
table.infobox.item th, | table.infobox.item th, | ||
− | table.infobox.item td { border-color: #ddcccc; } | + | table.infobox.item td { border-color: #ddcccc; } |
− | table.infobox.item | + | table.infobox.item { background-color: #ffeeee; } |
− | table.infobox.item th { background-color: #eedddd; color: #776666; } | + | 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.item th.title { background-image: url("/images/f/f8/Orb_red30.png"); } | ||
table.infobox.link, | table.infobox.link, | ||
table.infobox.link th, | table.infobox.link th, | ||
− | table.infobox.link td { border-color: #ddccdd; } | + | table.infobox.link td { border-color: #ddccdd; } |
− | table.infobox.link | + | table.infobox.link { background-color: #ffeeff; } |
− | table.infobox.link th { background-color: #eeddee; color: #776677; } | + | 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.link th.title { background-image: url("/images/f/f8/Orb_pink30.png"); } | ||
table.infobox.bugs, | table.infobox.bugs, | ||
table.infobox.bugs th, | table.infobox.bugs th, | ||
− | table.infobox.bugs td { border-color: #ddddcc; } | + | table.infobox.bugs td { border-color: #ddddcc; } |
− | table.infobox.bugs | + | table.infobox.bugs { background-color: #ffffee; } |
− | table.infobox.bugs th { background-color: #eeeedd; color: #777766; } | + | 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.bugs th.title { background-image: url("/images/e/e4/Orb_yellow30.png"); } | ||
table.infobox.fare, | table.infobox.fare, | ||
table.infobox.fare th, | table.infobox.fare th, | ||
− | table.infobox.fare td { border-color: #ccdddd; } | + | table.infobox.fare td { border-color: #ccdddd; } |
− | table.infobox.fare | + | table.infobox.fare { background-color: #eeffff; } |
− | table.infobox.fare th { background-color: #ddeeee; color: #667777; } | + | 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.fare th.title { background-image: url("/images/6/6f/Orb_cyan30.png"); } | ||
table.infobox.play, | table.infobox.play, | ||
table.infobox.play th, | table.infobox.play th, | ||
− | table.infobox.play td { border-color: #bbccdd; } | + | table.infobox.play td { border-color: #bbccdd; } |
− | table.infobox.play | + | table.infobox.play { background-color: #ddeeff; } |
− | table.infobox.play th { background-color: #ccddee; color: #556677; } | + | 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.play th.title { background-image: url("/images/7/7b/Orb_navy30.png"); } | ||
table.infobox.army, | table.infobox.army, | ||
table.infobox.army th, | table.infobox.army th, | ||
− | table.infobox.army td { border-color: #ddccbb; } | + | table.infobox.army td { border-color: #ddccbb; } |
− | table.infobox.army | + | table.infobox.army { background-color: #ffeedd; } |
− | table.infobox.army th { background-color: #eeddcc; color: #776655; } | + | 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.army th.title { background-image: url("/images/e/e4/Orb_yellow30.png"); } | ||
Line 167: | Line 163: | ||
span.articlelink.planet a | span.articlelink.planet a | ||
{ | { | ||
− | background: transparent no-repeat; | + | background: transparent no-repeat; background-position: left center; |
− | + | ||
padding-left: 16px; | padding-left: 16px; | ||
font-weight: bold; | font-weight: bold; | ||
Line 196: | Line 191: | ||
span.articlelink.planet.undergas a { color: darkred; } | span.articlelink.planet.undergas a { color: darkred; } | ||
span.articlelink.planet.undergas a { background-image: url("/images/5/59/Zeelich.gif"); padding-left: 18px; } | 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; | ||
+ | } | ||
/* DIFF */ | /* DIFF */ |
Revision as of 15:28, 29 November 2012
/** 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; } /* 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; }