GT New Horizons

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 17:23, 20 July 2022

23,079 bytes added ,  1 year ago
m
no edit summary
mNo edit summary
mNo edit summary
 
(37 intermediate revisions by the same user not shown)
Line 137:
 
.portable-infobox .pi-item.pi-group {
border-bottomtop: 1px solid#000000;
}
 
.pi-data-label, .pi-data-value {
hyphens: manual;
-webkit-hyphens: manual; }
.portable-infobox .pi-data-label {
flex-basis: 165px;
}
 
/* ##################### SEARCH BAR ##################### */
Line 265 ⟶ 272:
/* @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;
}
Retrieved from "https://wiki.gtnewhorizons.com/wiki/Special:MobileDiff/3215...4315"