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 {
--theme-page-background-color: #0e191a;
--theme-accent-color: #aa8e1c;
--theme-accent-label-color: #000;
--theme-accent-color--rgb: 170,142,28;
}
.portable-infobox {
--pi-background: var(--theme-page-background-color);
--pi-secondary-background: var(--theme-accent-color);
--pi-secondary-background--label: var(--theme-accent-label-color);
--pi-border-color: rgba(var(--theme-accent-color--rgb),0.5);
}
body {
background-color: #000;
background-image: url(https://legiontd2.wiki.gg/images/c/ca/Site-background-dark.jpeg);
background-size: cover;
background-attachment: fixed;
}
.mp-flex {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 15px;
}
.mp-left {
flex: 4;
}
.mp-right {
flex: 1 275px;
}
.vector-menu-portal .vector-menu-heading {
font-size: 1em;
font-weight: 600;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #fff;
background: none;
}
a,
.mw-parser-output a.external,
.vector-menu-tabs li a,
.toctogglelabel,
.vector-menu-dropdown .mw-list-item a,
.vector-menu-portal .vector-menu-content .mw-list-item a {
color: #81ff10;
}
a:visited,
.mw-parser-output a.external:visited,
.vector-menu-tabs li a:visited,
.vector-menu-dropdown .mw-list-item a:visited,
.vector-menu-portal .vector-menu-content .mw-list-item a:visited {
color: #6bd10f;
}
.mw-search-profile-tabs,
#mw-searchoptions,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-changeslist-legend,
.toc, .toccolours,
#filetoc,
.catlinks,
#mw-page-base { background: none; }
.results-info,
.search-types .current a,
h1, h2, h3, h4, h5, h6,
.tocnumber,
.vector-menu-dropdown .vector-menu-heading,
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited,
.mw-footer li { color: #fff; }
.vector-menu-dropdown .vector-menu-content,
div#content {
background-color: #33444f;
border: 2px solid #7889a1;
color: #fff;
}
ul {
list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>');
}
.vector-menu-dropdown,
.vector-menu-tabs li {
background-image: linear-gradient(transparent, #7889a1 20%, #33444f);
font-family: 'Oswald';
text-transform: uppercase;
}
.vector-menu-tabs .selected {
background: linear-gradient(to top, #33444f,#7889a1 1.2px, #33444f 70%, transparent);
}
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
color: #ff6464;
}
#searchButton,
.vector-menu-dropdown .vector-menu-heading:after { filter: invert(1); }
#searchInput {
background-color: rgba(255, 255, 255, 0.23);
color: #fff;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: linear-gradient(to bottom,transparent,#7889a1);
}