MediaWiki:Vector.css
Note: After saving, you have to bypass your browser's cache to see the changes. The simplest method that will work for most users is to hold down the ⇧ Shift key and click the Reload toolbar button. For details and other methods, see Help:Clear your browser cache.
/*
* This stylesheet modifies the Vector theme.
*
* Common styles should go in [[MediaWiki:Common.css]].
*/
/* ===== Variables ===== */
:root {
--text-color: #a38d6d;
--link-color: #f2c462;
--link-active-color: #f2dcae;
--red-link-color: #f25749;
--red-link-active-color: #f2b4ae;
--outer-text-color: rgb(198, 187, 179);
--outer-link-color: rgb(232 230 227);
--outer-link-text-shadow: 0 0 0.5rem rgba(0, 0, 0, 1), -1px -1px 0 rgba(0, 0, 0, 0.25), 1px -1px 0 rgba(0, 0, 0, 0.25), -1px 1px 0 rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.25);
}
/* ===== Body ===== */
body {
background-color: #000;
}
/* ===== Links ===== */
@media screen {
a,
a:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external,
.mw-parser-output a.external:visited {
color: var(--link-color);
}
a:active,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active {
color: var(--link-active-color);
}
a.new,
a.new:visited {
color: var(--red-link-color);
}
a.new:active {
color: var(--red-link-active-color);
}
}
/* ===== Headings ===== */
.page-header__title,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
color: #dfcf99;
border-bottom-color: #5e4f45;
}
/* ===== Header ===== */
#mw-page-base {
background: transparent;
}
/* ===== User menu ===== */
@media screen {
.vector-user-menu-legacy a,
.vector-user-menu-legacy a:visited{
color: var(--outer-link-color);
text-shadow: var(--outer-link-text-shadow);
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-position: left bottom;
}
}
/* ===== Sidebar menu ===== */
@media screen {
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
color: var(--outer-text-color);
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--outer-link-color);
text-shadow: var(--outer-link-text-shadow);
}
}
/* ===== Footer ===== */
@media screen {
.mw-footer li {
color: var(--outer-text-color);
}
.mw-footer a {
color: var(--outer-link-color);
text-shadow: var(--outer-link-text-shadow);
}
}
/* ===== Page content ===== */
@media screen {
.mw-body {
border: 2px solid #734e32;
border-radius: 0.3em;
color: var(--text-color);
background-color: #0f0f0f;
box-shadow: 0 1.5rem 3rem rgba(0,0,0,0.5);
}
}
/* ===== Revision history ===== */
#pagehistory li {
border: 1px solid transparent;
padding: 0;
}
#pagehistory li.selected {
outline: none;
border: 1px dashed #16678a;
color: inherit;
background-color: #191b1c;
}