MediaWiki:Common.css

From RimWorld Wiki
Revision as of 07:02, 13 November 2013 by AcDie (talk | contribs)
Jump to navigation Jump to search

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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* <source lang="css"> */
/*Fonts*/
@font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic') format('svg');font-weight:normal;font-style:italic}
@font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold') format('svg');font-weight:bold;font-style:normal}

/**Spoiler**/
.spoiler-body { display: none; }
.opened { color: green; cursor: pointer; }
.closed { color: blue; cursor: pointer; }

/**Remove external link icon**/
#bodyContent a.external,
#bodyContent a[href ^="gopher://"] { background: none; padding-right: 0;}

/**Helper classes**/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-top { vertical-align: top; }
.text-middle { vertical-align: middle; }
.text-bottom { vertical-align: bottom; }
 
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
 
.padding-tb { padding: .5em 0; }
.margin-lr { margin: 0 1.5em; }

/**TABLE CLASSES**/
.table { border:0 solid; border-collapse:collapse; border-spacing:0; font-size:.9230769231em; text-align:left; clear:none; position:relative; display:inline-block; vertical-align:top; margin:10px 0; padding:0 }
/*this is a hack to add borders to IE8-*/
.table > thead, .table > tbody {border:0 solid #aaa\0/}
.table tr {border:1px solid #aaa\0/;text-align:left;border-color:#aaa}
/*and this removes them for IE9+*/
:root .table tr {border-top-width:0;border-bottom-width:0}
.table > * > tr > :first-child {border-left:1px solid #aaa}
.table > * > tr > :last-child {border-right:1px solid #aaa}
.table > tbody > tr:last-child,.table > tbody > tr:last-child > * {border-bottom:1px solid #aaa}
.table > tbody:first-child > tr:first-child > *,.table > tbody > tr.heading > * { background-image:url('http://rimworldwiki.com/images/c/cc/Infobox_header_overlay.png'); background-color:#eee; border-color:#aaa; padding:.5em }
.table > tbody > tr > th,.table > tbody > tr > td {line-height:1.667em!important;padding:.25em .5em}
.table[class*=left] tr {text-align:left}
.table[class*=right] tr {text-align:right}
.table tr > th,.table[class*=center] tr {text-align:center}
.table[class*=middle] tr {vertical-align:middle}
.table[class*=top] tr {vertical-align:top}
.table[class*=bottom] tr {vertical-align:bottom}
.table > :first-child > tr:first-child,.table > tbody > tr.heading {background-color:#eee;border:1px solid #aaa!important}
.table > tbody > tr > th {background-color:#e7e7e7;border-color:#aaa}
.table > tbody > tr:nth-child(odd) {background-color:#f3f3f3;border-color:#aaa}
.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {border:1px solid #aaa}
.table > :first-child > tr:first-child + tr [rowspan],.table > :first-child > tr:first-child + tr [colspan] {border-top-width:0}
.table .line,.table .line-bottom {border-bottom-width:1px!important;border-bottom-style:solid}
.table .line-top {border-top-width:1px!important;border-top-style:solid}
.table .line-left {border-left-width:1px!important;border-left-style:solid}
.table .line-right {border-right-width:1px!important;border-right-style:solid}
.table table {background-color:transparent;padding:0;margin:0}

.table.any > :first-child > tr:first-child,.table.any > tbody > tr.heading,.table.any > :first-child > tr:first-child > *,.table.any > tbody > tr.heading > * { background-color:#888!important; border-color:#6d6d6d!important }
.table.any > tbody > tr > th,table.table > tbody > tr.any > th { background-color:#ccc; border-color:#aaa }
.table.any > tbody > tr:nth-child(odd),.table > tbody > tr.any:nth-child(odd) { background-color:#eee }

table.test > :first-child > tr:first-child,.table.test > tbody > tr.heading,.table.test > :first-child > tr:first-child > *,.table.test > tbody > tr.heading > * { background-color:#72c1d9!important; border-color:#5b9aae!important }
table.test > tbody > tr > th,table.table > tbody > tr.test > th { background-color:#b9e0ec; border-color:#94b3bd }
table.test > tbody > tr:nth-child(odd),.table > tbody > tr.test:nth-child(odd) { background-color:#eaf6f9 }

/* Using : lists within tables */
.table.fm dl, .table.craftvariants dl { margin-top: 0; } /* no top margin in these tables */
.table.locations dd, .table.fm dd, table.craftvariants dd { margin-left:0; } /* no left margin when used purely for structure within these tables */
.table.locations dl > dt ~ dd { margin-left:2em; }   /* restore margin if it's actually being used as a definition list */

/**INFOBOXES**/
div.infobox { float:right; position:relative; width:250px; background:#FFF; font-size:.923em; border:1px solid #aaa; margin:0 0 1em 1em; padding:0 } 
div.infobox,div.nav .box { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); background-image: linear-gradient(top, #fff 0%, #eee 100%); background-image: -o-linear-gradient(top, #fff 0%, #eee 100%); background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)) }

div.infobox .icon { float:right; position:relative; z-index:2; width:auto; margin:5px }
div.infobox .icon p { text-align:center; color:#444; font-size:9px!important; background-color:rgba(255,255,255,0.5); border-radius:.75em; line-height:1em; margin:.25em -.5em; padding:2px }
div.infobox .wrapper { clear:both; padding:0 }
div.infobox .statistics { text-align:center; margin:0 8px }
div.statistics span + span { margin-left: 5px; } 
div.infobox .heading,div.nav .heading { font-weight:700; background-image:url('http://rimworldwiki.com/images/c/cc/Infobox_header_overlay.png')!important; text-align:center; border:1px solid rgba(0,0,0,0.25); border-bottom-width:0; position:relative; z-index:1; font-size-adjust:.52; margin:-1px -1px 5px!important }
div.infobox .heading { font-family:EasonPro, "Times New Roman", serif!important; font-size:1.417em!important; color:#fff!important; background-color:#444; text-shadow:rgba(0,0,0,0.75) 0 0 .25em; line-height:1.176em; font-size-adjust:.43; padding:.5em!important }
div.infobox .subheading,div.nav .subheading { font-weight:700; background-color:#888; background-image:url('http://rimworldwiki.com/images/c/cc/Infobox_header_overlay.png')!important; border-left:1px solid rgba(0,0,0,0.25); border-right:1px solid rgba(0,0,0,0.25); line-height:100%; text-align:center; position:relative; margin:0 -1px!important }
div.infobox .subheading { font-family:EasonPro, "Times New Roman", serif; font-size:1.25em!important; color:#fff!important; background-color:#444; text-shadow:rgba(0,0,0,0.75) 0 0 .25em; z-index:1; line-height:1.333em; font-size-adjust:0.43; padding:.567em!important }
div.nav dl,div.infobox dl { margin:10px 0 }
div.infobox dt { float:left; text-align:right; width:78px; line-height:1em; font-weight:700; clear:left; border-right:2px solid #999; margin:0 -2px 0 0; padding:2px 8px 2px 3px }
div.infobox dd { float:left; width:125px; font-weight:400; border-left:2px solid #999; margin:0; padding:2px 7px }
div.infobox .image_wrapper { text-align:center; padding:0; margin:10px 0 }
div.infobox::after,div.nav .box::after,div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,
div.nav .subheading::after,.table::after { content:""; position:absolute; width:100%; left:0; height:3px; background-image:url('http://rimworldwiki.com/images/4/45/Shadow_after.png');background-size:100% 3px }

div.infobox::after,div.nav .box::after {bottom:-4px}
div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,div.nav .subheading::after,.table::after {bottom:-3px}

div.infobox table,div.nav table {background-color:transparent}

div.infobox.72c1d9 dd,div.infobox.72c1d9 dt { border-color:#066!important }
div.infobox.72c1d9 .heading,div.infobox.72c1d9 .subheading { background-color:#066!important }
div.infobox.ffd166 dd,div.infobox.ffd166 dt { border-color:#c60!important }
div.infobox.ffd166 .heading,div.infobox.ffd166 .subheading { background-color:#c60!important }
div.infobox.d09c59 dd,div.infobox.d09c59 dt { border-color:#630!important }
div.infobox.d09c59 .heading,div.infobox.d09c59 .subheading { background-color:#630!important }
div.infobox.8edf44 dd,div.infobox.8edf44 dt { border-color:#360!important }
div.infobox.8edf44 .heading,div.infobox.8edf44 .subheading { background-color:#360!important }
div.infobox.c08f95 dd,div.infobox.c08f95 dt { border-color:#933!important }
div.infobox.c08f95 .heading,div.infobox.c08f95 .subheading { background-color:#933!important }
div.infobox.f68a87 dd,div.infobox.f68a87 dt { border-color:#c00!important }
div.infobox.f68a87 .heading,div.infobox.f68a87 .subheading { background-color:#c00!important }
div.infobox.b679d5 dd,div.infobox.b679d5 dt { border-color:#606!important }
div.infobox.b679d5 .heading,div.infobox.b679d5 .subheading { background-color:#606!important }
div.infobox.52a76f dd,div.infobox.52a76f dt { border-color:#063!important }
div.infobox.52a76f .heading,div.infobox.52a76f .subheading { background-color:#063!important }
div.infobox.a72bf1 dd,div.infobox.a72bf1 dt { border-color:#63c!important }
div.infobox.a72bf1 .heading,div.infobox.a72bf1 .subheading { background-color:#63c!important }
div.infobox.fe7887 dd,div.infobox.fe7887 dt { border-color:#900!important }
div.infobox.fe7887 .heading,div.infobox.fe7887 .subheading { background-color:#900!important }
div.infobox.ffe566 dd,div.infobox.ffe566 dt { border-color:#c90!important }
div.infobox.ffe566 .heading,div.infobox.ffe566 .subheading { background-color:#c90!important }
div.infobox.75baff dd,div.infobox.75baff dt { border-color:#069!important }
div.infobox.75baff .heading,div.infobox.75baff .subheading { background-color:#069!important }
div.infobox.61e665 dd,div.infobox.61e665 dt { border-color:#060!important }
div.infobox.61e665 .heading,div.infobox.61e665 .subheading { background-color:#060!important }
div.infobox.73d9d9 dd,div.infobox.73d9d9 dt { border-color:#399!important }
div.infobox.73d9d9 .heading,div.infobox.73d9d9 .subheading { background-color:#399!important }
div.infobox.51a651 dd,div.infobox.51a651 dt { border-color:#363!important }
div.infobox.51a651 .heading,div.infobox.51a651 .subheading { background-color:#363!important }
div.infobox.armor dd,div.infobox.weapon dd,div.infobox.item dd,div.infobox.armor dt,div.infobox.weapon dt,div.infobox.item dt { border-color:#c30 }
div.infobox.armor .heading,div.infobox.weapon .heading,div.infobox.item .heading,div.infobox.armor .subheading,div.infobox.weapon .subheading,div.infobox.item .subheading { background:#c30 }
div.infobox.recipe { width:250px; display: inline-block; float:none; clear:none; vertical-align:top; font-size:1em; margin:0 1em 1em 0 }
div.infobox.recipe .heading,div.infobox.recipe .subheading { font-size:1.133em; background:#533610 }
div.infobox.recipe .wrapper { padding:0 10px }
div.infobox.a68151 .heading,div.infobox.a68151 .subheading { background:#533610 }
div.infobox.a68151 dd,div.infobox.recipe dd,div.infobox.a68151 dt,div.infobox.recipe dt { border-color:#533610 }
div.infobox.6c3 dd,div.infobox.6c3 dt { border-color:#390 }
div.infobox.6c3 .heading,div.infobox.6c3 .subheading { background:#390 }
div.infobox.skill dd,div.infobox.trait dd,div.infobox.skill dt,div.infobox.trait dt { border-color:#999 }
div.infobox.skill .heading,div.infobox.trait .heading,div.infobox.skill .subheading,div.infobox.trait .subheading { background:#444 }
div.infobox.skill .icon > div { border:2px solid #111 }
div.infobox.trait .icon { margin:5px 7px }
div.infobox.effect .51a651 { background:#363 }
div.infobox.effect .73d9d9 { background:#399 }
div.infobox.pet dd,div.infobox.pet dt { border-color:#360 }
div.infobox.pet .heading,div.infobox.pet .subheading { background:#360 }
div.infobox.quest dd,div.infobox.quest dt { border-color:#f90 }
div.infobox.quest .heading,div.infobox.quest .subheading { background:#f90 }
div.infobox.area dd,div.infobox.area dt { border-color:#306 }
div.infobox.area .heading,div.infobox.area .subheading { background:#306 }

/**NAV BARS (headings are done with infobox headings)**/
div.nav { position:relative; width:500px; margin:auto }
div.nav .box { position:relative; font-size:.9230769231em; border-spacing:0; overflow:visible; min-height:60px; border:1px solid #aaa; margin:5px; padding:0 }
div.nav .heading { font-family:Arial, sans-serif!important; background-color:#888; font-size:1.083em; line-height:100%; margin:-1px -1px 0; padding:.769em 0 }
div.nav .heading a:hover { color:#000 !important }
div.nav .subheading { font-family:Arial, sans-serif; font-size:1em; font-size-adjust:.52; padding:.833em 0 }
div.nav dt,div.nav dd,div.infobox dt,div.infobox dd,div.nav table { line-height:1.667em }
div.nav .center { text-align:center; margin:10px 0 }
div.nav .box table { background-color:transparent; border-collapse:collapse; width:100%; margin:.667em 0 }
div.nav dt { float:left; text-align:right; width:125px; clear:left; border-right:2px solid #999; margin:0 -2px 0 0; padding:2px 8px }
div.nav dd { float:left; text-align:left; border-left:#888 solid 2px; width:325px; margin:0; padding:2px 8px }
div.nav table th { text-align:right; border-right:2px solid #888; vertical-align:top; padding:2px 8px }
div.nav table td { padding:2px 8px 5px }
div.nav table td  a{ white-space:nowrap; }
div.nav.thin .box { width:400px; margin-left:50px }
div.nav.thin dt { width:75px }
div.nav.thin dd { width:290px }
div.nav.wide .box { width:600px; margin-left:-50px }
div.nav.wide dt { width:150px }
div.nav.wide dd { width:400px }
div.nav.6c3 .heading { background-color:#6c3 }
div.nav.6c3 dd,div.nav.6c3 dt,div.nav.6c3 table th { border-color:#6c3 }
div.nav.fc6 .heading { background-color:#fc6 }
div.nav.fc6 dd,div.nav.fc6 dt,div.nav.fc6 table th { border-color:#fc6 }
div.nav.f96 .heading { background-color:#f96 }
div.nav.f96 dd,div.nav.f96 dt,div.nav.f96 table th { border-color:#f96 }
div.nav.69c .heading { background-color:#69c }
div.nav.69c dd,div.nav.69c dt,div.nav.69c table th { border-color:#69c }
div.nav.3cc .heading { background-color:#3cc }
div.nav.3cc dd,div.nav.3cc dt,div.nav.3cc table th { border-color:#3cc }
div.nav.96c .heading { background-color:#96c }
div.nav.96c dd,div.nav.96c dt,div.nav.96c table th { border-color:#96c }
div.nav.c6c .heading { background-color:#c6c }
div.nav.c6c dd,div.nav.c6c dt,div.nav.c6c table th { border-color:#c6c }
div.nav.9c3 .heading { background-color:#9c3 }
div.nav.9c3 dd,div.nav.9c3 dt,div.nav.9c3 table th { border-color:#9c3 }
div.nav.c96 .heading { background-color:#c96 }
div.nav.c96 dd,div.nav.c96 dt,div.nav.c96 table th { border-color:#c96 }
div.nav.a68151 .heading,div.nav.recipe .heading { background-color:#963 }
div.nav.a68151 dd,div.nav.c96 dt,div.nav.a68151 table th,div.nav.recipe dd,div.nav.c96 dt,div.nav.recipe table th { border-color:#963 }
div.nav.72c1d9 .heading,div.nav.72c1d9 .subheading { background-color:#39c }
div.nav.72c1d9 dd,div.nav.72c1d9 dt,div.nav.72c1d9 table th { border-color:#39c }
div.nav.ffd166 .heading,div.nav.ffd166 .subheading { background-color:#f93 }
div.nav.ffd166 dd,div.nav.ffd166 dt,div.nav.ffd166 table th { border-color:#f93 }
div.nav.d09c59 .heading,div.nav.d09c59 .subheading { background-color:#963 }
div.nav.d09c59 dd,div.nav.d09c59 dt,div.nav.d09c59 table th { border-color:#963 }
div.nav.8edf44 .heading,div.nav.8edf44 .subheading { background-color:#6c3 }
div.nav.8edf44 dd,div.nav.8edf44 dt,div.nav.8edf44 table th { border-color:#6c3 }
div.nav.c08f95 .heading,div.nav.c08f95 .subheading { background-color:#c66 }
div.nav.c08f95 dd,div.nav.c08f95 dt,div.nav.c08f95 table th { border-color:#c66 }
div.nav.f68a87 .heading,div.nav.f68a87 .subheading { background-color:#f33 }
div.nav.f68a87 dd,div.nav.f68a87 dt,div.nav.f68a87 table th { border-color:#f33 }
div.nav.b679d5 .heading,div.nav.b679d5 .subheading { background-color:#939 }
div.nav.b679d5 dd,div.nav.b679d5 dt,div.nav.b679d5 table th { border-color:#939 }
div.nav.52a76f .heading,div.nav.52a76f .subheading { background-color:#396 }
div.nav.52a76f dd,div.nav.52a76f dt,div.nav.52a76f table th { border-color:#396 }
div.nav.a72bf1 .heading,div.nav.a72bf1 .subheading { background-color:#96f }
div.nav.a72bf1 dd,div.nav.a72bf1 dt,div.nav.a72bf1 table th { border-color:#96f }
div.nav.fe7887 .heading,div.nav.fe7887 .subheading { background-color:#f33 }
div.nav.fe7887 dd,div.nav.fe7887 dt,div.nav.fe7887 table th { border-color:#f33 }
div.nav.ffe566 .heading,div.nav.ffe566 .subheading { background-color:#fc3 }
div.nav.ffe566 dd,div.nav.ffe566 dt,div.nav.ffe566 table th { border-color:#fc3 }
div.nav.75baff .heading,div.nav.75baff .subheading { background-color:#6cf }
div.nav.75baff dd,div.nav.75baff dt,div.nav.75baff table th { border-color:#6cf }
div.nav.61e665 .heading,div.nav.61e665 .subheading { background-color:#3c3 }
div.nav.61e665 dd,div.nav.61e665 dt,div.nav.61e665 table th { border-color:#3c3 }
/* </source> */
Retrieved from "https://rimworldwiki.com/index.php?title=MediaWiki:Common.css&oldid=2627"