MediaWiki:Vector.css

/* All CSS here will be loaded for users of the Vector skin */

/** TOC
 1. Logo
 2. Background
 3. Content
 4. Links
 5. Sidebar
 6. Menu tabs
 7. Copyright CC-BY-SA icon
 8. hide legacy footer
 9. gallery, toc, category nav
 10. history
 11. bullet list style
 12. collapsible sidebar
 13. wikitable
**/

/* Logo */
.mw-wiki-logo {
	background-size: contain;
	-webkit-filter: drop-shadow(2px 2px 5px #555);
	filter: drop-shadow(2px 2px 5px #555);
}

/* Background */
body {
	background: url(https://anuchard.wiki.gg/images/a/a0/Site-background.gif) top center/cover no-repeat fixed;
	background-color: #fff;
	image-rendering: pixelated;
}

/* Content */
.mw-body {
	background-color: var(--theme-content-background);
	border: 4px solid var(--theme-content-border);
	border-bottom: none;
	border-radius: 15px 15px 0 0;
	color: var(--theme-content-color);
	margin-top: 5px;
}
h1, h2, h3, h4, h5, h6 {
	color: var(--theme-content-color);
	font-family: Nunito,Arial,sans-serif !important;
}
#mw-page-base {
	background: none;
}
#content,
#right-navigation,
#left-navigation {
	margin-right: 1em;
}
#mw-content-text {
	font-weight: 500;
	font-size: 16px;
}

/* Links */
#footer a,
.mw-body a,
.mw-body a:visited,
.portable-infobox .pi-item a,
.portable-infobox .pi-item a:visited,
.mw-body a.external,
.mw-body a.external:visited,
.toctogglelabel {
	color: var(--theme-link-color);
}
.mw-body a.new,
.mw-body a.new:visited,
.portable-infobox .pi-item a.new,
.portable-infobox .pi-item a.new:visited,
#mw-head .vector-menu-tabs li.new a {
	color: var(--theme-alert-color);
}

/* Sidebar */
.vector-menu-portal {
	border-radius: 5px;
	background-color: var(--theme-sidebar-background);
	font-family: Nunito,Arial,sans-serif;
	margin-bottom: 10px;
	padding: 0 0 2px;
}
.vector-menu-portal .vector-menu-heading {
	background: #E5B020;
	background: var(--theme-gradient-main);
	border-radius: 10px;
	color: #332e38;
	font-weight: 700;
	margin: -4px;
	padding: 6px;
}
#mw-panel .vector-menu-portal li > a {
	color: var(--theme-content-color);
}

/* Menu tabs */
#mw-head .vector-menu-tabs {
	background: none;
}
#mw-head .vector-menu-tabs li,
#mw-head .vector-menu-tabs li.selected {
	background: none;
}
#mw-head .vector-menu-tabs li a,
#mw-head .vector-menu-dropdown > .vector-menu-heading,
#mw-head .vector-menu-tabs li.selected a {
	color: #332e38;
	font-weight: 700;
}
#mw-head .vector-menu-tabs li:first-of-type a {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#left-navigation .vector-menu-tabs li:last-of-type a,
#p-search {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.emptyPortlet + .emptyPortlet + #p-search {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 5px;
}
#p-search,
#mw-head .vector-menu-tabs li a,
#mw-head .vector-menu-dropdown > .vector-menu-heading {
	background: #E5B020;
	background: var(--theme-gradient-main);
}
#mw-head .vector-menu-tabs li.selected a {
	background: #d19902;
	background: var(--theme-gradient-second);
}
#mw-head .vector-menu-tabs li:not(.mw-watchlink) a,
#mw-head .vector-menu-tabs li:not(.mw-watchlink).selected a,
.vector-menu-dropdown .vector-menu-heading {
	padding-top: 0.9em;
}
.vector-menu-dropdown .vector-menu-heading { padding-bottom: 0.8em; }
.vector-menu-tabs .mw-watchlink.icon a:before {
	padding-top: 0;
	margin-top: -0.2em;
}/*
.vector-menu-dropdown .vector-menu-heading:after {
	margin-top: -0.7em;
}*/
#p-search {
	height: 40px;
	margin-left: 0;
	margin-right: 0;
	padding-right: 5px;
}
#p-search form {
	margin-top: 0.35em;
}

/* Copyright CC-BY-SA icon */
/* Copied from Terraria wiki */
#footer {
	background-color: var(--theme-content-background);
	border: 4px solid var(--theme-content-border);
	border-top: none;
	border-radius: 0 0 15px 15px;
	margin-bottom: 1em;
	margin-right: 1em;
	/* self */
	padding: 12px;
	box-sizing: border-box;
	position: relative;
	/* grid */
	display: grid;
	grid-template-columns: [l] 1fr 0fr [r];
	grid-template-rows: [t] auto auto [b];
	z-index: 0;
}
#footer-info {
	font-size: 11px;
	display: contents;
}
#footer ul li {
	color: var(--theme-content-color);
	font-size: inherit;
	line-height: 1.5;
	padding: 0;
}
#footer-icons {
	grid-column: span 1 / r;
	grid-row: t / b;
	place-self: end;
}
#footer #footer-info-lastmod {
	grid-column: l / span 1;
	grid-row: t / span 1;
	place-self: start;
	margin-bottom: 1em;
}
#footer #footer-info-copyright {
	grid-column: l / span 1;
	grid-row: span 1 / b;
	place-self: end stretch;
	position: relative;
	padding-right: 100px;
}
#footer-info-copyright img {
	position: absolute;
	right: 0;
	/* mediawiki logo is 31px height, and this image has a 1px black border, 
	   a small tweak to make them visually matched on size and position */
	bottom: -1px;
	height: 33px;
	width: auto;
}

/* hide legacy footer */
#footer-places {
	display: none;
}

/* gallery, toc, category nav */
.gallery .gallerybox .thumb,
.thumb .thumbinner,
.toc,
.catlinks,
.mw-changeslist-legend {
	background-color: rgba(var(--theme-accent-color), 0.3);
	border-color: var(--theme-border-color);
}
.tocnumber {
	color: var(--theme-content-color);
}

/* history */
.diff td.diff-context {
	background: transparent;
	border-color: var(--theme-border-color);
	color: var(--theme-text-color);
}
.diff td.diff-addedline {
	background-color: var(--theme-background-color);
	border-color: var(--theme-success-color);
}
.diff td.diff-addedline .diffchange {
	background-color: var(--theme-success-color);
	color: #fff;
}
.diff td.diff-deletedline {
	background-color: var(--theme-background-color);
	border-color: var(--theme-alert-color);
}
.diff td.diff-deletedline .diffchange {
	background-color: var(--theme-alert-color);
	color: #fff;
}
#pagehistory li {
	border: 1px solid var(--theme-border-color);
}
#pagehistory li.selected {
	background-color: rgba(var(--theme-accent-color), 0.3);
	color: var(--theme-text-color);
}

/* bullet list style */
ul {
	list-style-image: var(--theme-list-icon);
}

/* collapsible sidebar */
#mw-panel .portal h3 {
	cursor: pointer;
}
#mw-panel .portal h3:after {
	content: '';
	float: right;
	border: solid #332e38;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 2px;
	position: relative;
	transform: rotate(-135deg);
	top: 4px;
}
#mw-panel .portal.collapsed h3:after {
	transform: rotate(45deg);
}

/* wikitable */
.wikitable {
	background-color: var(--theme-sidebar-background);
	color: var(--theme-content-color);
}
.wikitable > tr > td,
.wikitable > * > tr > td {
	border-color: var(--theme-border-color);
}
.wikitable > tr > th,
.wikitable > * > tr > th {
	background-color: var(--theme-sidebar-header);
	border-color: var(--theme-border-color);
	color: #332e38;
}