MediaWiki:Vector.css: Difference between revisions

From TF2 Classified Wiki
Jump to navigation Jump to search
m Trying to add a rule to make code blocks less eye-straining
small formatting adjustments
Line 1: Line 1:
#mw-indicator-mw-helplink a
#mw-indicator-mw-helplink a {
{
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif;
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif;
text-transform: uppercase;
text-transform: uppercase;
Line 12: Line 11:
background-image: url(/misc/help.svg);
background-image: url(/misc/help.svg);
}
}
#firstHeading
 
{
#firstHeading {
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif;
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif;
text-transform: uppercase;
text-transform: uppercase;
Line 19: Line 18:
border-bottom:0.2em dotted;
border-bottom:0.2em dotted;
}
}
@media screen
 
{
@media screen {
#firstHeading
#firstHeading {
{
padding-left:0.3em;
padding-left:0.3em;
margin-left:0.1em;
margin-left:0.1em;
Line 28: Line 26:
color: #D2CDC8;
color: #D2CDC8;
}
}
#content
 
{
#content {
background-color:#583A31;
background-color:#583A31;
color:#D2CDC8;
color:#D2CDC8;
Line 35: Line 33:
border:none;
border:none;
box-shadow:0 10px 10px rgba(0,0,0,0.5);
box-shadow:0 10px 10px rgba(0,0,0,0.5);
border-radius:8px 0 0 8px
border-radius:8px 0 0 8px;
}
}
#bodyContent
 
{
#bodyContent {
background-color:#D2CDC8;
background-color:#D2CDC8;
color:black;
color:black;
padding:0.25em 1em 1em 1em;
padding:0.25em 1em 1em 1em;
border-radius:0 0 0 8px;
border-radius:0 0 0 8px;
background-image:linear-gradient(rgba(0,0,0,0.5),transparent 10px)
background-image:linear-gradient(rgba(0,0,0,0.5),transparent 10px);
}
}
#contentSub, #contentSub2
 
{
#contentSub, #contentSub2 {
margin: 1em 0 1.4em 0;
margin: 1em 0 1.4em 0;
}
}
}
}
body
 
{
body {
background-color:#292526
background-color:#292526;
}
}
@media print
 
{
@media print {
body, #content
body, #content {
{
background-color: white;
background-color: white;
color: black;
color: black;
}
}
}
}
.vector-menu-tabs ul
 
{
.vector-menu-tabs ul {
margin-left:1em
margin-left:1em;
}
}
.vector-menu-tabs li
 
{
.vector-menu-tabs li {
background:none;
background:none;
margin-right:0.25em;
margin-right:0.25em;
padding-top:10px
padding-top:10px;
}
}
.vector-menu-tabs
 
{
.vector-menu-tabs {
background: none;
background: none;
}
}
.vector-menu-tabs li a,
 
#mw-head .vector-menu-dropdown .vector-menu-heading
.vector-menu-tabs li a,#mw-head .vector-menu-dropdown .vector-menu-heading {
{
font-family:"TF2C Build","TF2 Build",sans-serif;
font-family:"TF2C Build","TF2 Build",sans-serif;
text-transform: uppercase;
text-transform: uppercase;
Line 86: Line 82:
background:#1F1B1A;
background:#1F1B1A;
background-image:none;
background-image:none;
border-radius:8px 8px 0 0
border-radius:8px 8px 0 0;
}
}
#mw-head .vector-menu-dropdown .vector-menu-heading
 
{
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-right: 24px;
padding-right: 24px;
}
}
.vector-menu-dropdown .vector-menu-heading::after
 
{
.vector-menu-dropdown .vector-menu-heading::after {
background-image: url(/misc/arrow-down.svg);
background-image: url(/misc/arrow-down.svg);
top: 0;
top: 0;
}
}
.vector-menu-tabs .selected a,
 
.vector-menu-tabs .selected a:visited
.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited {
{
background:#583A31;
background:#583A31;
color:#D2CDC8
color:#D2CDC8;
}
}
.vector-menu-tabs .mw-watchlink.icon a::before
 
{
.vector-menu-tabs .mw-watchlink.icon a::before {
top:0.3em
top:0.3em;
}
}
.vector-menu-dropdown
 
{
.vector-menu-dropdown {
padding-top:10px
padding-top:10px;
}
}
#mw-head .vector-menu-dropdown .vector-menu-heading
 
{
#mw-head .vector-menu-dropdown .vector-menu-heading {
height:29px;
height:29px;
}
}
.vector-menu-dropdown h3::after
 
{
.vector-menu-dropdown h3::after {
top:0
top:0;
}
}
.vector-menu-tabs .mw-watchlink.icon a
.vector-menu-tabs .mw-watchlink.icon a {
{
padding-top:29px;
padding-top:29px;
width:31.7px;
width:31.7px;
}
}
.vector-menu-tabs .mw-watchlink.icon a span
 
{
.vector-menu-tabs .mw-watchlink.icon a span {
visibility:hidden;
visibility:hidden;
}
}
.vector-menu-tabs .selected
 
{
.vector-menu-tabs .selected {
background:none
background:none;
}
}
#mw-page-base
 
{
#mw-page-base {
background:linear-gradient(rgba(0,0,0,0.5),transparent 75%,#292526),repeating-linear-gradient(115deg,transparent,transparent 5px,#34312C 5px,#34312C 16px)
background:linear-gradient(rgba(0,0,0,0.5),transparent 75%,#292526),repeating-linear-gradient(115deg,transparent,transparent 5px,#34312C 5px,#34312C 16px);
}
}
.vector-menu-portal .vector-menu-heading
 
{
.vector-menu-portal .vector-menu-heading {
color: #D2CDC8;
color: #D2CDC8;
background:none;
background:none;
border-bottom:0.2em dotted;
border-bottom:0.2em dotted;
}
}
.vector-menu-portal .vector-menu-content li a,
 
.mw-footer ul li a,
.vector-menu-portal .vector-menu-content li a,.mw-footer ul li a,#p-personal div ul li a {
#p-personal div ul li a
color:#e8d18c;
{
color:#e8d18c
}
}
.vector-menu-portal .vector-menu-content li a:visited,
 
.mw-footer ul li a:visited,
.vector-menu-portal .vector-menu-content li a:visited,.mw-footer ul li a:visited,#p-personal div ul li a:visited {
#p-personal div ul li a:visited
color:#ae9573;
{
color:#ae9573
}
}
#p-personal div ul li a.new
 
{
#p-personal div ul li a.new {
color:#dd3333
color:#dd3333;
}
}
#p-personal div ul li a.new:visited
 
{
#p-personal div ul li a.new:visited {
color:#a55858
color:#a55858;
}
}
.mw-footer li,
 
.vector-menu-portal h3,
.mw-footer li,.vector-menu-portal h3,.vector-menu-tabs li a,.vector-menu-dropdown .vector-menu-heading {
.vector-menu-tabs li a,
color:#D2CDC8;
.vector-menu-dropdown .vector-menu-heading
{
color:#D2CDC8
}
}
.vector-menu-tabs #ca-unwatch.icon a::before
 
{
.vector-menu-tabs #ca-unwatch.icon a::before {
background-image: url(/misc/unwatch.svg);
background-image: url(/misc/unwatch.svg);
}
}
.vector-menu-tabs #ca-watch.icon a::before
 
{
.vector-menu-tabs #ca-watch.icon a::before {
background-image: url(/misc/watch.svg);
background-image: url(/misc/watch.svg);
}
}
.vector-menu-tabs #ca-unwatch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:focus::before
 
{
.vector-menu-tabs #ca-unwatch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:focus::before {
background-image: url(/misc/unwatch-hl.svg);
background-image: url(/misc/unwatch-hl.svg);
}
}
.vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-watch.icon a:focus::before
 
{
.vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-watch.icon a:focus::before {
background-image: url(/misc/watch-hl.svg);
background-image: url(/misc/watch-hl.svg);
}
}
.vector-menu-dropdown .vector-menu-content
 
{
.vector-menu-dropdown .vector-menu-content {
top: 39px;
top: 39px;
}
}
@media screen
 
{
@media screen {
.toc,
.toc,.toccolours,.catlinks,div.thumbinner {
.toccolours,
background-color:#E5E0DC;
.catlinks,
div.thumbinner
{
background-color:#E5E0DC
}
}
}
}
pre, code, .mw-code {
pre, code, .mw-code {
background-color: #eaeaea;
background-color: #eaeaea;

Revision as of 22:32, 5 June 2022

#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;
	background-image: url(/misc/help.svg);
}

#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 10px 10px rgba(0,0,0,0.5);
		border-radius:8px 0 0 8px;
	}

	#bodyContent {
		background-color:#D2CDC8;
		color:black;
		padding:0.25em 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-color:#292526;
}

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

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

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

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

.vector-menu-tabs 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;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
	padding-right: 24px;
}

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

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

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

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

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

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

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

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

#mw-page-base {
	background:linear-gradient(rgba(0,0,0,0.5),transparent 75%,#292526),repeating-linear-gradient(115deg,transparent,transparent 5px,#34312C 5px,#34312C 16px);
}

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

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

.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 li a,.vector-menu-dropdown .vector-menu-heading {
	color:#D2CDC8;
}

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

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

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

.vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #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 {
		background-color:#E5E0DC;
	}
}

pre, code, .mw-code {
	background-color: #eaeaea;
	color: #000;
	border: 0px solid;
}