Difference between revisions of "MediaWiki:Common.css"

Revision as of 12:55, 10 February 2024

@import "https://rimworldwiki.com/index.php?title=MediaWiki:Gadget-dark-mode.css&action=raw&ctype=text/css" screen and (prefers-color-scheme: dark);
html * { text-shadow: 0 0 0; } /*see https://en.wikipedia.org/wiki/Wikipedia_talk:Dark_mode_(gadget)#Interface-protected_edit_request_28_November_2021*/

/* <source lang="css"> */

/* Test if this causes an error */
/* More stuff here...  */
/* Try with Show changes first */

/**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-lr { padding: 0 .5em ; }
.padding-tb { padding: .5em 0; }
.margin-lr { margin: 0 1.5em; }

/* Hide the title on the main page */
body.page-Main_Page .firstHeading {
    display: none;
}

/**TABLE CLASSES**/
table.jquery-tablesorter th.headerSort { padding: 0.5em; padding-right: 21px; }

.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('https://rimworldwiki.com/images/c/cc/Infobox_header_overlay.png'); background-color:#eee; border-color:#aaa; padding:.5em!important }
.table > tbody > tr > th,.table > tbody > tr > td {line-height:1.667em;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; color:#000000!important }
.table.any > tbody > tr > th,table.table > tbody > tr.any > th { background-color:#ccc; border-color:#aaa; color:#000000 }
.table.any > tbody > tr:nth-child(odd),.table > tbody > tr.any:nth-child(odd) { background-color:#eee; color:#000000 }
.table.c_01 > :first-child > tr:first-child,.table.c_01 > tbody > tr.heading,.table.c_01 > :first-child > tr:first-child > *,.table.c_01 > tbody > tr.heading > * { background-color:#72c1d9!important; border-color:#5b9aae!important; color:#000000!important }
.table.c_01 > tbody > tr > th,table.table > tbody > tr.c_01 > th { background-color:#b9e0ec; border-color:#94b3bd; color:#000000 }
.table.c_01 > tbody > tr:nth-child(odd),.table > tbody > tr.c_01:nth-child(odd) { background-color:#eaf6f9; color:#000000 }
.table.c_02 > :first-child > tr:first-child,.table.c_02 > tbody > tr.heading,.table.c_02 > :first-child > tr:first-child > *,.table.c_02 > tbody > tr.heading > * { background-color:#FFD166!important; border-color:#cca752!important; color:#000000!important }
.table.c_02 > tbody > tr > th,table.table > tbody > tr.c_02 > th { background-color:#ffe8b3; border-color:#ccba8f; color:#000000 }
.table.c_02 > tbody > tr:nth-child(odd),.table > tbody > tr.c_02:nth-child(odd),.table.pve > tbody > tr:nth-child(odd),.table > tbody > tr.pve:nth-child(odd) { background-color:#fff8e8 }
.table.c_03 > :first-child > tr:first-child,.table.c_03 > tbody > tr.heading,.table.c_03 > :first-child > tr:first-child > *,.table.c_03 > tbody > tr.heading > * { background-color:#d09c59!important; border-color:#a67d47!important; color:#000000!important }
.table.c_03 > tbody > tr > th,table.table > tbody > tr.c_03 > th { background-color:#e8bc84; border-color:#ba966a; color:#000000 }
.table.c_03 > tbody > tr:nth-child(odd),.table > tbody > tr.c_03:nth-child(odd) { background-color:#f8ebda; color:#000000 }
.table.c_04 > :first-child > tr:first-child,.table.c_04 > tbody > tr.heading,.table.c_04 > :first-child > tr:first-child > *,.table.c_04 > tbody > tr.heading > * { background-color:#8edf44!important; border-color:#72b236!important; color:#000000!important }
.table.c_04 > tbody > tr > th,table.table > tbody > tr.c_04 > th { background-color:#c7efa2; border-color:#9fbf82; color:#000000 }
.table.c_04 > tbody > tr:nth-child(odd),.table > tbody > tr.c_04:nth-child(odd) { background-color:#eefae3; color:#000000 }
.table.c_05 > :first-child > tr:first-child,.table.c_05 > tbody > tr.heading,.table.c_05 > :first-child > tr:first-child > *,.table.c_05 > tbody > tr.heading > * { background-color:#c08f95!important; border-color:#9a7277!important; color:#000000!important }
.table.c_05 > tbody > tr > th,table.table > tbody > tr.c_05 > th { background-color:#dec6c9; border-color:#b29ea1; color:#000000 }
.table.c_05 > tbody > tr:nth-child(odd),.table > tbody > tr.c_05:nth-child(odd) { background-color:#f5eeef; color:#000000 }
.table.c_06 > :first-child > tr:first-child,.table.c_06 > tbody > tr.heading,.table.c_06 > :first-child > tr:first-child > *,.table.c_06 > tbody > tr.heading > * { background-color:#f68a87!important; border-color:#c56e6c!important; color:#000000!important }
.table.c_06 > tbody > tr > th,table.table > tbody > tr.c_06 > th { background-color:#fbc5c3; border-color:#c99e9c; color:#000000 }
.table.c_06 > tbody > tr:nth-child(odd),.table > tbody > tr.c_06:nth-child(odd) { background-color:#feeeed; color:#000000 }
.table.c_07 > :first-child > tr:first-child,.table.c_07 > tbody > tr.heading,.table.c_07 > :first-child > tr:first-child > *,.table.c_07 > tbody > tr.heading > * { background-color:#b679d5!important; border-color:#9261aa!important; color:#000000!important }
.table.c_07 > tbody > tr > th,table.table > tbody > tr.c_07 > th { background-color:#dbbcea; border-color:#af96bb; color:#000000 }
.table.c_07 > tbody > tr:nth-child(odd),.table > tbody > tr.c_07:nth-child(odd) { background-color:#f4ebf9; color:#000000 }
.table.c_08 > :first-child > tr:first-child,.table.c_08 > tbody > tr.heading,.table.c_08 > :first-child > tr:first-child > *,.table.c_08 > tbody > tr.heading > * { background-color:#52a76f!important; border-color:#428659!important; color:#000000!important }
.table.c_08 > tbody > tr > th,table.table > tbody > tr.c_08 > th { background-color:#a9d3b7; border-color:#87a992; color:#000000 }
.table.c_08 > tbody > tr:nth-child(odd),.table > tbody > tr.c_08:nth-child(odd) { background-color:#e5f2ea; color:#000000 }
.table.c_09 > :first-child > tr:first-child,.table.c_09 > tbody > tr.heading,.table.c_09 > :first-child > tr:first-child > *,.table.c_09 > tbody > tr.heading > * { background-color:#a27bf1!important; border-color:#8262c1!important; color:#000000!important }
.table.c_09 > tbody > tr > th,table.table > tbody > tr.c_09 > th { background-color:#d1bdf8; border-color:#a797c6; color:#000000 }
.table.c_09 > tbody > tr:nth-child(odd),.table > tbody > tr.c_09:nth-child(odd) { background-color:#f1ebfd; color:#000000 }
.table.c_10 > :first-child > tr:first-child,.table.c_10 > tbody > tr.heading,.table.c_10 > :first-child > tr:first-child > *,.table.c_10 > tbody > tr.heading > * { background-color:#fe7887!important; border-color:#cb606c!important; color:#000000!important }
.table.c_10 > tbody > tr > th,table.table > tbody > tr.c_10 > th { background-color:#ffbcc3; border-color:#cc969c; color:#000000 }
.table.c_10 > tbody > tr:nth-child(odd),.table > tbody > tr.c_10:nth-child(odd) { background-color:#ffebed; color:#000000 }
.table.c_11 > :first-child > tr:first-child,.table.c_11 > tbody > tr.heading,.table.c_11 > :first-child > tr:first-child > *,.table.c_11 > tbody > tr.heading > * { background-color:#ffe566!important; border-color:#ccb752!important; color:#000000!important }
.table.c_11 > tbody > tr > th,table.table > tbody > tr.c_11 > th { background-color:#fff2b3; border-color:#ccc28f; color:#000000 }
.table.c_11 > tbody > tr:nth-child(odd),.table > tbody > tr.c_11:nth-child(odd) { background-color:#fffbe8; color:#000000 }
.table.c_12 > :first-child > tr:first-child,.table.c_12 > tbody > tr.heading,.table.c_12 > :first-child > tr:first-child > *,.table.c_12 > tbody > tr.heading > * { background-color:#75baff!important; border-color:#5e95cc!important; color:#000000!important }
.table.c_12 > tbody > tr > th,table.table > tbody > tr.c_12 > th { background-color:#baddff; border-color:#95b1cc; color:#000000 }
.table.c_12 > tbody > tr:nth-child(odd),.table > tbody > tr.c_12:nth-child(odd) { background-color:#eaf5ff; color:#000000 }
.table.c_13 > :first-child > tr:first-child,.table.c_13 > tbody > tr.heading,.table.c_13 > :first-child > tr:first-child > *,.table.c_13 > tbody > tr.heading > * { background-color:#61e665!important; border-color:#4eb851!important; color:#000000!important }
.table.c_13 > tbody > tr > th,table.table > tbody > tr.c_13 > th { background-color:#b0f3b2; border-color:#8dc28e; color:#000000 }
.table.c_13 > tbody > tr:nth-child(odd),.table > tbody > tr.c_13:nth-child(odd) { background-color:#e7fbe8; color:#000000 }
.table.c_14 > :first-child > tr:first-child,.table.c_14 > tbody > tr.heading,.table.c_14 > :first-child > tr:first-child > *,.table.c_14 > tbody > tr.heading > * { background-color:#6c3!important; border-color:#52a329!important; color:#000000!important }
.table.c_14 > tbody > tr > th,table.table > tbody > tr.c_14 > th { background-color:#b3e699; border-color:#8fb87a; color:#000000 }
.table.c_14 > tbody > tr:nth-child(odd),.table > tbody > tr.c_14:nth-child(odd) { background-color:#e8f8e1; color:#000000 }
.table.c_15 > :first-child > tr:first-child,.table.c_15 > tbody > tr.heading,.table.c_15 > :first-child > tr:first-child > *,.table.c_15 > tbody > tr.heading > * { background-color:#fc6!important; border-color:#cca352!important }
.table.c_15 > tbody > tr > th,table.table > tbody > tr.c_15 > th { background-color:#ffe6b3; border-color:#ccb88f; color:#000000 }
.table.c_16 > :first-child > tr:first-child,.table.c_16 > tbody > tr.heading,.table.c_16 > :first-child > tr:first-child > *,.table.c_16 > tbody > tr.heading > *,.table.item > :first-child > tr:first-child,.table.item > tbody > tr.heading,.table.item > :first-child > tr:first-child > *,.table.item > tbody > tr.heading > * { background-color:#f96!important; border-color:#cc7a52!important; color:#000000!important }
.table.c_16 > tbody > tr > th,table.table > tbody > tr.c_16 > th,.table.item > tbody > tr > th,table.table > tbody > tr.item > th { background-color:#ffccb3; border-color:#cca38f; color:#000000 }
.table.c_16 > tbody > tr:nth-child(odd),.table > tbody > tr.c_16:nth-child(odd),.table.item > tbody > tr:nth-child(odd),.table > tbody > tr.item:nth-child(odd) { background-color:#fff0e8; color:#000000 }
.table.c_17 > :first-child > tr:first-child,.table.c_17 > tbody > tr.heading,.table.c_17 > :first-child > tr:first-child > *,.table.c_17 > tbody > tr.heading > * { background-color:#69c!important; border-color:#527aa3!important; color:#000000!important }
.table.c_17 > tbody > tr > th,table.table > tbody > tr.c_17 > th { background-color:#b3cce6; border-color:#8fa3b8; color:#000000 }
.table.c_17 > tbody > tr:nth-child(odd),.table > tbody > tr.c_17:nth-child(odd) { background-color:#e8f0f8; color:#000000 }
.table.c_18 > :first-child > tr:first-child,.table.c_18 > tbody > tr.heading,.table.c_18 > :first-child > tr:first-child > *,.table.c_18 > tbody > tr.heading > * { background-color:#3cc!important; border-color:#29a3a3!important; color:#000000!important }
.table.c_18 > tbody > tr > th,table.table > tbody > tr.c_18 > th { background-color:#99e6e6; border-color:#7ab8b8; color:#000000 }
.table.c_18 > tbody > tr:nth-child(odd),.table > tbody > tr.c_18:nth-child(odd) { background-color:#e1f8f8; color:#000000 }
.table.c_19 > :first-child > tr:first-child,.table.c_19 > tbody > tr.heading,.table.c_19 > :first-child > tr:first-child > *,.table.c_19 > tbody > tr.heading > * { background-color:#c6c!important; border-color:#a352a3!important; color:#000000!important }
.table.c_19 > tbody > tr > th,table.table > tbody > tr.c_19 > th { background-color:#e6b3e6; border-color:#b88fb8; color:#000000 }
.table.c_19 > tbody > tr:nth-child(odd),.table > tbody > tr.c_19:nth-child(odd) { background-color:#f8e8f8; color:#000000 }
.table.c_20 > :first-child > tr:first-child,.table.c_20 > tbody > tr.heading,.table.c_20 > :first-child > tr:first-child > *,.table.c_20 > tbody > tr.heading > * { background-color:#96c!important; border-color:#7a52a3!important; color:#000000!important }
.table.c_20 > tbody > tr > th,table.table > tbody > tr.c_20 > th { background-color:#ccb3e6; border-color:#a38fb8; color:#000000 }
.table.c_20 > tbody > tr:nth-child(odd),.table > tbody > tr.c_20:nth-child(odd) { background-color:#f0e8f8; color:#000000 }
.table.c_21 > :first-child > tr:first-child,.table.c_21 > tbody > tr.heading,.table.c_21 > :first-child > tr:first-child > *,.table.c_21 > tbody > tr.heading > * { background-color:#9c3!important; border-color:#7aa329!important; color:#000000!important }
.table.c_21 > tbody > tr > th,table.table > tbody > tr.c_21 > th { background-color:#cce699; border-color:#a3b87a; color:#000000 }
.table.c_21 > tbody > tr:nth-child(odd),.table > tbody > tr.c_21:nth-child(odd) { background-color:#f0f8e1; color:#000000 }
.table.c_22 > :first-child > tr:first-child,.table.c_22 > tbody > tr.heading,.table.c_22 > :first-child > tr:first-child > *,.table.c_22 > tbody > tr.heading > * { background-color:#c96!important; border-color:#a37a52!important; color:#000000!important }
.table.c_22 > tbody > tr > th,table.table > tbody > tr.c_22 > th { background-color:#e6ccb3; border-color:#b8a38f }
.table.c_22 > tbody > tr:nth-child(odd),.table > tbody > tr.c_22:nth-child(odd) { background-color:#f8f0e8; color:#000000 }
.table.c_23 > :first-child > tr:first-child,.table.c_23 > tbody > tr.heading,.table.c_23 > :first-child > tr:first-child > *,.table.c_23 > tbody > tr.heading > * { background-color:#73d9d9!important; border-color:#5caeae!important; color:#000000!important }
.table.c_23 > tbody > tr > th,table.table > tbody > tr.c_23 > th { background-color:#b9ecec; border-color:#94bdbd }
.table.c_23 > tbody > tr:nth-child(odd),.table > tbody > tr.c_23:nth-child(odd) { background-color:#eaf9f9; color:#000000 }
.table.c_24 > :first-child > tr:first-child,.table.c_24 > tbody > tr.heading,.table.c_24 > :first-child > tr:first-child > *,.table.c_24 > tbody > tr.heading > * { background-color:#51a651!important; border-color:#418541!important; color:#000000!important }
.table.c_24 > tbody > tr> th,table.table > tbody > tr.c_24 > th { background-color:#a8d3a8; border-color:#86a986; color:#000000 }
.table.c_24 > tbody > tr:nth-child(odd),.table > tbody > tr.c_24:nth-child(odd) { background-color:#e5f2e5; color:#000000 }
.table.c_25 > :first-child > tr:first-child,.table.c_25 > tbody > tr.heading,.table.c_25 > :first-child > tr:first-child > *,.table.c_25 > tbody > tr.heading > *,.table.recipe > :first-child > tr:first-child,.table.recipe > tbody > tr.heading,.table.recipe > :first-child > tr:first-child > *,.table.recipe > tbody > tr.heading > * { background-color:#a68151!important; border-color:#856741!important; color:#000000!important }
.table.c_25 > tbody > tr > th,table.table > tbody > tr.c_25 > th,.table.recipe > tbody > tr > th,table.table > tbody > tr.recipe > th { background-color:#d3c0a8; border-color:#a99a86; color:#000000 }
.table.c_25 > tbody > tr:nth-child(odd),.table > tbody > tr.c_25:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) { background-color:#f2ece5; color:#000000 }

/* Using : lists within tables */
.table.fm dl, .table.craftvariants dl { margin-top: 0; } /* no top margin in these tables */
.table.c_20s dd, .table.fm dd, table.craftvariants dd { margin-left:0; } /* no left margin when used purely for structure within these tables */
.table.c_20s 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:300px; background:#FFF; font-size:.923em; border:1px solid #aaa; margin:0 .5em 1em .5em; 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 .custom { font-family:EasonPro, "Times New Roman", serif; font-size:1.25em!important; color:#fff!important; text-align:center; vertical-align: middle; line-height:1.333em; font-size-adjust:0.43; padding:.5em!important; }
div.infobox .custom { font-weight:700; background-color:#444; background-image:url('https://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%; position:relative; margin:0 -1px!important; } 
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,div.version_nav .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 { z-index:0 !important; font-weight:700; background-image:url('https://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; 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('https://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; line-height:1.333em; font-size-adjust:0.43; padding:.567em!important }
div.nav dl,div.infobox dl,div.version_nav dl { margin:10px 0 }
div.infobox dt,div.version_nav dt { float:left; text-align:right; width:150px; 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,div.version_nav dd { float:left; width:150px; font-weight:400; border-left:2px solid #999; margin:0; padding:2px 7px }
div.infobox dt, div.infobox dd { box-sizing: border-box; }
div.infobox .image_wrapper { width:300px; height:250px; display:table-cell; vertical-align:middle; text-align:center; padding:0; margin: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(https://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.c_01 dd,div.infobox.c_01 dt { border-color:#39c!important }
div.infobox.c_01 .heading,div.infobox.c_01 .subheading { background-color:#39c!important }
div.infobox.c_02 dd,div.infobox.c_02 dt { border-color:#c60!important }
div.infobox.c_02 .heading,div.infobox.c_02 .subheading { background-color:#c60!important }
div.infobox.c_03 dd,div.infobox.c_03 dt { border-color:#630!important }
div.infobox.c_03 .heading,div.infobox.c_03 .subheading { background-color:#630!important }
div.infobox.c_04 dd,div.infobox.c_04 dt { border-color:#360!important }
div.infobox.c_04 .heading,div.infobox.c_04 .subheading { background-color:#360!important }
div.infobox.c_05 dd,div.infobox.c_05 dt { border-color:#933!important }
div.infobox.c_05 .heading,div.infobox.c_05 .subheading { background-color:#933!important }
div.infobox.c_06 dd,div.infobox.c_06 dt { border-color:#c00!important }
div.infobox.c_06 .heading,div.infobox.c_06 .subheading { background-color:#c00!important }
div.infobox.c_07 dd,div.infobox.c_07 dt { border-color:#606!important }
div.infobox.c_07 .heading,div.infobox.c_07 .subheading { background-color:#606!important }
div.infobox.c_08 dd,div.infobox.c_08 dt { border-color:#063!important }
div.infobox.c_08 .heading,div.infobox.c_08 .subheading { background-color:#063!important }
div.infobox.c_09 dd,div.infobox.c_09 dt { border-color:#63c!important }
div.infobox.c_09 .heading,div.infobox.c_09 .subheading { background-color:#63c!important }
div.infobox.c_10 dd,div.infobox.c_10 dt { border-color:#900!important }
div.infobox.c_10 .heading,div.infobox.c_10 .subheading { background-color:#900!important }
div.infobox.c_11 dd,div.infobox.c_11 dt { border-color:#c90!important }
div.infobox.c_11 .heading,div.infobox.c_11 .subheading { background-color:#c90!important }
div.infobox.c_12 dd,div.infobox.c_12 dt { border-color:#069!important }
div.infobox.c_12 .heading,div.infobox.c_12 .subheading { background-color:#069!important }
div.infobox.c_13 dd,div.infobox.c_13 dt { border-color:#060!important }
div.infobox.c_13 .heading,div.infobox.c_13 .subheading { background-color:#060!important }
div.infobox.c_14 dd,div.infobox.c_14 dt { border-color:#390!important }
div.infobox.c_14 .heading,div.infobox.c_14 .subheading { background:#390!important }
div.infobox.c_23 dd,div.infobox.c_23 dt { border-color:#399!important }
div.infobox.c_23 .heading,div.infobox.c_23 .subheading { background-color:#399!important }
div.infobox.c_24 dd,div.infobox.c_24 dt { border-color:#363!important }
div.infobox.c_24 .heading,div.infobox.c_24 .subheading { background-color:#363!important }
div.infobox.c_25 dd,div.infobox.c_25 dt { border-color:#533610!important }
div.infobox.c_25 .heading,div.infobox.c_25 .subheading { background-color:#533610!important }

/**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-weight:700; margin:-1px -1px 5px !important; background-image:url('https://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; }
div.nav .heading { font-family:EasonPro, "Times New Roman", serif !important; font-size:1.417em !important; color:#fff !important; background-color:#888; /*font-size:1.083em;*/ line-height:100%; margin:-1px -1px 0; padding:.5em 0; text-shadow:rgba(0,0,0,0.75) 0 0 .25em; }
div.nav .heading a, div.nav .heading a:link, div.nav .heading a:active, div.nav .heading a:visited { color:#fff!important }
div.nav .heading a:hover { color:#F7941E !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,div.version_nav dt,div.version_nav dd { 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.c_01 .heading,div.nav.c_01 .subheading { background-color:#39c }
div.nav.c_01 dd,div.nav.c_01 dt,div.nav.c_01 table th { border-color:#39c }
div.nav.c_02 .heading,div.nav.c_02 .subheading { background-color:#c60 }
div.nav.c_02 dd,div.nav.c_02 dt,div.nav.c_02 table th { border-color:#c60 }
div.nav.c_03 .heading,div.nav.c_03 .subheading { background-color:#963 }
div.nav.c_03 dd,div.nav.c_03 dt,div.nav.c_03 table th { border-color:#963 }
div.nav.c_04 .heading,div.nav.c_04 .subheading { background-color:#6c3 }
div.nav.c_04 dd,div.nav.c_04 dt,div.nav.c_04 table th { border-color:#6c3 }
div.nav.c_05 .heading,div.nav.c_05 .subheading { background-color:#c66 }
div.nav.c_05 dd,div.nav.c_05 dt,div.nav.c_05 table th { border-color:#c66 }
div.nav.c_06 .heading,div.nav.c_06 .subheading { background-color:#c00 }
div.nav.c_06 dd,div.nav.c_06 dt,div.nav.c_06 table th { border-color:#c00 }
div.nav.c_07 .heading,div.nav.c_07 .subheading { background-color:#939 }
div.nav.c_07 dd,div.nav.c_07 dt,div.nav.c_07 table th { border-color:#939 }
div.nav.c_08 .heading,div.nav.c_08 .subheading { background-color:#063 }
div.nav.c_08 dd,div.nav.c_08 dt,div.nav.c_08 table th { border-color:#063 }
div.nav.c_09 .heading,div.nav.c_09 .subheading { background-color:#96f }
div.nav.c_09 dd,div.nav.c_09 dt,div.nav.c_09 table th { border-color:#96f }
div.nav.c_10 .heading,div.nav.c_10 .subheading { background-color:#900 }
div.nav.c_10 dd,div.nav.c_10 dt,div.nav.c_10 table th { border-color:#900 }
div.nav.c_11 .heading,div.nav.c_11 .subheading { background-color:#c90 }
div.nav.c_11 dd,div.nav.c_11 dt,div.nav.c_11 table th { border-color:#c90 }
div.nav.c_12 .heading,div.nav.c_12 .subheading { background-color:#6cf }
div.nav.c_12 dd,div.nav.c_12 dt,div.nav.c_12 table th { border-color:#6cf }
div.nav.c_13 .heading,div.nav.c_13 .subheading { background-color:#3c3 }
div.nav.c_13 dd,div.nav.c_13 dt,div.nav.c_13 table th { border-color:#3c3 }
div.nav.c_14 .heading { background-color:#390 }
div.nav.c_14 dd,div.nav.c_14 dt,div.nav.c_14 table th { border-color:#390 }
div.nav.c_15 .heading { background-color:#fc6 }
div.nav.c_15 dd,div.nav.c_15 dt,div.nav.c_15 table th { border-color:#fc6 }
div.nav.c_16 .heading { background-color:#f96 }
div.nav.c_16 dd,div.nav.c_16 dt,div.nav.c_16 table th { border-color:#f96 }
div.nav.c_17 .heading { background-color:#69c }
div.nav.c_17 dd,div.nav.c_17 dt,div.nav.c_17 table th { border-color:#69c }
div.nav.c_18 .heading { background-color:#3cc }
div.nav.c_18 dd,div.nav.c_18 dt,div.nav.c_18 table th { border-color:#3cc }
div.nav.c_19 .heading { background-color:#c6c }
div.nav.c_19 dd,div.nav.c_19 dt,div.nav.c_19 table th { border-color:#c6c }
div.nav.c_20 .heading { background-color:#96c }
div.nav.c_20 dd,div.nav.c_20 dt,div.nav.c_20 table th { border-color:#96c }
div.nav.c_21 .heading { background-color:#9c3 }
div.nav.c_21 dd,div.nav.c_21 dt,div.nav.c_21 table th { border-color:#9c3 }
div.nav.c_22 .heading { background-color:#c96 }
div.nav.c_22 dd,div.nav.c_22 dt,div.nav.c_22 table th { border-color:#c96 }
div.nav.c_23 .heading { background-color:#399 }
div.nav.c_23 dd,div.nav.c_23 dt,div.nav.c_22 table th { border-color:#399 }
div.nav.c_24 .heading { background-color:#363 }
div.nav.c_24 dd,div.nav.c_24 dt,div.nav.c_22 table th { border-color:#363 }
div.nav.c_25 .heading,div.nav.recipe .heading { background-color:#533610 }
div.nav.c_25 dd,div.nav.c_22 dt,div.nav.c_25 table th,div.nav.recipe dd,div.nav.c_22 dt,div.nav.recipe table th { border-color:#533610 }

/**TOC**/
.noautonum .tocnumber { display: none; }
.tocnumber:after { content: '.' }

/**MainPage Logo**/
.rwlogo { background:url(https://rimworldwiki.com/rw3.jpg); background-size:contain; background-repeat:no-repeat; background-position:center bottom; }

/**Rounded corners**/
.br10tl {-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;}
.br10tr {-webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
.br10bl {-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;}
.br10br {-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;}
.br15tl {-webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px;}
.br15tr {-webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px;}
.br15bl {-webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px;}
.br15br {-webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px;}
.br20tl {-webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px;}
.br20tr {-webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px;}
.br20bl {-webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left-radius: 20px;}
.br20br {-webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px;}

/**AI**/
.ai_bg { background:url(https://rimworldwiki.com/images/ai_bg.png); background-repeat:repeat; }
.quote_lr {font-family:'Times New Roman',serif; font-weight:bold; font-size: large; color: gray; margin: 0 .2em;}

/**Links MainPage**/
.mp-links {padding: 5px 2px 0}
.mp-links a img {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #fff; margin: 0 2px 4px;}
.mp-links a:hover img {border: 1px solid #F7941E !important; -webkit-box-shadow: 0 0 5px 1px #FF5B29; box-shadow: 0 0 5px 1px #FF5B29; }

.modicon {font-family:'Glyphicons Regular'; font-size: 1em; color:#000;}
.modicon_c:after{ color:green; content:"\E194"}
.modicon_u:after{ color:orange; content:"\E195"}
.modicon_n:after{ color:red; content:"\E193"}
.modicon_o:after{ color:navy; content:"\E197"}
.modicon_large{ font-size: 1.6em;}

.ul-column-width-100 { column-width: 100px; }

.ul-column-width-150 { column-width: 150px; }

.ul-column-width-200 { column-width: 200px; }

/** Controls **/
kbd.keysLight
{
 padding: 2px 4px;
 font-size: 90%;
 color: #fff;
 background-color: #333;
 border-radius: 3px;
 box-shadow: inset 0 -1px 0 rgb(0 0 0 / 25%);
}

kbd.keysDark
{
 padding: 2px 4px;
 font-size: 90%;
 color: #333;
 background-color: #e69710;
 border-radius: 3px;
 box-shadow: inset 0 -1px 0 rgb(0 0 0 / 25%);
}

/** Helpers for modding tutorial pages **/

.TableOfContentsContainer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.TableOfContentsContainer-toc {
  grid-row: 1;
  grid-column: 1
}
.TableOfContentsContainer-content {
  grid-row: 2;
  grid-column: 1
}
@media (min-width: 768px) {
  .TableOfContentsContainer {
    grid-template-columns: 1fr auto;
  }
  .TableOfContentsContainer-toc {
    padding-top: 2em;
    grid-row: 1;
    grid-column: 2
  }
  .TableOfContentsContainer-content {
    grid-row: 1;
    grid-column: 1
  }
}

.TwoColumnCollapsibleLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
  align-items: stretch;
  border: solid 1px #a2a9b1;
}
.TwoColumnCollapsibleLayout-section {
  border: solid 1px #a2a9b1;
}
.TwoColumnCollapsibleLayout-code {
  background: #111;
}
.TwoColumnCollapsibleLayout-subtitle {
  border-bottom: solid 1px #a2a9b1;
  background-color: #f2f2f2;
  font-weight: bold;
  padding: 5px 10px;
}
.TwoColumnCollapsibleLayout-text {
  padding: 5px 10px;
}
@media (min-width: 768px) {
  .TwoColumnCollapsibleLayout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.TutorialTableWrapper {
  overflow-x: auto;
}

table.TutorialCodeTable {
  margin: 1em 0;
  border: 1px #aaa solid;
  border-collapse: collapse;
  width: 100%;
}

.TutorialCodeTable th,
.TutorialCodeTable td {
  border: 1px #aaa solid;
  padding: 0.2em;
}
.TutorialCodeTable th {
  background:#f2f2f2;
  color: #000;
  text-align:center
}
.TutorialCodeTable td {
  background: #111;
  color: #aaa;
  vertical-align: top;
}
.TutorialCodeTable td.TutorialCodeTable-highlighted {
	background-color: #333;
}
.TutorialCodeTable td.TutorialCodeTable-description {
	background-color: transparent;
	color: unset;
}

.TutorialCodeTable caption {
  font-weight: bold;
}
.TutorialCodeTable pre.code2highlight {
  background: transparent;
  border: none;
}

/* </source> */