Difference between revisions of "MediaWiki:Vector.css"

From Foundation - Wiki
Jump to navigation Jump to search
Line 134: Line 134:
     line-height: 1em;
     line-height: 1em;
     margin-left: -1em;
     margin-left: -1em;
}
.mw-dark-mode .mw-headline {
    color: white;
}
}

Revision as of 20:32, 18 February 2022

/* 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;
}