MediaWiki:Vector.css: Difference between revisions

#mw-indicator-mw-helplink a {
	font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif;
	text-transform: uppercase;
	color:#D2CDC8 !important;
	font-size:38px;
	margin-top:0.4em;
	padding-right:0.3em;
	padding-left:0.8em;
	height:auto;
	line-height:49.4px;
}

#mw-indicator-mw-helplink a .mw-helplink-icon {
	background-color: var(--color-base,#D2CDC8);
}

#firstHeading {
	font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif;
	text-transform: uppercase;
	font-size:2.4em;
	border-bottom:0.2em dotted;
}

@media screen {
	#firstHeading {
		padding-left:0.3em;
		margin-left:0.1em;
		padding-top:0.4em;
		color: #D2CDC8;
	}

	#content {
		background-color:#583A31;
		color:#D2CDC8;
		padding:0;
		border:none;
		box-shadow:0 0px 10px rgba(0,0,0,0.5);
		border-radius:0 0 0 8px;
	}

	#bodyContent {
		background-color:#D2CDC8;
		color:black;
		padding:0.01em 1em 1em 1em;
		border-radius:0 0 0 8px;
		background-image:linear-gradient(rgba(0,0,0,0.5),transparent 10px);
	}

	#contentSub, #contentSub2 {
		margin: 1em 0 1.4em 0;
	}
}

body {
	background-image: linear-gradient(rgba(0,0,0,0.5),transparent 50%),repeating-linear-gradient(120deg,#292526,#292526 4px,#34312C 4px,#34312C 15px);
	background-repeat: no-repeat;
	background-size: 100% 160px;
	background-color: #292526;
	border-bottom: 2px solid #84756b;
	height: 160px;
}

@media print {
	body, #content {
		background-color: white;
		color: black;
	}
}

#p-logo {
	margin-bottom:12px;
}

.vector-menu-tabs-legacy ul {
	margin-left:-1px;
}

.vector-menu-tabs-legacy li {
	background:none;
	margin-right:0.25em;
	padding-top:10px;
}

.vector-menu-tabs-legacy {
	background: none;
}

.vector-menu-tabs-legacy li a,#mw-head .vector-menu-dropdown .vector-menu-heading {
	font-family:"TF2C Build","TF2 Build",sans-serif;
	text-transform: uppercase;
	font-size:16px;
	height:29px;
	padding:6px 8px;
	background:#1F1B1A;
	background-image:none;
	border-radius:8px 8px 0 0;
}

.vector-menu-dropdown .vector-menu-heading::after {
	background-image: url(/misc/arrow-down.svg);
	top: 0;
}

.vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {
	background:#583A31;
	color:#D2CDC8;
}

.vector-menu-tabs-legacy .mw-watchlink.icon a::before {
	top:0.3em;
}

.vector-menu-dropdown {
	padding-top:10px;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
	height:17px;
}

.vector-menu-dropdown h3::after {
	top:0;
}
.vector-menu-tabs-legacy .mw-watchlink.icon a {
	padding-top:29px;
	width:31.7px;
}

.vector-menu-tabs-legacy .mw-watchlink.icon a span {
	visibility:hidden;
}

.vector-menu-tabs-legacy .selected {
	background:none;
}

#mw-page-base {
	background:none;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
	color: #D2CDC8;
	background:none;
	border-bottom:0.2em dotted;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,.mw-footer ul li a,#p-personal div ul li a {
	color:#e8d18c;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited,.mw-footer ul li a:visited,#p-personal div ul li a:visited {
	color:#ae9573;
}

#p-personal div ul li a.new {
	color:#dd3333;
}

#p-personal div ul li a.new:visited {
	color:#a55858;
}

.mw-footer li,.vector-menu-portal h3,.vector-menu-tabs-legacy li a,.vector-menu-dropdown .vector-menu-heading {
	color:#D2CDC8;
}

.vector-menu-tabs-legacy #ca-unwatch.icon a::before {
	background-image: url(/misc/unwatch.svg);
}

.vector-menu-tabs-legacy #ca-watch.icon a::before {
	background-image: url(/misc/watch.svg);
}

.vector-menu-tabs-legacy #ca-unwatch.icon a:hover::before, .vector-menu-tabs-legacy #ca-unwatch.icon a:focus::before {
	background-image: url(/misc/unwatch-hl.svg);
}

.vector-menu-tabs-legacy #ca-watch.icon a:hover::before, .vector-menu-tabs-legacy #ca-watch.icon a:focus::before {
	background-image: url(/misc/watch-hl.svg);
}

.vector-menu-dropdown .vector-menu-content {
	top: 39px;
}

@media screen {
	.toc,.toccolours,.catlinks,div.thumbinner,.wikitable {
		background-color:#E5E0DC;
	}
	.wikitable > * > tr > th {
		background-color: #583A31;
		color: #D2CDC8;
	}
}

pre, code, .mw-code {
	background-color: #eaeaea;
	color: #000;
	border: 0px solid;
}
.page-Main_Page .firstHeading
{
	display: none;
}
.page-Main_Page .mp-topheader
{
	background-color: #583A31;
	color: #D2CDC8;
	margin: -19.7px -14px 0 -14px;
	padding-bottom: 5px;
}
.page-Main_Page .mp-topheader p
{
	margin: 0;
}
.page-Main_Page .mp-topheader p:first-child
{
	margin-top: 0.5em;
}
.page-Main_Page .mp-topheader p:last-child
{
	border-bottom: 0.2em dotted;
	margin-bottom: 5px;
}

.mp-container
{
	background-color: #B3A9A2;
	border-radius: 8px;
	padding: 8px;
	display: inline-block;
	font-size: 16px;
}

.mp-classContainer
{
	background-color: #B3A9A2;
	border-radius: 8px;
	padding: 8px;
	display: flex;
	justify-content: space-around;
	font-size: clamp(8px, 1vw, 20px);
	text-align: center;
}