Difference between revisions of "MediaWiki:Common.css"

From RimWorld Wiki
Jump to navigation Jump to search
m (Spoiler test)
(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)
 
(160 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 {
−
.navbox-even {
+
   border: 1px #aaa solid;
−
   background: #f7f7f7;     /* Even row striping */
+
   padding: 0.2em;
 
}
 
}
−
.navbox-odd {
+
.TutorialCodeTable th {
−
   background: transparent; /* Odd row striping */
+
   background:#f2f2f2;
 +
  color: #000;
 +
  text-align:center
 
}
 
}
−
+
.TutorialCodeTable td {
−
.collapseButton {         /* 'show'/'hide' buttons created dynamically */
+
  background: #111;
−
    float: right;         /* by the CollapsibleTables javascript in    */
+
  color: #aaa;
−
    font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
+
   vertical-align: top;
−
    text-align: right;    /* so they can be customised.                */
 
−
    width: auto;
 
 
}
 
}
−
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
+
.TutorialCodeTable td.TutorialCodeTable-highlighted {
−
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
+
background-color: #333;
−
}                          /* so they need to be the same width.        */
 
−
 
−
 
−
/* 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,
+
.TutorialCodeTable td.TutorialCodeTable-description {
−
.infobox th {
+
background-color: transparent;
−
    vertical-align: top;
+
color: unset;
 
}
 
}
−
.infobox caption {
+
 
−
    font-size: larger;
+
.TutorialCodeTable caption {
−
}
+
   font-weight: bold;
−
.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.                */
 
 
}
 
}
−
+
.TutorialCodeTable pre.code2highlight {
−
table.tmbox-speedy {
+
  background: transparent;
−
    border: 2px solid #b22222;   /* Red */
+
  border: none;
−
    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 */
 
  
−
/* Testing part */
 
−
/**INFOBOXES**/
 
−
div.infobox { float: right; position: relative; width: 250px; background: #FFF; font-size: .923em; border: 1px solid #aaa; margin: 0 0 1em 1em; padding: 0; }
 
−
div.infobox,div.nav .box {
 
−
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); background-image: linear-gradient(top, #fff 0%, #eee 100%); background-image: -o-linear-gradient(top, #fff 0%, #eee 100%); background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); }
 
−
div.infobox .icon { float: right; position: relative; z-index: 2; width: auto; margin: 5px; }
 
−
div.infobox .icon p { text-align: center; color: #444; font-size: 9px!important; background-color: rgba(255,255,255,0.5); border-radius: .75em; line-height: 1em; margin: .25em -.5em; padding: 2px; }
 
−
div.infobox .wrapper { clear: both; padding: 0; }
 
−
div.infobox .statistics { text-align: center; margin: 0 8px; }
 
−
div.statistics span + span { margin-left: 5px; }
 
−
div.infobox .heading,div.nav .heading { font-weight: 700; background-image: url(http://ludeon.com/rimworld/wiki/images/c/cc/Infobox_header_overlay.png)!important; text-align: center; border: 1px solid rgba(0,0,0,0.25); border-bottom-width: 0; position: relative; z-index: 1; font-size-adjust: .52; margin: -1px -1px 5px!important; }
 
−
div.infobox .heading { font-family: EasonPro, "Times New Roman", serif!important; font-size: 1.417em!important; color: #fff!important; background-color: #444; text-shadow: rgba(0,0,0,0.75) 0 0 .25em; line-height: 1.176em; font-size-adjust: .43; padding: .5em!important; }
 
−
div.infobox .subheading,div.nav .subheading { font-weight: 700; background-color: #888; background-image: url(http://ludeon.com/rimworld/wiki/images/c/cc/Infobox_header_overlay.png)!important; border-left: 1px solid rgba(0,0,0,0.25); border-right: 1px solid rgba(0,0,0,0.25); line-height: 100%; text-align: center; position: relative; margin: 0 -1px!important; }
 
−
div.infobox .subheading { font-family: EasonPro, "Times New Roman", serif; font-size: 1.25em!important; color: #fff!important; background-color: #444; text-shadow: rgba(0,0,0,0.75) 0 0 .25em; z-index: 1; line-height: 1.333em; font-size-adjust: 0.43; padding: .567em!important; }
 
−
div.nav dl,div.infobox dl { margin: 10px 0; }
 
−
div.infobox dt { float: left; text-align: right; width: 78px; line-height: 1em; font-weight: 700; clear: left; border-right: 2px solid #999; margin: 0 -2px 0 0; padding: 2px 8px 2px 3px; }
 
−
div.infobox dd { float: left; width: 125px; font-weight: 400; border-left: 2px solid #999; margin: 0; padding: 2px 7px; }
 
−
div.infobox .image_wrapper { text-align: center; padding: 0; margin: 10px 0; }
 
−
div.infobox::after,div.nav .box::after,div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,div.nav .subheading::after,.table::after { content: ""; position: absolute; width: 100%; left: 0; height: 3px; background-image: url(http://ludeon.com/rimworld/wiki/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.armor dd,div.infobox.weapon dd,div.infobox.item dd,div.infobox.armor dt,div.infobox.weapon dt,div.infobox.item dt { border-color: #c30; }
 
−
div.infobox.armor .heading,div.infobox.weapon .heading,div.infobox.item .heading,div.infobox.armor .subheading,div.infobox.weapon .subheading,div.infobox.item .subheading { background: #c30; }
 
−
div.infobox.recipe { width: 250px; display: inline-block; float: none; clear: none; vertical-align: top; font-size: 1em; margin: 0 1em 1em 0; }
 
−
div.infobox.recipe .heading,div.infobox.recipe .subheading { font-size: 1.133em; background: #533610; }
 
−
div.infobox.recipe .wrapper { padding: 0 10px; }
 
−
div.infobox.crafting .heading,div.infobox.crafting .subheading { background: #533610; }
 
−
div.infobox.crafting dd,div.infobox.recipe dd,div.infobox.crafting dt,div.infobox.recipe dt { border-color: #533610; }
 
−
div.infobox.npc dd,div.infobox.npc dt { border-color: #390; }
 
−
div.infobox.npc .heading,div.infobox.npc .subheading { background: #390; }
 
−
div.infobox.skill dd,div.infobox.trait dd,div.infobox.skill dt,div.infobox.trait dt { border-color: #999; }
 
−
div.infobox.skill .heading,div.infobox.trait .heading,div.infobox.skill .subheading,div.infobox.trait .subheading { background: #444; }
 
−
div.infobox.skill .icon > div { border: 2px solid #111; }
 
−
div.infobox.trait .icon { margin: 5px 7px; }
 
−
div.infobox.effect .condition { background: #363; }
 
−
div.infobox.effect .boon { background: #399; }
 
−
div.infobox.pet dd,div.infobox.pet dt { border-color: #360; }
 
−
div.infobox.pet .heading,div.infobox.pet .subheading { background: #360; }
 
−
div.infobox.quest dd,div.infobox.quest dt { border-color: #f90; }
 
−
div.infobox.quest .heading,div.infobox.quest .subheading { background: #f90; }
 
−
div.infobox.area dd,div.infobox.area dt { border-color: #306; }
 
−
div.infobox.area .heading,div.infobox.area .subheading { background: #306; }
 
−
/**NAV BARS (headings are done with infobox headings)**/
 
−
div.nav { position: relative; width: 500px; margin: auto; }
 
−
div.nav .box { position: relative; font-size: .9230769231em; border-spacing: 0; overflow: visible; min-height: 60px; border: 1px solid #aaa; margin: 5px; padding: 0; }
 
−
div.nav .heading { font-family: Arial, sans-serif!important; background-color: #888; font-size: 1.083em; line-height: 100%; margin: -1px -1px 0; padding:.769em 0; }
 
−
div.nav .subheading { font-family: Arial, sans-serif; font-size: 1em; font-size-adjust: .52; padding: .833em 0; }
 
−
div.nav dt,div.nav dd,div.infobox dt,div.infobox dd,div.nav table { line-height: 1.667em; }
 
−
div.nav .center { text-align: center; margin: 10px 0; }
 
−
div.nav .box table { background-color: transparent; border-collapse: collapse; width: 100%; margin: .667em 0; }
 
−
div.nav dt { float: left; text-align: right; width: 125px; clear: left; border-right: 2px solid #999; margin: 0 -2px 0 0; padding: 2px 8px; }
 
−
div.nav dd { float: left; text-align: left; border-left: #888 solid 2px; width: 325px; margin: 0; padding: 2px 8px; }
 
−
div.nav table th { text-align: right; border-right: 2px solid #888; vertical-align: top; padding: 2px 8px; }
 
−
div.nav table td { padding:2px 8px 5px }
 
−
div.nav table td a { white-space: nowrap; }
 
−
div.nav.thin .box { width: 400px; margin-left: 50px; }
 
−
div.nav.thin dt { width:75px; }
 
−
div.nav.thin dd { width:290px; }
 
−
div.nav.wide .box { width:600px; margin-left:-50px; }
 
−
div.nav.wide dt { width:150px; }
 
−
div.nav.wide dd { width:400px; }
 
−
div.nav.equip .heading { background-color: #999; }
 
−
div.nav.equip dd,div.nav.equip dt,div.nav.equip table th { border-color: #999; }
 
−
 
−
/**Remove external link icon**/
 
−
#bodyContent a.external,
 
−
#bodyContent a[href ^="gopher://"] { background: none; padding-right: 0;}
 
−
 
−
/**Links color**/
 
−
.external a, .external a:link, .external a:active, .external a:visited, a, a:link, a:active, a:visited { color: #14171A !important; text-decoration: none;}
 
−
.external a:hover, a:hover {color: #F7941E !important;}
 
−
a.new, a.new:link, a.new:active, a.new:visited { color: #9F0000 !important; text-decoration: none;}
 
−
a.new:hover{ color: #FF0000 !important;}
 
−
 
−
/**Spoiler**/
 
−
.spoiler-body { display: none; }
 
−
.opened { color: green; }
 
−
.closed { color: blue; }
 
 
/* </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> */
Retrieved from "https://rimworldwiki.com/index.php?title=MediaWiki:Common.css&oldid=142203"