MediaWiki:Common.css: Difference between revisions
m
no edit summary
Tag: Undo |
mNo edit summary |
||
| (23 intermediate revisions by the same user not shown) | |||
Line 140:
}
.pi-data-label, .pi-data-value {
hyphens: manual;
-webkit-hyphens: manual; }
.portable-infobox .pi-data-label {
flex-basis: 165px;
}
/* ##################### SEARCH BAR ##################### */
Line 383 ⟶ 390:
height: auto;
transition: 0.4s ease-out;
object-fit: cover;
}
Line 415 ⟶ 423:
width: 0.45rem;
vertical-align: middle;
}
.arrow.dark {
filter: invert(80%);
}
Line 644 ⟶ 656:
.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;
}
| |||