More actions
mNo edit summary |
(unbreaking the light theme) |
||
| Line 11: | Line 11: | ||
} | } | ||
.news-box { | .news-box { | ||
border-color: #2b2f36 | border-color: var(--background-color-dp-04); /* #2b2f36 */ | ||
background-color: #24262f | background-color: var(--background-color-dp-01); /* #24262f */ | ||
} | } | ||
.extiw { | .extiw { | ||
| Line 21: | Line 21: | ||
} | } | ||
.outcell { | .outcell { | ||
border: 1px solid #23272f; | border: 1px solid var(--background-color-dp-01); /* #23272f; */ | ||
} | } | ||
.infobox { | .infobox { | ||
background: #23272f; | background: var(--background-color-dp-01); /* #23272f; */ | ||
} | } | ||
/* Tables */ | /* Tables */ | ||
| Line 31: | Line 31: | ||
} | } | ||
table.wikitable { | table.wikitable { | ||
background: #23272f; | background: var(--background-color-dp-01); /* #23272f; */ | ||
border: 1px solid var(--border-color-base); | border: 1px solid var(--border-color-base); | ||
} | } | ||
| Line 50: | Line 50: | ||
/* Navbox */ | /* Navbox */ | ||
table.navbox { | table.navbox { | ||
background: #23272f; | background: var(--background-color-dp-01); /* #23272f; */ | ||
} | } | ||
.navbox-title, table.navbox th { | .navbox-title, table.navbox th { | ||
Revision as of 22:22, 17 February 2021
/* All CSS here will be loaded for users of the Citizen skin */
html {
--width-layout: 1280px;
}
.mw-references-columns {
margin: 0.8rem 0 0 0;
}
.center {
width: 100%;
text-align: center;
}
.news-box {
border-color: var(--background-color-dp-04); /* #2b2f36 */
background-color: var(--background-color-dp-01); /* #24262f */
}
.extiw {
padding-right: 13px;
background-image: url(/skins/Citizen/resources/skins.citizen.styles/images/external-link-ltr-icon.svg);
background-position: center right;
background-repeat: no-repeat;
}
.outcell {
border: 1px solid var(--background-color-dp-01); /* #23272f; */
}
.infobox {
background: var(--background-color-dp-01); /* #23272f; */
}
/* Tables */
table {
display: table;
}
table.wikitable {
background: var(--background-color-dp-01); /* #23272f; */
border: 1px solid var(--border-color-base);
}
table.wikitable tr th {
padding: 5px 10px 5px 10px;
text-align: center;
vertical-align: middle;
}
table.wikitable tr td {
padding: 5px 10px 5px 10px;
text-align: center;
vertical-align: middle;
}
/* Fix for displaying gameplay elements for BBDW characters - Too general? */
.mw-body-content a.image {
display: inline;
}
/* Navbox */
table.navbox {
background: var(--background-color-dp-01); /* #23272f; */
}
.navbox-title, table.navbox th {
background: var(--background-color-dp-08);
}
.subpagelist {
background: var(--background-color-dp-03);
}
.subpagelist a {
color: var(--color-primary--hover);
}
/* Infobox Tabs */
.tabs-label {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.tabs-label:active, .tabs-label:focus {
background-color: var(--color-primary--active);
border-color: var(--color-primary--active);
}
.tabs-label:hover {
background-color: var(--color-primary--hover);
border-color: var(--color-primary--hover);
}
.tabs-plain > .tabs-label {
border-color: var(--color-primary);
}
.tabs-tabbox > .tabs-input:checked + .tabs-label {
background-color: var(--color-primary--active);
border-color: var(--color-primary--active);
}
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background-color: var(--color-primary--active);
border-color: var(--color-primary--active);
}
div.tabdiv > ul > li {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
div.tabdiv > ul > li:hover {
background-color: var(--color-primary--hover);
border-color: var(--color-primary--hover);
}
div.tabdiv > ul > li.active {
background-color: var(--color-primary--active);
border-color: var(--color-primary--active);
}
div.tabdiv > ul > li a {
color: #FFF;
}
li.gallerybox div.thumb {
border-color: var(--background-color-dp-24);
background-color: var(--background-color-framed);
}
#content .gallerybox div.thumb {
border-color: var(--background-color-dp-24);
background-color: var(--background-color-framed);
}