MediaWiki:Vector.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Vector skin */
:root {
--header: #9b6835;
--secondary-header: #fca349;
--label-color: #ffd28f;
--line-color: #03611c;
--dark-mode-background: #3e3e3e;
--dark-mode-secondary-background: darkgrey;
}
.wikitable > * > tr > th {
background: var(--header);
}
.infobox-title {
background: var(--header);
}
.infobox-header {
background: var(--secondary-header);
}
.header-box {
background: var(--header);
box-shadow: 2px 2px var(--line-color);
}
.mainpage-buttons ul li {
background: var(--header);
box-shadow: 2px 2px var(--line-color);
}
.infobox {
box-shadow: 2px 2px var(--line-color);
border: 1px solid var(--line-color);
}
.infobox-label {
background: var(--label-color);
}
.wikitable {
border:none;
}
.wikitable > tr, .wikitable > * > tr {
border: none;
border-bottom: 1px solid var(--line-color);
}
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
border: none;
}
.wikitable > tr > td,
.wikitable > * > tr:nth-child(odd) > td {
background: var(--label-color);
}
/* ################################## */
/* Dark Mode */
/* ################################## */
.mw-dark-mode .mw-page-base {
background: var(--dark-mode-background);
}
.mw-dark-mode .mw-body {
background: var(--dark-mode-background);
}
.mw-dark-mode {
background: var(--dark-mode-background);
}
.mw-dark-mode #mw-panel {
background: var(--dark-mode-background);
}
.mw-dark-mode #mw-head {
background: var(--dark-mode-background);
}
.mw-dark-mode #catlinks {
background: var(--dark-mode-secondary-background);
}
.mw-dark-mode .vector-menu-portal {
background: var(--dark-mode-secondary-background);
}
.mw-dark-mode #content {
color: white;
}
.mw-dark-mode #mw-content-text {
color: inherit;
}
.mw-dark-mode #firstHeading {
color: inherit;
}
.mw-dark-mode #footer {
color: white;
}
.mw-dark-mode #footer-info-lastmod {
color: inherit;
}
.mw-dark-mode .vector-menu-heading {
color: white;
}
.mw-dark-mode .mw-body ul {
list-style: none;
}
.mw-dark-mode .mw-body #catlinks ul li::before {
display: none;
}
.mw-dark-mode .mw-body div:not(.catlinks) ul li::before {
content: "\2022";
color: white;
display: inline-block;
width: 0.75em;
font-size: 1.5em;
line-height: 1em;
margin-left: -1em;
}
.mw-dark-mode .mw-headline {
color: white;
}