MediaWiki:Vector.css

From Legion TD 2 Wiki
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);
}