Difference between revisions of "MediaWiki:Common.css"

From RimWorld Wiki
Jump to navigation Jump to search
(Needed to use Infobox)
 
(fixed that table c_15 nth-child was grey and not yellow. Removed remnants of synonyms "item" for c_16, "pve" for c_02 and "recipe" for c_25. Consistency)
 
(175 intermediate revisions by 7 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
@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"> */
 
/* <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; }
 
   
 
   
/* Main page fixes */
+
.pull-left { float: left !important; }
#interwiki-completelist {
+
.pull-right { float: right !important; }
     font-weight: bold;
+
.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;
 
}
 
}
body.page-Main_Page #ca-delete {
+
 
    display: none !important;
+
/**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) { background-color:#fff8e8; color:#000000 }
 +
.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; color:#000000!important }
 +
.table.c_15 > tbody > tr > th,table.table > tbody > tr.c_15 > th { background-color:#ffe6b3; border-color:#ccb88f; color:#000000 }
 +
.table.c_15 > tbody > tr:nth-child(odd),.table > tbody > tr.c_15:nth-child(odd) { background-color:#FFF0D1; 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 > * { background-color:#f96!important; border-color:#cc7a52!important; color:#000000!important }
 +
.table.c_16 > tbody > tr > th,table.table > tbody > tr.c_16 > 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) { 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; color:#000000 }
 +
.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; color:#000000 }
 +
.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 > * { background-color:#a68151!important; border-color:#856741!important; color:#000000!important }
 +
.table.c_25 > tbody > tr > th,table.table > tbody > tr.c_25 > 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) { 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-color:#390!important }
 +
div.infobox.c_15 dd,div.infobox.c_15 dt { border-color:#fc6!important }
 +
div.infobox.c_15 .heading,div.infobox.c_15 .subheading { background-color:#fc6!important }
 +
div.infobox.c_16 dd,div.infobox.c_16 dt { border-color:#f96!important }
 +
div.infobox.c_16 .heading,div.infobox.c_16 .subheading { background-color:#f96!important }
 +
div.infobox.c_17 dd,div.infobox.c_17 dt { border-color:#69c!important }
 +
div.infobox.c_17 .heading,div.infobox.c_17 .subheading { background-color:#69c!important }
 +
div.infobox.c_18 dd,div.infobox.c_18 dt { border-color:#3cc!important }
 +
div.infobox.c_18 .heading,div.infobox.c_18 .subheading { background-color:#3cc!important }
 +
div.infobox.c_19 dd,div.infobox.c_19 dt { border-color:#c6c!important }
 +
div.infobox.c_19 .heading,div.infobox.c_19 .subheading { background-color:#c6c!important }
 +
div.infobox.c_20 dd,div.infobox.c_20 dt { border-color:#96c!important }
 +
div.infobox.c_20 .heading,div.infobox.c_20 .subheading { background-color:#96c!important }
 +
div.infobox.c_21 dd,div.infobox.c_21 dt { border-color:#9c3!important }
 +
div.infobox.c_21 .heading,div.infobox.c_21 .subheading { background-color:#9c3!important }
 +
div.infobox.c_22 dd,div.infobox.c_22 dt { border-color:#c96!important }
 +
div.infobox.c_22 .heading,div.infobox.c_22 .subheading { background-color:#c96!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 { background-color:#533610 }
 +
div.nav.c_25 dd,div.nav.c_22 dt,div.nav.c_25 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%);
 
}
 
}
   
+
 
body.page-Main_Page #mp-topbanner {
+
kbd.keysDark
  clear: both;
+
{
 +
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%);
 
}
 
}
+
 
/* Edit window toolbar */
+
/** Helpers for modding tutorial pages **/
#toolbar {
+
 
    height: 22px;
+
.TableOfContentsContainer {
    margin-bottom: 6px;
+
  display: grid;
 +
  grid-template-columns: 1fr;
 +
  gap: 16px;
 
}
 
}
+
.TableOfContentsContainer-toc {
/* Margins for <ol> and <ul> */
+
   grid-row: 1;
#content ol, #content ul,
+
  grid-column: 1
#mw_content ol, #mw_content ul {
 
   margin-bottom: 0.5em;
 
 
}
 
}
+
.TableOfContentsContainer-content {
/* Make the list of references smaller */
+
  grid-row: 2;
ol.references {
+
  grid-column: 1
    font-size: 100%;
 
 
}
 
}
.references-small {  
+
@media (min-width: 768px) {
     font-size: 90%;
+
  .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
 +
  }
 
}
 
}
+
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
+
.TwoColumnCollapsibleLayout {
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
+
  display: grid;
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
+
  grid-template-columns: minmax(0, 1fr);
/* Please ignore any validator errors caused by these two lines */
+
  justify-items: stretch;
.references-2column {
+
  align-items: stretch;
    font-size: 90%;
+
  border: solid 1px #a2a9b1;
    -moz-column-count: 2;
 
    -webkit-column-count: 2;
 
    column-count: 2;
 
 
}
 
}
+
.TwoColumnCollapsibleLayout-section {
/* Highlight clicked reference in blue to help navigation */
+
  border: solid 1px #a2a9b1;
ol.references > li:target,
 
sup.reference:target,
 
cite:target {  
 
    background-color: #DEF;
 
 
}
 
}
+
.TwoColumnCollapsibleLayout-code {
/* Ensure refs in table headers and the like aren't bold or italic */
+
  background: #111;
sup.reference {
 
    font-weight: normal;
 
    font-style: normal;
 
 
}
 
}
+
.TwoColumnCollapsibleLayout-subtitle {
+
  border-bottom: solid 1px #a2a9b1;
/* Styling for citations */
+
  background-color: #f2f2f2;
cite {
 
    font-style: normal;
 
    word-wrap: break-word;
 
}
 
 
/* For linked citation numbers and document IDs, where
 
  the number need not be shown on a screen or a handheld,
 
  but should be included in the printed version
 
*/
 
@media screen, handheld, projection {
 
    cite *.printonly {
 
        display: none;
 
    }
 
}
 
 
 
/* wikitable/prettytable class for skinning normal tables */
 
table.wikitable,
 
table.prettytable {
 
    margin: 1em 1em 1em 0;
 
    background: #f9f9f9;
 
    border: 1px #aaa solid;
 
    border-collapse: collapse;
 
}
 
.wikitable th, .wikitable td,
 
.prettytable th, .prettytable td {
 
    border: 1px #aaa solid;
 
    padding: 0.2em;
 
}
 
.wikitable th,
 
.prettytable th {
 
    background: #f2f2f2;
 
    text-align: center;
 
}
 
.wikitable caption,
 
.prettytable caption {
 
    font-weight: bold;
 
}
 
 
/* Default skin for navigation boxes */
 
table.navbox {            /* Navbox container style */
 
  border: 1px solid #aaa;
 
  width: 100%;
 
  margin: auto;
 
  clear: both;
 
  font-size: 88%;
 
  text-align: center;
 
  padding: 1px;
 
}
 
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
 
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)      */
 
}
 
.navbox-title,
 
.navbox-abovebelow,
 
table.navbox th {
 
  text-align: center;      /* Title and above/below styles */
 
  padding-left: 1em;
 
  padding-right: 1em;
 
}
 
.navbox-group {            /* Group style */
 
  white-space: nowrap;
 
  text-align: right;
 
 
   font-weight: bold;
 
   font-weight: bold;
   padding-left: 1em;
+
   padding: 5px 10px;
  padding-right: 1em;
 
 
}
 
}
.navbox, .navbox-subgroup {
+
.TwoColumnCollapsibleLayout-text {
   background: #fdfdfd;     /* Background color */
+
   padding: 5px 10px;
 
}
 
}
.navbox-list {
+
@media (min-width: 768px) {
   border-color: #fdfdfd/* Must match background color */
+
   .TwoColumnCollapsibleLayout {
 +
    grid-template-columns: repeat(2, minmax(0, 1fr));
 +
   }
 
}
 
}
.navbox-title,
+
 
table.navbox th {
+
.TutorialTableWrapper {
   background: #ccccff;     /* Level 1 color */
+
   overflow-x: auto;
 
}
 
}
.navbox-abovebelow,
+
 
.navbox-group,
+
table.TutorialCodeTable {
.navbox-subgroup .navbox-title {
+
  margin: 1em 0;
   background: #ddddff;     /* Level 2 color */
+
  border: 1px #aaa solid;
 +
  border-collapse: collapse;
 +
   width: 100%;
 
}
 
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
+
 
   background: #e6e6ff;     /* Level 3 color */
+
.TutorialCodeTable th,
 +
.TutorialCodeTable td {
 +
   border: 1px #aaa solid;
 +
  padding: 0.2em;
 
}
 
}
.navbox-even {
+
.TutorialCodeTable th {
   background: #f7f7f7;     /* Even row striping */
+
   background:#f2f2f2;
 +
  color: #000;
 +
  text-align:center
 
}
 
}
.navbox-odd {
+
.TutorialCodeTable td {
   background: transparent; /* Odd row striping */
+
   background: #111;
 +
  color: #aaa;
 +
  vertical-align: top;
 
}
 
}
+
.TutorialCodeTable td.TutorialCodeTable-highlighted {
.collapseButton {         /* 'show'/'hide' buttons created dynamically */
+
background-color: #333;
    float: right;          /* by the CollapsibleTables javascript in    */
 
    font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
 
    text-align: right;    /* so they can be customised.                */
 
    width: auto;
 
 
}
 
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
+
.TutorialCodeTable td.TutorialCodeTable-description {
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
+
background-color: transparent;
}                          /* so they need to be the same width.        */
+
color: unset;
 
 
/* Infobox template style */
 
.infobox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    color: black;
 
    margin: 0.5em 0 0.5em 1em;
 
    padding: 0.2em;
 
    float: right;
 
    clear: right;
 
 
}
 
}
.infobox td,
+
 
.infobox th {
+
.TutorialCodeTable caption {
    vertical-align: top;
+
  font-weight: bold;
 
}
 
}
.infobox caption {
+
.TutorialCodeTable pre.code2highlight {
    font-size: larger;
+
  background: transparent;
 +
  border: none;
 
}
 
}
.infobox.bordered {
+
 
    border-collapse: collapse;
 
}
 
.infobox.bordered td,
 
.infobox.bordered th {
 
    border: 1px solid #aaa;
 
}
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
 
    border: 0;
 
}
 
 
.infobox.sisterproject {
 
    width: 20em;
 
    font-size: 90%;
 
}
 
 
.infobox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
}
 
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered th {
 
    border: 1px solid #c0c090;
 
}
 
 
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
    border: 0;
 
    border-top: 1px solid #aaa;
 
    border-right: 1px solid #aaa;
 
}
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
    border: 0;
 
    border-right: 1px solid #aaa;
 
}
 
 
/* Styles for geography infoboxes, eg countries,
 
  country subdivisions, cities, etc.            */
 
.infobox.geography {
 
    text-align: left;
 
    border-collapse: collapse;
 
    line-height: 1.2em;
 
    font-size: 90%;
 
}
 
 
.infobox.geography  td,
 
.infobox.geography  th {
 
    border-top: solid 1px #aaa;
 
    padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
.infobox.geography .mergedtoprow td,
 
.infobox.geography .mergedtoprow th {
 
    border-top: solid 1px #aaa;
 
    padding: 0.4em 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedrow td,
 
.infobox.geography .mergedrow th {
 
    border: 0;
 
    padding: 0 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedbottomrow td,
 
.infobox.geography .mergedbottomrow th {
 
    border-top: 0;
 
    border-bottom: solid 1px #aaa;
 
    padding: 0 0.6em 0.4em 0.6em;
 
}
 
 
.infobox.geography .maptable td,
 
.infobox.geography .maptable th {
 
    border: 0;
 
    padding: 0;
 
}
 
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
 
.redirect-in-category, .allpagesredirect {
 
    font-style: italic;
 
}
 
 
/* Icons for medialist templates [[Template:Listen]],
 
  [[Template:Multi-listen_start]], [[Template:Video]],
 
  [[Template:Multi-video_start]]
 
*/
 
div.listenlist {
 
    background:
 
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
 
    padding-left: 40px;
 
}
 
 
/* Style rules for media list templates */
 
div.medialist {
 
    min-height: 50px;
 
    margin: 1em;
 
    background-position: top left;
 
    background-repeat: no-repeat;
 
}
 
div.medialist ul {
 
    list-style-type: none;
 
    list-style-image: none;
 
    margin: 0;
 
}
 
div.medialist ul li {
 
    padding-bottom: 0.5em;
 
}
 
div.medialist ul li li {
 
    font-size: 91%;
 
    padding-bottom: 0;
 
}
 
 
/* Change the external link icon to an Adobe icon for all PDF files
 
  in browsers that support these CSS selectors, like Mozilla and Opera */
 
#bodyContent a[href$=".pdf"].external,
 
#bodyContent a[href*=".pdf?"].external,
 
#bodyContent a[href*=".pdf#"].external,
 
#bodyContent a[href$=".PDF"].external,
 
#bodyContent a[href*=".PDF?"].external,
 
#bodyContent a[href*=".PDF#"].external,
 
#mw_content  a[href$=".pdf"].external,
 
#mw_content  a[href*=".pdf?"].external,
 
#mw_content  a[href*=".pdf#"].external,
 
#mw_content  a[href$=".PDF"].external,
 
#mw_content  a[href*=".PDF?"].external,
 
#mw_content  a[href*=".PDF#"].external {
 
    background:
 
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
 
        center right no-repeat;
 
    padding-right: 16px;
 
}
 
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
 
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
#bodyContent span.PDFlink a,
 
#mw_content span.PDFlink a {
 
    background:
 
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
 
        center right no-repeat;
 
    padding-right: 17px;
 
}
 
 
/* Remove link styling. Already defined in monobook
 
  and modern, but not defined in the other skins. Bug 18708 */
 
#bodyContent .plainlinks a {
 
    background: none !important;
 
    padding: 0 !important;
 
}
 
 
/* Content in columns with CSS instead of tables [[Template:Columns]] */
 
div.columns-2 div.column {
 
    float: left;
 
    width: 50%;
 
    min-width: 300px;
 
}
 
div.columns-3 div.column {
 
    float: left;
 
    width: 33.3%;
 
    min-width: 200px;
 
}
 
div.columns-4 div.column {
 
    float: left;
 
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
}
 
 
/* Make sure that "external references" from templates like [[Template:Ref]]
 
  do not get URL expansion, not even when printed. The anchor itself has
 
  class "external autonumber" and the url expansion is inserted when printing
 
  (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
 
  ":after" pseudo-element.
 
*/
 
.nourlexpansion a.external.text:after,
 
.nourlexpansion a.external.autonumber:after {
 
    display: none !important;
 
}
 
 
/* The legacy implementation of this was with "plainlinksneverexpand", which
 
  also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
 
  should be replaced with "plainlinks nourlexpansion".  When this has been
 
  done, the rules below can be removed.
 
*/
 
.plainlinksneverexpand a {
 
    background: none !important;
 
    padding: 0 !important;
 
}
 
.plainlinksneverexpand a.external.text:after,
 
.plainlinksneverexpand a.external.autonumber:after {
 
    display: none !important;
 
}
 
 
/* Messagebox templates */
 
.messagebox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    width: 80%;
 
    margin: 0 auto 1em auto;
 
    padding: .2em;
 
}
 
.messagebox.merge {
 
    border: 1px solid #c0b8cc;
 
    background-color: #f0e5ff;
 
    text-align: center;
 
}
 
.messagebox.cleanup {
 
    border: 1px solid #9f9fff;
 
    background-color: #efefff;
 
    text-align: center;
 
}
 
.messagebox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    margin: 4px auto;
 
}
 
/* For old WikiProject banners inside banner shells. */
 
.mbox-inside .standard-talk,
 
.messagebox.nested-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
    width: 100%;
 
    margin: 2px 0;
 
    padding: 2px;
 
}
 
.messagebox.small {
 
    width: 238px;
 
    font-size: 85%;
 
    float: right;
 
    clear: both;
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
}
 
.messagebox.small-talk {
 
    width: 238px;
 
    font-size: 85%;
 
    float: right;
 
    clear: both;
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;
 
    background: #F8EABA;
 
}
 
 
 
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 
th.mbox-text, td.mbox-text {    /* The message body cell(s) */
 
    border: none;
 
    padding: 0.25em 0.9em;      /* 0.9em left/right */
 
    width: 100%;    /* Make all mboxes the same width regardless of text length */
 
}
 
td.mbox-image {                  /* The left image cell */
 
    border: none;
 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
 
    text-align: center;
 
}
 
td.mbox-imageright {            /* The right image cell */
 
    border: none;
 
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
 
    text-align: center;
 
}
 
td.mbox-empty-cell {        /* An empty narrow cell */
 
    border: none;
 
    padding: 0px;
 
    width: 1px;
 
}
 
 
/* Article message box styles */
 
table.ambox {
 
    margin: 0px 10%;  /* 10% = Will not overlap with other elements */
 
    border: 1px solid #aaa;
 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
table.ambox + table.ambox {  /* Single border between stacked boxes. */
 
    margin-top: -1px;
 
}
 
.ambox th.mbox-text,
 
.ambox td.mbox-text {            /* The message body cell(s) */
 
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 
}
 
.ambox td.mbox-image {          /* The left image cell */
 
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
}
 
.ambox td.mbox-imageright {      /* The right image cell */
 
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 
}
 
 
table.ambox-notice {
 
    border-left: 10px solid #1e90ff;    /* Blue */
 
}
 
table.ambox-speedy {
 
    border-left: 10px solid #b22222;    /* Red */
 
    background: #fee;                  /* Pink */
 
}
 
table.ambox-delete {
 
    border-left: 10px solid #b22222;    /* Red */
 
}
 
table.ambox-content {
 
    border-left: 10px solid #f28500;    /* Orange */
 
}
 
table.ambox-style {
 
    border-left: 10px solid #f4c430;    /* Yellow */
 
}
 
table.ambox-move {
 
    border-left: 10px solid #9932cc;    /* Purple */
 
}
 
table.ambox-protection {
 
    border-left: 10px solid #bba;      /* Gray-gold */
 
}
 
 
/* Image message box styles */
 
table.imbox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
 
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
 
}
 
.mbox-inside .imbox {    /* For imboxes inside other templates. */
 
    margin: 4px;
 
}
 
 
table.imbox-notice {
 
    border: 3px solid #1e90ff;    /* Blue */
 
}
 
table.imbox-speedy {
 
    border: 3px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
}
 
table.imbox-delete {
 
    border: 3px solid #b22222;    /* Red */
 
}
 
table.imbox-content {
 
    border: 3px solid #f28500;    /* Orange */
 
}
 
table.imbox-style {
 
    border: 3px solid #f4c430;    /* Yellow */
 
}
 
table.imbox-move {
 
    border: 3px solid #9932cc;    /* Purple */
 
}
 
table.imbox-protection {
 
    border: 3px solid #bba;      /* Gray-gold */
 
}
 
table.imbox-license {
 
    border: 3px solid #88a;      /* Dark gray */
 
    background: #f7f8ff;          /* Light gray */
 
}
 
table.imbox-featured {
 
    border: 3px solid #cba135;    /* Brown-gold */
 
}
 
 
/* Category message box styles */
 
table.cmbox {
 
    margin: 3px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #aaa;
 
    background: #DFE8FF;    /* Default "notice" blue */
 
}
 
 
table.cmbox-notice {
 
    background: #D8E8FF;    /* Blue */
 
}
 
table.cmbox-speedy {
 
    margin-top: 4px;
 
    margin-bottom: 4px;
 
    border: 4px solid #b22222;    /* Red */
 
    background: #FFDBDB;          /* Pink */
 
}
 
table.cmbox-delete {
 
    background: #FFDBDB;    /* Red */
 
}
 
table.cmbox-content {
 
    background: #FFE7CE;    /* Orange */
 
}
 
table.cmbox-style {
 
    background: #FFF9DB;    /* Yellow */
 
}
 
table.cmbox-move {
 
    background: #E4D8FF;    /* Purple */
 
}
 
table.cmbox-protection {
 
    background: #EFEFE1;    /* Gray-gold */
 
}
 
 
/* Other pages message box styles */
 
table.ombox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #aaa;      /* Default "notice" gray */
 
    background: #f9f9f9;
 
}
 
 
table.ombox-notice {
 
    border: 1px solid #aaa;      /* Gray */
 
}
 
table.ombox-speedy {
 
    border: 2px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
}
 
table.ombox-delete {
 
    border: 2px solid #b22222;    /* Red */
 
}
 
table.ombox-content {
 
    border: 1px solid #f28500;    /* Orange */
 
}
 
table.ombox-style {
 
    border: 1px solid #f4c430;    /* Yellow */
 
}
 
table.ombox-move {
 
    border: 1px solid #9932cc;    /* Purple */
 
}
 
table.ombox-protection {
 
    border: 2px solid #bba;      /* Gray-gold */
 
}
 
 
/* Talk page message box styles */
 
table.tmbox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 
    background: #f8eaba;
 
}
 
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
 
    margin: 2px 0;              /* class ensures that this declaration overrides other */
 
    width: 100%;  /* For Safari and Opera */    /* styles (including mbox-small above) */
 
}
 
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 
    line-height: 1.5em;          /* also "nested", so reset styles that are  */ 
 
    font-size: 100%;            /* set in "mbox-small" above.                */
 
}
 
 
table.tmbox-speedy {
 
    border: 2px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
}
 
table.tmbox-delete {
 
    border: 2px solid #b22222;    /* Red */
 
}
 
table.tmbox-content {
 
    border: 2px solid #f28500;    /* Orange */
 
}
 
table.tmbox-style {
 
    border: 2px solid #f4c430;    /* Yellow */
 
}
 
table.tmbox-move {
 
    border: 2px solid #9932cc;    /* Purple */
 
}
 
table.tmbox-protection,
 
table.tmbox-notice {
 
    border: 1px solid #c0c090;    /* Gray-brown */
 
}
 
 
/* Disambig and set index box styles */
 
table.dmbox {
 
    clear: both;
 
    margin: 0.9em 1em;
 
    border-top: 1px solid #ccc;
 
    border-bottom: 1px solid #ccc;
 
    background: transparent;
 
}
 
 
/* Footer and header message box styles */
 
table.fmbox {
 
    clear: both;
 
    margin: 0.2em 0;
 
    width: 100%;
 
    border: 1px solid #aaa;
 
    background: #f9f9f9;    /* Default "system" gray */
 
}
 
table.fmbox-system {
 
    background: #f9f9f9;
 
}
 
table.fmbox-warning {
 
    border: 1px solid #bb7070;  /* Dark pink */
 
    background: #ffdbdb;        /* Pink */
 
}
 
table.fmbox-editnotice {
 
    background: transparent;
 
}
 
/* Div based "warning" style fmbox messages. */
 
div.mw-warning-with-logexcerpt,
 
div.mw-lag-warn-high,
 
div.mw-cascadeprotectedwarning {
 
    clear: both;
 
    margin: 0.2em 0;
 
    border: 1px solid #bb7070;
 
    background: #ffdbdb;
 
    padding: 0.25em 0.9em;
 
}
 
/* Div based "system" style fmbox messages. Used in
 
  [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
 
div.mw-lag-warn-normal,
 
div.noarticletext,
 
div.fmbox-system {
 
    clear: both;
 
    margin: 0.2em 0;
 
    border: 1px solid #aaa;
 
    background: #f9f9f9;
 
    padding: 0.25em 0.9em;
 
}
 
 
/* These mbox-small classes must be placed after all other
 
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
 
  they override "table.ambox + table.ambox" above. */
 
body.mediawiki table.mbox-small {  /* For the "small=yes" option. */
 
    clear: right;
 
    float: right;
 
    margin: 4px 0 4px 1em;
 
    width: 238px;
 
    font-size: 88%;
 
    line-height: 1.25em;
 
}
 
body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */
 
    margin: 4px 1em 4px 0;
 
    width: 238px;
 
    border-collapse: collapse;
 
    font-size: 88%;
 
    line-height: 1.25em;
 
}
 
 
 
/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
 
  The second declarations reset the styles for all browsers except
 
  IE6, which chokes on the empty comment tags. Please copy any changes
 
  to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
 
*/
 
.IPA {
 
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
 
                "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
 
                "Arial Unicode MS", "Lucida Sans Unicode",
 
                "Chrysanthi Unicode";
 
    font-family /**/: inherit;
 
}
 
.Unicode {
 
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
 
                "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
 
                "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
 
                "Lucida Grande", "Free Sans", "Arial Unicode MS",
 
                "Microsoft Sans Serif", "Lucida Sans Unicode";
 
    font-family /**/: inherit;
 
}
 
.latinx {
 
    font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
 
    font-family /**/: inherit;
 
}
 
.polytonic {
 
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
 
                "Arial Unicode MS", "Lucida Sans Unicode",
 
                "Lucida Grande", Code2000;
 
    font-family /**/: inherit;
 
}
 
 
#wpSave {
 
    font-weight: bold;
 
}
 
 
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
 
.hiddenStructure {
 
    display: inline ! important;
 
    color: #f00;
 
    background-color: #0f0;
 
}
 
 
/* suppress missing interwiki image links where #ifexist cannot
 
  be used due to high number of requests see .hidden-redlink on
 
  http://meta.wikimedia.org/wiki/MediaWiki:Common.css
 
*/
 
.check-icon a.new {
 
    display: none;
 
    speak: none;
 
}
 
 
/* Removes underlines from links */
 
.nounderlines a {
 
    text-decoration: none;
 
}
 
 
/* Remove underline from IPA links */
 
.IPA a:link, .IPA a:visited {
 
    text-decoration: none;
 
}
 
 
/* Standard Navigationsleisten, aka box hiding thingy
 
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 
div.NavFrame {
 
    margin: 0;
 
    padding: 4px;
 
    border: 1px solid #aaa;
 
    text-align: center;
 
    border-collapse: collapse;
 
    font-size: 95%;
 
}
 
div.NavFrame + div.NavFrame {
 
    border-top-style: none;
 
    border-top-style: hidden;
 
}
 
div.NavPic {
 
    background-color: #fff;
 
    margin: 0;
 
    padding: 2px;
 
    float: left;
 
}
 
div.NavFrame div.NavHead {
 
    height: 1.6em;
 
    font-weight: bold;
 
    background-color: #ccf;
 
    position: relative;
 
}
 
div.NavFrame p {
 
    font-size: 100%;
 
}
 
div.NavFrame div.NavContent {
 
    font-size: 100%;
 
}
 
div.NavFrame div.NavContent p {
 
    font-size: 100%;
 
}
 
div.NavEnd {
 
    margin: 0;
 
    padding: 0;
 
    line-height: 1px;
 
    clear: both;
 
}
 
a.NavToggle {
 
    position: absolute;
 
    top: 0;
 
    right: 3px;
 
    font-weight: normal;
 
    font-size: 90%;
 
}
 
 
/* Coloured watchlist numbers */
 
.mw-plusminus-pos { color: #006400; } /* dark green */
 
.mw-plusminus-neg { color: #8B0000; } /* dark red */
 
 
.rellink,
 
.dablink {
 
    font-style: italic;
 
    padding-left: 2em;
 
}
 
.rellink i,
 
.dablink i {
 
    font-style: normal;
 
}
 
 
/* Style for horizontal UL lists */
 
.horizontal ul {
 
    padding: 0;
 
    margin: 0;
 
}
 
.horizontal li {
 
    padding: 0 0.6em 0 0.4em;
 
    display: inline;
 
    border-right: 1px solid;
 
}
 
.horizontal li:last-child {
 
    border-right: none;
 
    padding-right: 0;
 
}
 
 
/* Allow transcluded pages to display in lists rather than a table.
 
  Compatible in Firefox; incompatible in IE6. */
 
.listify td    { display: list-item; }
 
.listify tr    { display: block; }
 
.listify table { display: block; }
 
 
/* Geographical coordinates defaults. See [[Template:Coord/link]]
 
  for how these are used. The classes "geo", "longitude", and
 
  "latitude" are used by the [[Geo microformat]].
 
*/
 
.geo-default, .geo-dms, .geo-dec  { display: inline; }
 
.geo-nondefault, .geo-multi-punct { display: none; }
 
.longitude, .latitude            { white-space: nowrap; }
 
 
/* When <div class="nonumtoc"> is used on the table of contents,
 
  the ToC will display without numbers */
 
.nonumtoc .tocnumber { display: none; }
 
.nonumtoc #toc ul,
 
.nonumtoc .toc ul {
 
    line-height: 1.5em;
 
    list-style: none;
 
    margin: .3em 0 0;
 
    padding: 0;
 
}
 
.nonumtoc #toc ul ul,
 
.nonumtoc .toc ul ul {
 
    margin: 0 0 0 2em;
 
}
 
 
/* Allow limiting of which header levels are shown in a TOC;
 
  <div class="toclimit-3">, for instance, will limit to
 
  showing ==headings== and ===headings=== but no further
 
  (as long as there are no =headings= on the page, which
 
  there shouldn't be according to the MoS).
 
*/
 
.toclimit-2 .toclevel-2,
 
.toclimit-3 .toclevel-3,
 
.toclimit-4 .toclevel-4,
 
.toclimit-5 .toclevel-5,
 
.toclimit-6 .toclevel-6,
 
.toclimit-7 .toclevel-7 { display: none; }
 
 
/* Styling for Template:Quote */
 
blockquote.templatequote {
 
    margin-top: 0;
 
}
 
blockquote.templatequote div.templatequotecite {
 
    line-height: 1em;
 
    text-align: left;
 
    padding-left: 2em;
 
    margin-top: 0;
 
}
 
blockquote.templatequote div.templatequotecite cite {
 
    font-size: 85%;
 
}
 
 
div.user-block {
 
    padding: 5px;
 
    border: 1px solid #A9A9A9;
 
    background-color: #FFEFD5;
 
}
 
 
/* Prevent line breaks in silly places:
 
  1) links when we don't want them to
 
  2) HTML formulae
 
  3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
 
*/
 
.nowraplinks a,
 
span.texhtml,
 
sup.reference a { white-space: nowrap; }
 
 
/* For template documentation */
 
.template-documentation {
 
    clear: both;
 
    margin: 1em 0 0 0;
 
    border: 1px solid #aaa;
 
    background-color: #ecfcf4;
 
    padding: 5px;
 
}
 
 
.thumbinner {
 
    min-width: 100px;
 
}
 
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
 
.imagemap-inline div {
 
    display: inline;
 
}
 
 
/* Increase the height of the image upload box */
 
#wpUploadDescription {
 
    height: 13em;
 
}
 
 
/* Reduce line-height for <sup> and <sub> */
 
sup, sub {
 
    line-height: 1em;
 
}
 
 
 
/* The backgrounds for galleries. */
 
#content .gallerybox div.thumb {
 
    background-color: #F9F9F9;  /* Light gray padding */
 
}
 
/* Put a chequered background behind images, only visible if they have transparency */
 
.gallerybox .thumb img,
 
#file img {
 
    background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
 
}
 
/* But no chequered background on articles, user pages or portals. */
 
.ns-0 .gallerybox .thumb img,
 
.ns-2 .gallerybox .thumb img,
 
.ns-100 .gallerybox .thumb img {
 
    background: white;
 
}
 
 
/* Prevent floating boxes from overlapping any category listings,
 
  file histories, edit previews, and edit [Show changes] views */
 
#mw-subcategories, #mw-pages, #mw-category-media,
 
#filehistory, #wikiPreview, #wikiDiff {
 
    clear: both;
 
}
 
 
/* Selectively hide headers in WikiProject banners */
 
.wpb .wpb-header            { display: none; }
 
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
 
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
 
.wpbs-inner .wpb-outside    { display: none; }      /* hide things that should only display outside shells */
 
 
 
/* </source> */
 
/* </source> */

Latest revision as of 10:09, 19 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) { background-color:#fff8e8; color:#000000 }
.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; color:#000000!important }
.table.c_15 > tbody > tr > th,table.table > tbody > tr.c_15 > th { background-color:#ffe6b3; border-color:#ccb88f; color:#000000 }
.table.c_15 > tbody > tr:nth-child(odd),.table > tbody > tr.c_15:nth-child(odd) { background-color:#FFF0D1; 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 > * { background-color:#f96!important; border-color:#cc7a52!important; color:#000000!important }
.table.c_16 > tbody > tr > th,table.table > tbody > tr.c_16 > 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) { 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; color:#000000 }
.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; color:#000000 }
.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 > * { background-color:#a68151!important; border-color:#856741!important; color:#000000!important }
.table.c_25 > tbody > tr > th,table.table > tbody > tr.c_25 > 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) { 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-color:#390!important }
div.infobox.c_15 dd,div.infobox.c_15 dt { border-color:#fc6!important }
div.infobox.c_15 .heading,div.infobox.c_15 .subheading { background-color:#fc6!important }
div.infobox.c_16 dd,div.infobox.c_16 dt { border-color:#f96!important }
div.infobox.c_16 .heading,div.infobox.c_16 .subheading { background-color:#f96!important }
div.infobox.c_17 dd,div.infobox.c_17 dt { border-color:#69c!important }
div.infobox.c_17 .heading,div.infobox.c_17 .subheading { background-color:#69c!important }
div.infobox.c_18 dd,div.infobox.c_18 dt { border-color:#3cc!important }
div.infobox.c_18 .heading,div.infobox.c_18 .subheading { background-color:#3cc!important }
div.infobox.c_19 dd,div.infobox.c_19 dt { border-color:#c6c!important }
div.infobox.c_19 .heading,div.infobox.c_19 .subheading { background-color:#c6c!important }
div.infobox.c_20 dd,div.infobox.c_20 dt { border-color:#96c!important }
div.infobox.c_20 .heading,div.infobox.c_20 .subheading { background-color:#96c!important }
div.infobox.c_21 dd,div.infobox.c_21 dt { border-color:#9c3!important }
div.infobox.c_21 .heading,div.infobox.c_21 .subheading { background-color:#9c3!important }
div.infobox.c_22 dd,div.infobox.c_22 dt { border-color:#c96!important }
div.infobox.c_22 .heading,div.infobox.c_22 .subheading { background-color:#c96!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 { background-color:#533610 }
div.nav.c_25 dd,div.nav.c_22 dt,div.nav.c_25 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> */