MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

body.page-Main_Page h1.firstHeading { display: none; }

/** * Style for horizontal lists (separator following item). * @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists * @revision 9 (2016-08-10) * @author User:Edokter */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again */ margin: 0; display: inline; } /* Display nested lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li, .hlist .mw-empty-elt { display: none; } /* Generate interpuncts */ .hlist dt:after { content: ": "; } .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " (";   font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {    content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li:before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before { content: " (" counter(listitem) "\a0"; }

/* ##################### PI Infobox ##################### */

.portable-infobox { box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); border: 1px solid #AAA; }

.portable-infobox .pi-title { background-color: #246C97; color: #ffffff; text-align: center; }

.portable-infobox .pi-data { border: none; }

.portable-infobox .pi-secondary-background { background-color: #6BA5C8; color: #ffffff; }

.portable-infobox .pi-item.pi-group { border-top: #000000; }

.pi-data-label, .pi-data-value { hyphens: manual; -webkit-hyphens: manual; } .portable-infobox .pi-data-label { flex-basis: 165px; }

/* ##################### SEARCH BAR ##################### */ .bodySearchWrap { /* Generated from the tags */ margin-top:30px; font-size:18px; } .bodySearchWrap > input { /* Belongs to the input elements of */ height:40px; } .mw-ui-input { max-width:600px; width:100%; height:100%; padding:2px 2px 2px 10px; border-radius:3px; border:1px solid #999; }

/* Default style for navigation boxes */ .navbox {                    /* Navbox container style */ box-sizing: border-box; border: 1px solid #a2a9b1; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */ } .navbox .navbox { margin-top: 0;           /* No top margin for nested navboxes */ } .navbox + .navbox { margin-top: -1px;        /* Single pixel border between adjacent navboxes */ } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em;     /* Title, group and above/below styles */ line-height: 1.5em; text-align: center; } th.navbox-group {            /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background-color: #fdfdfd; /* Background color */ } .navbox-list { line-height: 1.5em; border-color: #fdfdfd;   /* Must match background color */ } /* cell spacing for navbox cells */ tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {   /* Borders above 2nd, 3rd, etc. rows */ border-top: 2px solid #fdfdfd; /* Must match background color */ } .navbox th, .navbox-title { background-color: #ccccff;     /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background-color: #ddddff;     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: #e6e6ff;     /* Level 3 color */ } .navbox-even { background-color: #f7f7f7;     /* Even row striping */ } .navbox-odd { background-color: transparent; /* Odd row striping */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ } /* Styling for JQuery makeCollapsible, matching that of collapseButton */ .mw-parser-output .mw-collapsible-toggle { font-weight: normal; /* @noflip */ text-align: right; padding-right: 0.2em; padding-left: 0.2em; } .mw-collapsible-leftside-toggle .mw-collapsible-toggle { /* @noflip */ float: left; /* @noflip */ text-align: left; }

/* ##################### Main structure v2 ##################### */

.mainpage-body { display: flex; flex-flow: row wrap; }

.mainpage-body h2 a { color: #444e5a; }

.tile { background: #ffffff; border: 1px solid #e4eaee; box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); padding: 1.5em 2em 1em; max-width: 40em; }

.tile h2 { font-size: 1.4em; font-weight: bold; border: none; margin: 0 0 0.4em; }

.mainpage-body .tile { padding-left: 1.75em; padding-right: 1.75em; max-width: 100%; }

.mainpage-body .tile-row { width: 100%; margin-bottom: 0.9rem; }

/* ##################### Main page tiles ##################### */

.mainpage-big-tiles .tile-halves { flex: 1; align-content: flex-start; margin-right: 0.9rem; }

.mainpage-big-tiles .tile-halves:hover .tile-top img { transform: scale(1.04); }

.mainpage-big-tiles .tile-halves:last-child { margin-right: 0; }

.mainpage-big-tiles .tile-bottom.link-button a { text-align: left; padding: 1rem 1.5rem 0.75rem; }

.mainpage-big-tiles h2 { margin: -0.5em 0 0.3em; }

.mainpage-big-tiles p:not(.byline) { font-size: 0.9em; line-height: 1.75em; color: #444e5a; }

.tile-row { display: flex; flex-flow: row wrap; margin-bottom: 1em; }

.tile-halves { display: flex; flex-flow: row wrap; border: 1px solid #e4eaee; background: #ffffff; box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); }

.tile-halves h2 { font-size: 1.4em; font-weight: bold; border: none; margin: 0 0 0.4em; }

.tile-halves .byline + h2 { margin-top: -0.5em; }

.tile-top { width: 100%; padding: 1.3rem 1.5rem 0.6rem; }

.tile-top.tile-image { display: flex; align-items: center; background-color: #949eaa; overflow: hidden; padding: 0; height: 13vw; max-height: 12em; }

.tile-top.tile-image a { width: 100%; }

.tile-top.tile-image img { width: 100%; height: auto; transition: 0.4s ease-out; object-fit: cover; }

.tile-bottom { background: #ffffff; border-top: 1px solid #e4eaee; width: 100%; padding: 1rem 1.5rem 0.6rem; }

.tile-bottom.link-button { align-self: flex-end; padding: 0; }

.tile-bottom.link-button a { display: block; text-align: center; padding: 0.75em 1.5em 0.8em; text-decoration: none; }

.byline { font-size: 0.9em; color: #949eaa; }

.arrow { background: url('filepath://White-chevron.svg') no-repeat; display: inline-block; height: 0.7rem; width: 0.45rem; vertical-align: middle; }

.arrow.dark { filter: invert(80%); }

.byline a { color: #949eaa; }

.tile-row { display: flex; flex-flow: row wrap; margin-bottom: 1em; }

.mainpage-contents .tile-halves { flex: 1; margin-right: 0.9rem; }

.mainpage-contents .tile-halves:hover .tile-top img { transform: scale(1.04); }

.mainpage-contents .tile-halves:last-child { margin-right: 0; }

.mainpage-contents .tile-top { height: 4.5rem; position: relative; }

.mainpage-contents .tile-top h2 a { display: block; text-align: center; text-decoration: none; line-height: 4.5rem; padding-left: 0.45rem; }

.mainpage-contents h2 { margin: 0; padding: 0; }

@media only screen and (max-width: 65.999rem) { .mainpage-big-tiles .tile-halves:last-child { display: none; }

.mainpage-big-tiles .tile-halves:nth-last-child(2) { margin-right: 0; }

.mainpage-big-tiles .tile-top { height: 18vw; }

.mainpage-contents .tile-halves:nth-child(1), .mainpage-contents .tile-halves:nth-child(2), .mainpage-contents .tile-halves:nth-child(3) { margin-bottom: 0.9rem; }

.mainpage-contents .tile-halves:nth-child(3) { margin-right: 0; }

.mainpage-contents .line-break { width: 100%; } }

@media only screen and (min-width: 66rem) and (max-width: 81.999rem) { .mainpage-contents .tile-halves:last-child { display: none; }

.mainpage-contents .tile-halves:nth-last-child(2) { margin-right: 0; }

.mainpage-contents .line-break { display: none; }

}

@media only screen and (min-width: 82rem) {

.mainpage-contents .line-break { display: none; }

}

/* ##################### Mainpage structure ##################### */

.mainpage-body { display: flex; flex-flow: row wrap; }

.mainpage-body h2 a { color: #444e5a; }

.mainpage-body .tile { padding-left: 1.75em; padding-right: 1.75em; max-width: 100%; }

.mainpage-body .tile-row { width: 100%; margin-bottom: 0.9rem; }

.mainpage-left { flex: 2; display: flex; flex-flow: column wrap; margin-right: 0.9rem; }

.mainpage-left > * { margin: 0 0 0.9rem; }

.mainpage-right { flex: 1; display: flex; flex-flow: column wrap; }

.mainpage-right > * { margin: 0 0 0.9rem; }

/* ##################### social mainpage ##################### */

.mainpage-social { border: none; box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); }

.mainpage-social .tile-top { display: flex; align-items: center; padding: 1em 1.5em; }

.mainpage-social .tile-top a { flex: 1; position: relative; text-decoration: none; }

.mainpage-social .tile-top a:hover .arrow { transform: translateX(50%); }

.mainpage-social .tile-bottom { border: none; padding: 1em 1.75em; }

.mainpage-social .tile-bottom p { color: #ffffff; font-weight: bold; font-size: 0.9em; text-align: center; text-transform: uppercase; letter-spacing: 0.03em; margin: 0; }

.mainpage-social .social-icon { margin-right: 0.75em; width: 60px; text-align: center; }

.mainpage-social .social-header { color: #ffffff; font-weight: bold; font-size: 1.15em; margin: 0.5em 0 -0.15em; }

.mainpage-social .social-tagline { color: rgba(255, 255, 255, 0.9); margin-bottom: 0.5em; }

.mainpage-social .arrow { position: absolute; top: calc(50% - .5em); right: 0; height: 1em; width: 0.7em; background-size: 0.7em 1em; transition: 0.3s ease-out; }

.mainpage-social.mainpage-discord .tile-top { background: #5865F2; }

.mainpage-social.mainpage-discord .tile-bottom { background: #525ee0; }

.mainpage-social.mainpage-github .tile-top { background: #161B22; }

.mainpage-social.mainpage-github .tile-bottom { background: #0D1117; }

/* ##################### announcement mainpage ##################### */

.mainpage-wikinews .news-date { font-weight: bold; margin-bottom: 0.3em; }

.mainpage-wikinews p:not(.news-date) { margin-left: 1em; }

/**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 } .table.any > tbody > tr > th,table.table > tbody > tr.any > th { background-color:#ccc; border-color:#aaa } .table.any > tbody > tr:nth-child(odd),.table > tbody > tr.any:nth-child(odd) { background-color:#eee } .table.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 } .table.c_01 > tbody > tr > th,table.table > tbody > tr.c_01 > th { background-color:#b9e0ec; border-color:#94b3bd } .table.c_01 > tbody > tr:nth-child(odd),.table > tbody > tr.c_01:nth-child(odd) { background-color:#eaf6f9 } .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 } .table.c_02 > tbody > tr > th,table.table > tbody > tr.c_02 > th { background-color:#ffe8b3; border-color:#ccba8f } .table.c_02 > tbody > tr:nth-child(odd),.table > tbody > tr.c_02:nth-child(odd),.table.pve > tbody > tr:nth-child(odd),.table > tbody > tr.pve:nth-child(odd) { background-color:#fff8e8 } .table.c_03 > :first-child > tr:first-child,.table.c_03 > tbody > tr.heading,.table.c_03 > :first-child > tr:first-child > *,.table.c_03 > tbody > tr.heading > * { background-color:#d09c59!important; border-color:#a67d47!important } .table.c_03 > tbody > tr > th,table.table > tbody > tr.c_03 > th { background-color:#e8bc84; border-color:#ba966a } .table.c_03 > tbody > tr:nth-child(odd),.table > tbody > tr.c_03:nth-child(odd) { background-color:#f8ebda } .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 } .table.c_04 > tbody > tr > th,table.table > tbody > tr.c_04 > th { background-color:#c7efa2; border-color:#9fbf82 } .table.c_04 > tbody > tr:nth-child(odd),.table > tbody > tr.c_04:nth-child(odd) { background-color:#eefae3 } .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 } .table.c_05 > tbody > tr > th,table.table > tbody > tr.c_05 > th { background-color:#dec6c9; border-color:#b29ea1 } .table.c_05 > tbody > tr:nth-child(odd),.table > tbody > tr.c_05:nth-child(odd) { background-color:#f5eeef } .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 } .table.c_06 > tbody > tr > th,table.table > tbody > tr.c_06 > th { background-color:#fbc5c3; border-color:#c99e9c } .table.c_06 > tbody > tr:nth-child(odd),.table > tbody > tr.c_06:nth-child(odd) { background-color:#feeeed } .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 } .table.c_07 > tbody > tr > th,table.table > tbody > tr.c_07 > th { background-color:#dbbcea; border-color:#af96bb } .table.c_07 > tbody > tr:nth-child(odd),.table > tbody > tr.c_07:nth-child(odd) { background-color:#f4ebf9 } .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 } .table.c_08 > tbody > tr > th,table.table > tbody > tr.c_08 > th { background-color:#a9d3b7; border-color:#87a992 } .table.c_08 > tbody > tr:nth-child(odd),.table > tbody > tr.c_08:nth-child(odd) { background-color:#e5f2ea } .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 } .table.c_09 > tbody > tr > th,table.table > tbody > tr.c_09 > th { background-color:#d1bdf8; border-color:#a797c6 } .table.c_09 > tbody > tr:nth-child(odd),.table > tbody > tr.c_09:nth-child(odd) { background-color:#f1ebfd } .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 } .table.c_10 > tbody > tr > th,table.table > tbody > tr.c_10 > th { background-color:#ffbcc3; border-color:#cc969c } .table.c_10 > tbody > tr:nth-child(odd),.table > tbody > tr.c_10:nth-child(odd) { background-color:#ffebed } .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 } .table.c_11 > tbody > tr > th,table.table > tbody > tr.c_11 > th { background-color:#fff2b3; border-color:#ccc28f } .table.c_11 > tbody > tr:nth-child(odd),.table > tbody > tr.c_11:nth-child(odd) { background-color:#fffbe8 } .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 } .table.c_12 > tbody > tr > th,table.table > tbody > tr.c_12 > th { background-color:#baddff; border-color:#95b1cc } .table.c_12 > tbody > tr:nth-child(odd),.table > tbody > tr.c_12:nth-child(odd) { background-color:#eaf5ff } .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 } .table.c_13 > tbody > tr > th,table.table > tbody > tr.c_13 > th { background-color:#b0f3b2; border-color:#8dc28e } .table.c_13 > tbody > tr:nth-child(odd),.table > tbody > tr.c_13:nth-child(odd) { background-color:#e7fbe8 } .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 } .table.c_14 > tbody > tr > th,table.table > tbody > tr.c_14 > th { background-color:#b3e699; border-color:#8fb87a } .table.c_14 > tbody > tr:nth-child(odd),.table > tbody > tr.c_14:nth-child(odd) { background-color:#e8f8e1 } .table.c_15 > :first-child > tr:first-child,.table.c_15 > tbody > tr.heading,.table.c_15 > :first-child > tr:first-child > *,.table.c_15 > tbody > tr.heading > * { background-color:#fc6!important; border-color:#cca352!important } .table.c_15 > tbody > tr > th,table.table > tbody > tr.c_15 > th { background-color:#ffe6b3; border-color:#ccb88f } .table.c_16 > :first-child > tr:first-child,.table.c_16 > tbody > tr.heading,.table.c_16 > :first-child > tr:first-child > *,.table.c_16 > tbody > tr.heading > *,.table.item > :first-child > tr:first-child,.table.item > tbody > tr.heading,.table.item > :first-child > tr:first-child > *,.table.item > tbody > tr.heading > * { background-color:#f96!important; border-color:#cc7a52!important } .table.c_16 > tbody > tr > th,table.table > tbody > tr.c_16 > th,.table.item > tbody > tr > th,table.table > tbody > tr.item > th { background-color:#ffccb3; border-color:#cca38f } .table.c_16 > tbody > tr:nth-child(odd),.table > tbody > tr.c_16:nth-child(odd),.table.item > tbody > tr:nth-child(odd),.table > tbody > tr.item:nth-child(odd) { background-color:#fff0e8 } .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 } .table.c_17 > tbody > tr > th,table.table > tbody > tr.c_17 > th { background-color:#b3cce6; border-color:#8fa3b8 } .table.c_17 > tbody > tr:nth-child(odd),.table > tbody > tr.c_17:nth-child(odd) { background-color:#e8f0f8 } .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 } .table.c_18 > tbody > tr > th,table.table > tbody > tr.c_18 > th { background-color:#99e6e6; border-color:#7ab8b8 } .table.c_18 > tbody > tr:nth-child(odd),.table > tbody > tr.c_18:nth-child(odd) { background-color:#e1f8f8 } .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 } .table.c_19 > tbody > tr > th,table.table > tbody > tr.c_19 > th { background-color:#e6b3e6; border-color:#b88fb8 } .table.c_19 > tbody > tr:nth-child(odd),.table > tbody > tr.c_19:nth-child(odd) { background-color:#f8e8f8 } .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 } .table.c_20 > tbody > tr > th,table.table > tbody > tr.c_20 > th { background-color:#ccb3e6; border-color:#a38fb8 } .table.c_20 > tbody > tr:nth-child(odd),.table > tbody > tr.c_20:nth-child(odd) { background-color:#f0e8f8 } .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 } .table.c_21 > tbody > tr > th,table.table > tbody > tr.c_21 > th { background-color:#cce699; border-color:#a3b87a } .table.c_21 > tbody > tr:nth-child(odd),.table > tbody > tr.c_21:nth-child(odd) { background-color:#f0f8e1 } .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 } .table.c_22 > tbody > tr > th,table.table > tbody > tr.c_22 > th { background-color:#e6ccb3; border-color:#b8a38f } .table.c_22 > tbody > tr:nth-child(odd),.table > tbody > tr.c_22:nth-child(odd) { background-color:#f8f0e8 } .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 } .table.c_23 > tbody > tr > th,table.table > tbody > tr.c_23 > th { background-color:#b9ecec; border-color:#94bdbd } .table.c_23 > tbody > tr:nth-child(odd),.table > tbody > tr.c_23:nth-child(odd) { background-color:#eaf9f9 } .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 } .table.c_24 > tbody > tr> th,table.table > tbody > tr.c_24 > th { background-color:#a8d3a8; border-color:#86a986 } .table.c_24 > tbody > tr:nth-child(odd),.table > tbody > tr.c_24:nth-child(odd) { background-color:#e5f2e5 } .table.c_25 > :first-child > tr:first-child,.table.c_25 > tbody > tr.heading,.table.c_25 > :first-child > tr:first-child > *,.table.c_25 > tbody > tr.heading > *,.table.recipe > :first-child > tr:first-child,.table.recipe > tbody > tr.heading,.table.recipe > :first-child > tr:first-child > *,.table.recipe > tbody > tr.heading > * { background-color:#a68151!important; border-color:#856741!important } .table.c_25 > tbody > tr > th,table.table > tbody > tr.c_25 > th,.table.recipe > tbody > tr > th,table.table > tbody > tr.recipe > th { background-color:#d3c0a8; border-color:#a99a86 } .table.c_25 > tbody > tr:nth-child(odd),.table > tbody > tr.c_25:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) { background-color:#f2ece5 }

/* ##################### Mainpage mods list ##################### */

.mainpage-mods ul { columns: 3; margin: 1em 0.7em 0.7em 1em; }   .mainpage-mods li { display: flex; margin-bottom: 0.4em; isolation: isolate; text-align: center;

} .mainpage-mods li a:first-child { border-radius: 3px; padding: 4px; width: 25px; height: 25px; }

.mainpage-mods li a:last-child { flex: 1; display: flex; align-items: center; color: #ffffff; font-weight: bold; padding-left: 0.7em; text-decoration: none; }

.mainpage-mods li:hover a:first-child { border-radius: 3px 0 0 3px; }

.mainpage-mods li:hover a:last-child { color: rgba(255, 255, 255, 0.9); border-radius: 0 3px 3px 0; }

.mod-modname a:first-child { background: #246C97; }

.mod-modname:hover a:last-child { background: #6BA5C8; }

.tile-bottom.read-more { background: #f9fafa; transition: 0.3s ease-out; }

.tile-bottom.read-more a { color: #949eaa; font-weight: bold; text-align: right; }

.tile-bottom.read-more:hover { background: #f2f4f4; }

.tile-bottom.read-more:hover .arrow { transform: translateX(50%); }

.tile-bottom.read-more .arrow { filter: invert(43%) sepia(50%) hue-rotate(175deg); margin-left: 0.4em; transition: 0.3s ease-out; }