MediaWiki:Darkvector.css: Difference between revisions

Revision as of 05:14, 12 June 2022

/* CSS placed here will affect users of the Vector skin */

/* positioning for custom logos and whatnot */
.logothing {
	display: block;
	width: 160px;
	position: absolute;
	left: -12.2em;
	top: -2.8em;
	background: none;
}

<style>
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
</style> 

div#content h1, div#content h2 {font-family: "Rubik", serif}
/* changes the default font used for MediaWiki headings to Rubik */

/* changes the background color of the bottom and left of each page, up to behind half of the logo */
body {background: #a62e10}

/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
h1,h2,h3,h4,h5,h6{
	color:#c1c1c1
}
hr{
	color:#222
}
.editOptions{
	background-color:#333;
	border-color:#4c4c4c
}
input,textarea{
	background-color:#282828;
	border-color:#282828;
	color:#c1c1c1
}
a,.mw-body a.external,.mw-body a.extiw{
	color:#e87057
}
a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{
	color:#e87057
}
a.new,#p-personal a.new{
	color:#ff4a24
}
ul{
	list-style-image:none
}
div.thumbinner,.catlinks{
	background-color:#4c4c4c;
	border-color:#1f1f1f
}
#toc,div.toc,ul#filetoc,li.gallerybox div.thumb,.tocnumber{
	background-color:#404040;
	border-color:#4c4c4c;
	color: #D8D8D8
}
code{
	border:none;
	background-color:inherit;
	color:inherit
}
oo-ui-fieldLayout-header{
        color: #a62e10
}
table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre{
	color:#c1c1c1;
	background-color:#4c4c4c;
	border-color:#1f1f1f
}
table.mw_metadata th,table.wikitable>*>tr>th{
	background-color:#595959
}
table.diff{
	background-color:#4c4c4c
}
td .diffchange{
	color:#4c4c4c
}
#pagehistory li.selected,td.diff-context{
	background-color:inherit;
	color:inherit
}
#pagehistory li{
	border:0
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{
	background-color:rgba(0,0,0,0.8)
}
#left-navigation div.vectorTabs,#right-navigation div.vectorTabs{
	background-image:inherit;
	background-color:#250b2d
}
#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{
	background-color:#250b2d
}
#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{
	background-color:#222;
	background-image:-moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
	background-image:-webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
	background-image:linear-gradient(#2e2e2e 20%, #222 100%)
}
#left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{
	color:#ff4a24
}
#left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{
	background-color:#333;
	background-image:-moz-linear-gradient(top, #e87057 0, #333 10%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
	background-image:-webkit-linear-gradient(top, #e87057 0, #333 10%);
	background-image:linear-gradient(#e87057 0, #333 10%)
}
#left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{
	color:#e87057
}
#left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{
	color:#e87057
}
#left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{
	background:transparent
}
div#mw-head #right-navigation div.vectorMenu h3{
	background:inherit
}
div#mw-head div.vectorMenu h3 span{
	color:#e87057
}
div.vectorMenu h3 a{
	background:inherit
}
div.vectorMenu ul{
	background-color:black;
	border:solid 1px #0c0c0c
}
div.vectorMenu li a{
	color:#e87057
}
div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{
	color:#009900;
	text-decoration:none
}
div.vectorMenu#p-cactions div.menu{
	border-color:#1f1f1f
}
div.vectorMenu#p-cactions ul{
	border:0;
	background-color:#4c4c4c
}
#mw-navigation div#mw-panel div.portal{
	background-image:none;
	border-top:0px solid #4c4c4c
}
#mw-navigation div#mw-panel div.portal#p-logo,#mw-navigation div#mw-panel div.portal#p-navigation{
	border-top:none
}
html{
	font-size:100%
}
html,body{
	height:100%;
	margin:0;
	padding:0
}
body{
	background-color:#2a2a2a
}
.mw-body{
	margin-left:10em;
	padding:1em;
	border:1px solid #250b2d;
	border-right-width:0;
	margin-top:-1px;
	background-color:#333;
	color:#c1c1c1;
	direction:ltr
}
.mw-body .mw-editsection,.mw-body .mw-editsection-like .mw-body p{
	line-height:inherit;
	margin:.5em 0
}
.mw-body h1,.mw-body h2,.mw-body #firstHeading .mw-body h1,.mw-body #firstHeading{
	font-size:1.8em
}
.mw-body h2{
	font-size:1.5em;
	margin-top:1em
}
.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6{
	line-height:1.6;
	margin-top:.3em;
	margin-bottom:0;
	padding-bottom:0
}
.mw-body h3{
	font-size:1.17em
}
.mw-body h3,.mw-body h4{
	font-weight:bold
}
.mw-body h4,.mw-body h5,.mw-body h6{
	font-size:100%
}
.mw-body #toc h2,.mw-body .toc h2 div.emptyPortlet{
	display:none
}
ul{
	list-style-type:disc;
	list-style-image:/* @embed */
	url('skins/Vector/images/bullet-icon.png')
}
pre,.mw-code{
	line-height:1.3em
}
#siteNotice{
	font-size:.8em
}
.redirectText{
	font-size:140%
}
.redirectMsg img{
	vertical-align:text-bottom
}
.mw-body-content{
	position:relative;
	line-height:1.6;
	font-size:.875em
}
body.vector-animateLayout .mw-body,body.vector-animateLayout div#footer,body.vector-animateLayout #left-navigation{
	-webkit-transition:margin-left 250ms,padding 250ms;
	-moz-transition:margin-left 250ms,padding 250ms;
	-o-transition:margin-left 250ms,padding 250ms;
	transition:margin-left 250ms,padding 250ms
}
body.vector-animateLayout #p-logo{
	-webkit-transition:left 250ms;
	-moz-transition:left 250ms;
	-o-transition:left 250ms;
	transition:left 250ms
}
body.vector-animateLayout #mw-panel{
	-webkit-transition:padding-right 250ms;
	-moz-transition:padding-right 250ms;
	-o-transition:padding-right 250ms;
	transition:padding-right 250ms
}
body.vector-animateLayout #p-search{
	-webkit-transition:margin-right 250ms;
	-moz-transition:margin-right 250ms;
	-o-transition:margin-right 250ms;
	transition:margin-right 250ms
}
body.vector-animateLayout #p-personal{
	-webkit-transition:right 250ms;
	-moz-transition:right 250ms;
	-o-transition:right 250ms;
	transition:right 250ms
}
body.vector-animateLayout #mw-head-base{
	-webkit-transition:margin-left 250ms;
	-moz-transition:margin-left 250ms;
	-o-transition:margin-left 250ms;
	transition:margin-left 250ms
}
#p-personal{
	position:absolute;
	top:.33em;
	right:.75em;
	z-index:100
}
#p-personal h3{
	display:none
}
#p-personal ul{
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding-left:10em
}
#p-personal li{
	line-height:1.125em;
	float:left;
	margin-left:.75em;
	margin-top:.5em;
	font-size:.75em;
	white-space:nowrap
}
#pt-userpage,#pt-anonuserpage{
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url('skins/Vector/images/user-icon.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/user-icon.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/user-icon.svg');
	padding-left:15px !important
}
#p-search{
	float:left;
	margin-right:.5em;
	margin-left:.5em
}
#p-search h3{
	display:none
}
#p-search form,#p-search input{
	margin:0;
	margin-top:.4em
}
div#simpleSearch{
	display:block;
	width:12.6em;
	padding-right:1.4em;
	height:1.4em;
	margin-top:.65em;
	position:relative;
	min-height:1px;
	border:solid 1px #aaa;
	color:black;
	background-color:white;
	background-image:/* @embed */
	url('skins/Vector/images/search-fade.png');
	background-position:top left;
	background-repeat:repeat-x
}
div#simpleSearch input{
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;
	color:black
}
div#simpleSearch #searchInput{
	width:100%;
	padding:.2em 0 .2em .2em;
	font-size:13px;
	direction:ltr;
	-webkit-appearance:textfield
}
div#simpleSearch #searchInput:focus{
	outline:none
}
div#simpleSearch #searchInput.placeholder{
	color:#999
}
div#simpleSearch #searchInput:-ms-input-placeholder{
	color:#999
}
div#simpleSearch #searchInput:-moz-placeholder{
	color:#999
}
div#simpleSearch #searchInput::-webkit-search-decoration,div#simpleSearch #searchInput::-webkit-search-cancel-button,div#simpleSearch #searchInput::-webkit-search-results-button,div#simpleSearch #searchInput::-webkit-search-results-decoration{
	-webkit-appearance:textfield
}
div#simpleSearch #searchButton,div#simpleSearch #mw-searchButton{
	position:absolute;
	top:0;
	right:0;
	width:1.65em;
	height:100%;
	cursor:pointer;
	text-indent:-99999px;
	line-height:1;
	direction:ltr;
	white-space:nowrap;
	overflow:hidden;
	background-image:url('skins/Vector/images/search-ltr.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/search-ltr.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/search-ltr.svg');
	background-position:center center;
	background-repeat:no-repeat
}
div#simpleSearch #mw-searchButton{
	z-index:1
}
div.vectorTabs h3{
	display:none
}
div.vectorTabs{
	float:left;
	height:2.5em;
	background-image:/* @embed */
	url('skins/Vector/images/tab-break.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left:1px
}
div.vectorTabs ul{
	float:left;
	height:100%;
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
	background-image:/* @embed */
	url('skins/Vector/images/tab-break.png');
	background-position:right bottom;
	background-repeat:no-repeat
}
div.vectorTabs ul li{
	float:left;
	line-height:1.125em;
	display:inline-block;
	height:100%;
	margin:0;
	padding:0;
	background-color:#f3f3f3;
	background-image:/* @embed */
	url('skins/Vector/images/tab-normal-fade.png');
	background-position:bottom left;
	background-repeat:repeat-x;
	white-space:nowrap
}
div.vectorTabs ul>li{
	display:block
}
div.vectorTabs li.new a,div.vectorTabs li.new a:visited{
	color:#a55858
}
div.vectorTabs li.selected{
	background-image:/* @embed */
	url('skins/Vector/images/tab-current-fade.png')
}
div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{
	color:#333;
	text-decoration:none
}
div.vectorTabs li.icon a{
	background-position:bottom right;
	background-repeat:no-repeat
}
div.vectorTabs li a{
	display:inline-block;
	height:1.9em;
	padding-left:.5em;
	padding-right:.5em;
	color:#e87057;
	cursor:pointer;
	font-size:.8em
}
div.vectorTabs li>a{
	display:block
}
div.vectorTabs span{
	display:inline-block;
	background-image:/* @embed */
	url('skins/Vector/images/tab-break.png');
	background-position:bottom right;
	background-repeat:no-repeat
}
div.vectorTabs span a{
	display:inline-block;
	padding-top:1.25em
}
div.vectorTabs span>a{
	float:left;
	display:block
}
div.vectorMenu{
	direction:ltr;
	float:left;
	cursor:pointer;
	position:relative
}
body.rtl div.vectorMenu{
	direction:rtl
}
div#mw-head div.vectorMenu h3{
	float:left;
	background-image:/* @embed */
	url('skins/Vector/images/tab-break.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-left:-1px;
	font-size:1em;
	height:2.5em;
	padding-right:1px;
	margin-right:-1px
}
div.vectorMenu h3 span{
	display:block;
	font-size:.8em;
	padding-left:.7em;
	padding-top:1.375em;
	margin-right:20px;
	font-weight:normal;
	color:#4d4d4d
}
div.vectorMenu h3 a{
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:2.5em;
	background-image:url('skins/Vector/images/arrow-down-icon.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/arrow-down-icon.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/arrow-down-icon.svg');
	background-position:100% 70%;
	background-repeat:no-repeat;
	-webkit-transition:background-position 250ms;
	-moz-transition:background-position 250ms;
	-o-transition:background-position 250ms;
	transition:background-position 250ms
}
div.vectorMenu.menuForceShow h3 a{
	background-position:100% 100%
}
div.vectorMenuFocus h3 a{
	background-image:url('skins/Vector/images/arrow-down-focus-icon.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/arrow-down-focus-icon.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/arrow-down-focus-icon.svg')
}
div.vectorMenu div.menu{
	min-width:100%;
	position:absolute;
	top:2.5em;
	left:-1px;
	background-color:white;
	border:solid 1px silver;
	border-top-width:0;
	clear:both;
	text-align:left;
	display:none
}
div.vectorMenu:hover div.menu,div.vectorMenu.menuForceShow div.menu{
	display:block
}
div.vectorMenu ul{
	list-style-type:none;
	list-style-image:none;
	padding:0;
	margin:0;
	text-align:left
}
div.vectorMenu ul,x:-moz-any-link{
	min-width:5em
}
div.vectorMenu ul,x:-moz-any-link,x:default{
	min-width:0
}
div.vectorMenu li{
	padding:0;
	margin:0;
	text-align:left;
	line-height:1em
}
div.vectorMenu li a{
	display:inline-block;
	padding:.5em;
	white-space:nowrap;
	color:#e87057;
	cursor:pointer;
	font-size:.8em
}
div.vectorMenu li>a{
	display:block
}
div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{
	color:#333;
	text-decoration:none
}
@-webkit-keyframes rotate{
	from{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		transform:rotate(0deg)
}
	to{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		transform:rotate(360deg)
}
}
@-moz-keyframes rotate{
	from{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		transform:rotate(0deg)
}
	to{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		transform:rotate(360deg)
}
}
@-o-keyframes rotate{
	from{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		transform:rotate(0deg)
}
	to{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		transform:rotate(360deg)
}
}
@keyframes rotate{
	from{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		transform:rotate(0deg)
}
	to{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		transform:rotate(360deg)
}
}
#ca-unwatch.icon a,#ca-watch.icon a{
	margin:0;
	padding:0;
	display:block;
	width:26px;
	padding-top:3.1em;
	margin-top:0;
	height:0;
	overflow:hidden;
	background-position:5px 60%
}
#ca-unwatch.icon a{
	background-image:url('skins/Vector/images/unwatch-icon.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/unwatch-icon.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/unwatch-icon.svg')
}
#ca-watch.icon a{
	background-image:url('skins/Vector/images/watch-icon.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/watch-icon.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/watch-icon.svg')
}
#ca-unwatch.icon a:hover,#ca-unwatch.icon a:focus{
	background-image:url('skins/Vector/images/unwatch-icon-hl.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/unwatch-icon-hl.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/unwatch-icon-hl.svg')
}
#ca-watch.icon a:hover,#ca-watch.icon a:focus{
	background-image:url('skins/Vector/images/watch-icon-hl.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/watch-icon-hl.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/watch-icon-hl.svg')
}
#ca-unwatch.icon a.loading,#ca-watch.icon a.loading{
	background-image:url('skins/Vector/images/watch-icon-loading.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/watch-icon-loading.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/watch-icon-loading.svg');
	-webkit-animation:rotate 700ms infinite linear;
	-moz-animation:rotate 700ms infinite linear;
	-o-animation:rotate 700ms infinite linear;
	animation:rotate 700ms infinite linear;
	outline:none;
	cursor:default;
	pointer-events:none;
	background-position:50% 60%;
	-webkit-transform-origin:50% 57%;
	transform-origin:50% 57%
}
#ca-unwatch.icon a span,#ca-watch.icon a span{
	display:none
}
#mw-navigation h2{
	position:absolute;
	top:-9999px
}
#mw-page-base{
	height:5em;
	background-position:bottom left;
	background-repeat:repeat-x;
	background-image:url('skins/Vector/images/page-fade.png');
	background-color:#2a2a2a;
	background-image:-moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
	background-image:-webkit-linear-gradient(top, #333 50%, #2a2a2a 100%);
	background-image:linear-gradient(#333 50%, #2a2a2a 100%);
	background-color:#333
}
#mw-head-base{
	margin-top:-5em;
	margin-left:10em;
	height:5em
}
div#mw-head{
	position:absolute;
	top:0;
	right:0;
	width:100%
}
div#mw-head h3{
	margin:0;
	padding:0
}
#left-navigation{
	float:left;
	margin-left:10em;
	margin-top:2.5em;
	margin-bottom:-2.5em;
	display:inline
}
#right-navigation{
	float:right;
	margin-top:2.5em
}
#p-logo{
	position:absolute;
	top:-160px;
	left:0;
	width:10em;
	height:160px
}
#p-logo a{
	display:block;
	width:10em;
	height:160px;
	background-repeat:no-repeat;
	background-position:center center;
	text-decoration:none
}
div#mw-panel{
	font-size:inherit;
	position:absolute;
	top:160px;
	padding-top:1em;
	width:10em;
	left:0
}
div#mw-panel div.portal{
	margin:0 .6em 0 .7em;
	padding:.25em 0;
	direction:ltr;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:/* @embed */
	url('skins/Vector/images/portal-break.png')
}
div#mw-panel div.portal h3{
	font-size:.75em;
	color:#D8D8D8;
	font-weight:bold;
	margin:0;
	padding:.25em 0 .25em .25em;
	cursor:default;
	border:none
}
div#mw-panel div.portal div.body{
	margin:0 0 0 1.25em;
	padding-top:0
}
div#mw-panel div.portal div.body ul{
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding-top:8px;
}
div#mw-panel div.portal div.body ul li{
	line-height:1.125em;
	margin:0;
	padding:.25em 0;
	font-size:.75em;
	word-wrap:break-word
}
div#mw-panel div.portal div.body ul li a{
	color:#e87057
}
div#mw-panel div.portal div.body ul li a:visited{
	color:#e87057
}
div#mw-panel div.portal.first{
	background-image:none;
	margin-top:0
}
div#mw-panel div.portal.first h3{
	display:none
}
div#mw-panel div.portal.first div.body{
	margin-left:.5em
}
div#footer{
	margin-left:10em;
	margin-top:0;
	padding:.75em;
	direction:ltr
}
div#footer ul{
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0
}
div#footer ul li{
	margin:0;
	padding:0;
	padding-top:.5em;
	padding-bottom:.5em;
	color:#c1c1c1;
	font-size:.7em
}
div#footer #footer-icons{
	float:right
}
div#footer #footer-icons li{
	float:left;
	margin-left:.5em;
	line-height:2em;
	text-align:right
}
div#footer #footer-info li{
	line-height:1.4em
}
div#footer #footer-places li{
	float:left;
	margin-right:1em;
	line-height:2em
}
body.ltr div#footer #footer-places{
	float:left
}
.mw-body .external{
	background-position:center right;
	background-repeat:no-repeat;
	background-image:url('skins/Vector/images/external-link-ltr-icon.png');
	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/external-link-ltr-icon.svg');
	background-image:linear-gradient(transparent, transparent),/* @embed */
	url('skins/Vector/images/external-link-ltr-icon.svg');
	padding-right:13px
}
#footer, .ajaxpoll-id-info {
    color: #D8D8D8
}


/*Tabber colors*/
.tabbernav {
    font-family: inherit !important;
    font-weight: normal !important;
    font-size: 13px !important;
    border-bottom: 3px solid #505050 !important;
    padding: 0.3em 0 !important;
}
.tabbernav a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: lightgrey !important;
    border:1px !important;
    background: #242424 !important;
}
.tabberactive a {
    color: white !important;
    background: #ba3614 !important;
    font-weight: bold;
}
.tabbernav :not(.tabberactive) a:hover {
    background: #4b4b4b !important;
}
.tabbertab {
    border: 0px !important;
    border-color: #505050 !important;
}

/* Cursors */

body {
  cursor: url('http://screamer.wiki/images/4/4c/Cursor.png'), pointer; HEIGHT=40 WIDTH=30}
 
a:link {
  cursor: url('http://screamer.wiki/images/f/fd/Link.png'), pointer; }
 
a:hover{
  cursor: url('http://screamer.wiki/images/f/fd/Link.png'), pointer; }
 
a:active{
  cursor: url('http://screamer.wiki/images/c/ce/Press.png'), pointer; }
  
a:element{
  cursor: url('http://screamer.wiki/images/4/4c/Cursor.png'), pointer; }

/* Scrollbar */

::-webkit-scrollbar {
	width: 12px !important;
	-webkit-overflow-scrolling: auto !important;
}
 
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}
 
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #d13c17 !important; 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
}
 
::-webkit-scrollbar-thumb:window-inactive {
	background: #A62e10 !important; 
}

/* Usernames /*

a[href="/wiki/User:Screamer1234"]  { color:cyan !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/

a[href="/wiki/User:Lawiki1534"]  { color:#2871F7 !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/

a[href="/wiki/User:Sump"]  { color:cyan !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/

a[href="/wiki/User:HLDK"]  { color:orange !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/

a[href="/wiki/User:TheMan5"]  { color:white !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/

a[href="/wiki/User:MoekaChiina"]  { color:#db4dff !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/

a[href="/wiki/User:Zeroxeon"]  { color:#00f521 !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/

MediaWiki:Darkvector.css: Difference between revisions

Revision as of 05:14, 12 June 2022

Navigation menu

Personal tools

Namespaces

Variants

Views

More

Search

Navigation

Community

Screamer Library

Tools

@@ Line 1: / Line 1: @@
 /* CSS placed here will affect users of the Vector skin */
-body, .mw-headline {
+/* positioning for custom logos and whatnot */
-font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
+.logothing {
-}
+	display: block;
-.Navboxcss {
+	width: 160px;
- background: rgb(2,0,36);
+	position: absolute;
- background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 51%, rgba(0,212,255,1) 100%);
+	left: -12.2em;
-}
+	top: -2.8em;
-.font-face{
+	background: none;
- font-size: 90%
 }
-.mw-editsection {
+<style>
-padding-left: 10px;
+@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
-}
+</style>
-.toctogglelabel {
+div#content h1, div#content h2 {font-family: "Rubik", serif}
-color: #e87057;
+/* changes the default font used for MediaWiki headings to Rubik */
-}
-.toc {
+/* changes the background color of the bottom and left of each page, up to behind half of the logo */
-background-color: #4b4b4b;
+body {background: #a62e10}
-}
-/* Default style for navigation boxes */
+/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
-.navbox {                     /* Navbox container style */
+h1,h2,h3,h4,h5,h6{
-	box-sizing: border-box;
+	color:#c1c1c1
-	border: 1px solid #a2a9b1;
-	width: 100%;
-	clear: both;
-	font-size: 88%;
-	text-align: center;
-	padding: 1px;
-	margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
 }
+hr{
-.navbox .navbox {
+	color:#222
-	margin-top: 0;            /* No top margin for nested navboxes */
 }
+.editOptions{
-.navbox + .navbox {
+	background-color:#333;
-	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
+	border-color:#4c4c4c
 }
+input,textarea{
-.navbox-inner,
+	background-color:#282828;
-.navbox-subgroup {
+	border-color:#282828;
-	width: 100%;
+	color:#c1c1c1
 }
+a,.mw-body a.external,.mw-body a.extiw{
-.navbox-group,
+	color:#e87057
-.navbox-title,
-.navbox-abovebelow {
-	padding: 0.25em 1em;      /* Title, group and above/below styles */
-	line-height: 1.5em;
-	text-align: center;
 }
+a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{
-th.navbox-group {             /* Group style */
+	color:#e87057
-	white-space: nowrap;
-	/* @noflip */
-	text-align: right;
 }
+a.new,#p-personal a.new{
-.navbox,
+	color:#ff4a24
-.navbox-subgroup {
-	background-color: #fdfdfd; /* Background color */
 }
+ul{
-.navbox-list {
+	list-style-image:none
-	line-height: 1.5em;
-	border-color: #fdfdfd;    /* Must match background color */
 }
+div.thumbinner,.catlinks{
-/* cell spacing for navbox cells */
+	background-color:#4c4c4c;
-tr + tr > .navbox-abovebelow,
+	border-color:#1f1f1f
-tr + tr > .navbox-group,
-tr + tr > .navbox-image,
-tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
-	border-top: 2px solid #fdfdfd; /* Must match background color */
 }
+#toc,div.toc,ul#filetoc,li.gallerybox div.thumb,.tocnumber{
-.navbox th,
+	background-color:#404040;
-.navbox-title {
+	border-color:#4c4c4c;
-	background-color: #ccccff;      /* Level 1 color */
+	color: #D8D8D8
 }
+code{
-.navbox-abovebelow,
+	border:none;
-th.navbox-group,
+	background-color:inherit;
-.navbox-subgroup .navbox-title {
+	color:inherit
-	background-color: #ddddff;      /* Level 2 color */
 }
+oo-ui-fieldLayout-header{
-.navbox-subgroup .navbox-group,
+        color: #a62e10
-.navbox-subgroup .navbox-abovebelow {
-	background-color: #e6e6ff;      /* Level 3 color */
 }
+table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre{
-.navbox-even {
+	color:#c1c1c1;
-	background-color: #f7f7f7;      /* Even row striping */
+	background-color:#4c4c4c;
+	border-color:#1f1f1f
 }
+table.mw_metadata th,table.wikitable>*>tr>th{
-.navbox-odd {
+	background-color:#595959
-	background-color: transparent;  /* Odd row striping */
 }
+table.diff{
-.navbox .hlist td dl,
+	background-color:#4c4c4c
-.navbox .hlist td ol,
-.navbox .hlist td ul,
-.navbox td.hlist dl,
-.navbox td.hlist ol,
-.navbox td.hlist ul {
-	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
 }
-/* Styling for JQuery makeCollapsible, matching that of collapseButton */
+td .diffchange{
-.mw-parser-output .mw-collapsible-toggle {
+	color:#4c4c4c
-	font-weight: normal;
-	/* @noflip */
-	text-align: right;
-	padding-right: 0.2em;
-	padding-left: 0.2em;
 }
+#pagehistory li.selected,td.diff-context{
-.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
+	background-color:inherit;
-	/* @noflip */
+	color:inherit
-	float: left;
-	/* @noflip */
-	text-align: left;
 }
+#pagehistory li{
-/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
+	border:0
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    color: #c1c1c1
 }
+ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{
-div.mw-number-text {
+	background-color:rgba(0,0,0,0.8)
-    color: #888 !important;
 }
+#left-navigation div.vectorTabs,#right-navigation div.vectorTabs{
-div.mw-number-text h3 {
+	background-image:inherit;
-    color: #c1c1c1 !important;
+	background-color:#250b2d
 }
+#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{
-hr {
+	background-color:#250b2d
-    color: #222;
 }
+#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{
-pre {
+	background-color:#222;
-    color: #ccc;
+	background-image:-moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
-    background-color: #4C4C4C;
+	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
-    border: none;
+	background-image:-webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
+	background-image:linear-gradient(#2e2e2e 20%, #222 100%)
 }
+#left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{
-.CodeMirror,
+	color:#ff4a24
-.mw-code,
-.wikiEditor-ui-toolbar {
-    color: #ccc !important;
-    background-color: #4C4C4C !important;
-    border: none;
 }
+#left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{
-.doc {
+	background-color:#333;
-    background: transparent;
+	background-image:-moz-linear-gradient(top, #e87057 0, #333 10%);
+	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
+	background-image:-webkit-linear-gradient(top, #e87057 0, #333 10%);
+	background-image:linear-gradient(#e87057 0, #333 10%)
 }
+#left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{
-.CategoryTreeToggle {
+	color:#e87057
-    color: #e87057;
 }
+#left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{
-.editOptions {
+	color:#e87057
-    color: #a8a8a8;
-    background-color: #333;
-    border-color: #4c4c4c;
 }
+#left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{
-.oo-ui-tabOptionWidget,
+	background:transparent
-.oo-ui-tabSelectWidget-framed {
-    color: #e87057 !important;
 }
+div#mw-head #right-navigation div.vectorMenu h3{
-.oo-ui-menuOptionWidget,
+	background:inherit
-.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
-    color: #a8a8a8 !important;
 }
+div#mw-head div.vectorMenu h3 span{
-.oo-ui-tabSelectWidget-framed,
+	color:#e87057
-.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
-.oo-ui-menuSelectWidget {
-    background-color: #4c4c4c !important;
 }
+div.vectorMenu h3 a{
-.oo-ui-tabSelectWidget-framed,
+	background:inherit
-.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
-    border-color: #4c4c4c !important;
 }
+div.vectorMenu ul{
-.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
+	background-color:black;
-.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
+	border:solid 1px #0c0c0c
-.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
-.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
-    background-color: #606060 !important;
-    border-color: #4c4c4c !important;
 }
+div.vectorMenu li a{
-.mw-rcfilters-ui-filterMenuHeaderWidget-header,
+	color:#e87057
-.mw-rcfilters-ui-filterMenuSectionOptionWidget,
-.oo-ui-popupWidget-popup {
-    color: #a8a8a8 !important;
-    background-color: #606060 !important;
-    border-color: #4c4c4c !important;
 }
+div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{
-.mw-rcfilters-ui-filterMenuHeaderWidget-title,
+	color:#009900;
-.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
+	text-decoration:none
-.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
-.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
-.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
-.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
-.mw-rcfilters-ui-menuSelectWidget-footer {
-    color: #ccc !important;
 }
+div.vectorMenu#p-cactions div.menu{
-.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected)
+	border-color:#1f1f1f
-{
-    color: #999 !important;
 }
+div.vectorMenu#p-cactions ul{
-.mw-rcfilters-ui-filterMenuHeaderWidget-title,
+	border:0;
-.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
+	background-color:#4c4c4c
-.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
-.mw-rcfilters-ui-menuSelectWidget-footer,
-.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected)
-{
-    background-color: #606060 !important;
 }
+#mw-navigation div#mw-panel div.portal{
-.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
+	background-image:none;
-    border-bottom-color: transparent !important;
+	border-top:0px solid #4c4c4c
 }
+#mw-navigation div#mw-panel div.portal#p-logo,#mw-navigation div#mw-panel div.portal#p-navigation{
-input,
+	border-top:none
-textarea {
-    background-color: #4c4c4c;
-    border-color: #4c4c4c;
-    color: #c1c1c1;
-}
-.ace-tm,
-.ace-tm .ace_gutter,
-.ace-tm .ace_gutter-active-line,
-.codeEditor-status {
-    background-color: #4c4c4c !important;
-    color: #c1c1c1 !important;
-}
-.ace-tm .ace_print-margin {
-    background: none !important;
 }
+html{
-.ace-tm .ace_marker-layer .ace_selection {
+	font-size:100%
-    background-color: #606060 !important;
 }
+html,body{
-.ace-tm,
+	height:100%;
-.ace-tm .ace_gutter,
+	margin:0;
-.ace-tm .ace_gutter-active-line {
+	padding:0
-    border-color: #4c4c4c !important;
 }
+body{
-.codeEditor-status {
+	background-color:#2a2a2a
-    background-color: #4C4C4C !important;
 }
+.mw-body{
-.ace-tm .ace_constant {
+	margin-left:10em;
-    color: #d44 !important;
+	padding:1em;
+	border:1px solid #250b2d;
+	border-right-width:0;
+	margin-top:-1px;
+	background-color:#333;
+	color:#c1c1c1;
+	direction:ltr
 }
+.mw-body .mw-editsection,.mw-body .mw-editsection-like .mw-body p{
-.ace-tm .ace_cursor {
+	line-height:inherit;
-    color: #333 !important;
+	margin:.5em 0
 }
+.mw-body h1,.mw-body h2,.mw-body #firstHeading .mw-body h1,.mw-body #firstHeading{
-.oo-ui-radioInputWidget input[type="radio"]:checked + span {
+	font-size:1.8em
-    background-image: linear-gradient(transparent, transparent), url('images/circle-constructive.png') !important;
-    background-position: center center !important;
 }
+.mw-body h2{
-.uls-menu, .mw-mmv-dialog {
+	font-size:1.5em;
-    background-color: #606060 !important;
+	margin-top:1em
 }
+.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6{
-.uls-menu .uls-search,
+	line-height:1.6;
-.mw-search-profile-tabs {
+	margin-top:.3em;
-    background-color: transparent !important;
+	margin-bottom:0;
-    background-image: none!important;
+	padding-bottom:0
-}
-.uls-menu .uls-search {
-    border-top-color: #e87057 !important;
-    border-bottom-color: #e87057 !important;
-}
-.uls-menu .uls-filtersuggestion {
-    background-color: #909090 !important;
-}
-.uls-menu .uls-title,
-.mw-mmv-options-text-header,
-.rc-anchor-light {
-    color: #aaa !important;
-}
-.uls-menu .uls-lcd-region-section .uls-lcd-region-title {
-    color: #ccc !important;
-}
-.uls-lcd-region-section ul li:hover,
-.rc-footer {
-    background-color: #707070 !important;
 }
+.mw-body h3{
-.uls-menu .uls-search-label {
+	font-size:1.17em
-    background: transparent url('skins/Vector/resources/common/images/search_tool.png') !important;
-    background-repeat: no-repeat !important;
 }
+.mw-body h3,.mw-body h4{
-.uls-icon-close {
+	font-weight:bold
-    background: transparent url('images/exit.png') !important;
-    background-repeat: no-repeat !important;
-    background-position: center center !important;
 }
+.mw-body h4,.mw-body h5,.mw-body h6{
-.mw-mmv-post-image,.mw-mmv-image-metadata{
+	font-size:100%
-    background-color: #4c4c4c !important;
 }
+.mw-body #toc h2,.mw-body .toc h2 div.emptyPortlet{
-.mw-mmv-image-links li,
+	display:none
-.rc-report-problem-text {
-    color: #bbb !important;
 }
+ul{
-.mw-mmv-post-image {
+	list-style-type:disc;
-    color: #fff !important;
+	list-style-image:/* @embed */
+	url('skins/Vector/images/bullet-icon.png')
 }
+pre,.mw-code{
-.mw-mmv-options-dialog-header {
+	line-height:1.3em
-    color: #ccc !important;
 }
+#siteNotice{
-.mw-mmv-options-text-body {
+	font-size:.8em
-    color: #999 !important;
 }
+.redirectText{
-.mw-mmv-dialog .mw-mmv-dialog-down-arrow,
+	font-size:140%
-.oo-ui-tagItemWidget.oo-ui-widget-enabled {
-    background-color: #aaa !important;
 }
+.redirectMsg img{
-.smw-ask-otheroptions tr {
+	vertical-align:text-bottom
-    background: #505050 none repeat scroll 0% 0% !important;
 }
+.mw-body-content{
-a {
+	position:relative;
-    color: #e87057 !important;
+	line-height:1.6;
+	font-size:.875em
 }
+body.vector-animateLayout .mw-body,body.vector-animateLayout div#footer,body.vector-animateLayout #left-navigation{
-a:visited {
+	-webkit-transition:margin-left 250ms,padding 250ms;
-    color: #e87057 !important;
+	-moz-transition:margin-left 250ms,padding 250ms;
+	-o-transition:margin-left 250ms,padding 250ms;
+	transition:margin-left 250ms,padding 250ms
 }
+body.vector-animateLayout #p-logo{
-a.new {
+	-webkit-transition:left 250ms;
-    color: #d44 !important;
+	-moz-transition:left 250ms;
+	-o-transition:left 250ms;
+	transition:left 250ms
 }
+body.vector-animateLayout #mw-panel{
-ul {
+	-webkit-transition:padding-right 250ms;
-    list-style-image: none
+	-moz-transition:padding-right 250ms;
+	-o-transition:padding-right 250ms;
+	transition:padding-right 250ms
 }
+body.vector-animateLayout #p-search{
-div.thumbinner,
+	-webkit-transition:margin-right 250ms;
-.catlinks {
+	-moz-transition:margin-right 250ms;
-    background-color: #4c4c4c;
+	-o-transition:margin-right 250ms;
-    border-color: #666
+	transition:margin-right 250ms
 }
+body.vector-animateLayout #p-personal{
-#toc,
+	-webkit-transition:right 250ms;
-div.toc,
+	-moz-transition:right 250ms;
-ul#filetoc,
+	-o-transition:right 250ms;
-li.gallerybox div.thumb {
+	transition:right 250ms
-    background-color: #3d3d3d;
-    border-color: #666
 }
+body.vector-animateLayout #mw-head-base{
-code {
+	-webkit-transition:margin-left 250ms;
-    border: none;
+	-moz-transition:margin-left 250ms;
-    background-color: inherit;
+	-o-transition:margin-left 250ms;
-    color: inherit
+	transition:margin-left 250ms
 }
+#p-personal{
-table.mw_metadata td,
+	position:absolute;
-table.mw_metadata th,
+	top:.33em;
-table.wikitable,
+	right:.75em;
-table.wikitable>*>tr>th,
+	z-index:100
-table.wikitable>*>tr>td,
-pre {
-    color: #c1c1c1;
-    background-color: #4c4c4c;
-    border-color: #666
 }
+#p-personal h3{
-table.mw_metadata th,
+	display:none
-table.wikitable>*>tr>th {
-    background-color: #595959
 }
+#p-personal ul{
-.infobox>caption,
+	list-style-type:none;
-.navbox2 th {
+	list-style-image:none;
-    background: #595959;
+	margin:0;
+	padding-left:10em
 }
+#p-personal li{
-.infobox th {
+	line-height:1.125em;
-    background: #4c4c4c;
+	float:left;
+	margin-left:.75em;
+	margin-top:.5em;
+	font-size:.75em;
+	white-space:nowrap
 }
+#pt-userpage,#pt-anonuserpage{
-#preferences {
+	background-position:left top;
-    background-color: transparent;
+	background-repeat:no-repeat;
-}
+	background-image:url('skins/Vector/images/user-icon.png');
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
-#preftoc li {
+	url('skins/Vector/images/user-icon.svg');
-    background-image: none;
+	background-image:linear-gradient(transparent, transparent),/* @embed */
-}
+	url('skins/Vector/images/user-icon.svg');
+	padding-left:15px !important
-#preftoc li>a {
-    border-top: 1px solid #ccc;
-    border-right: 1px solid #ccc;
-    border-left: 1px solid #ccc;
-    border-collapse: collapse;
-    background-color: transparent;
-    color: #D28A0D;
 }
+#p-search{
-.wikiEditor-ui,
+	float:left;
-.wikiEditor-preview-contents,
+	margin-right:.5em;
-.mw-datatable td,
+	margin-left:.5em
-.smw-editpage-help, div.mw-warning-with-logexcerpt,
-.oo-ui-radioInputWidget input[type="radio"] + span,
-.rc-anchor-light {
-    background: transparent !important;
 }
+#p-search h3{
-.mw-warning-with-logexcerpt {
+	display:none
-    color: #a9a9a9
 }
+#p-search form,#p-search input{
-.mw-datatable th,
+	margin:0;
-#rc-imageselect {
+	margin-top:.4em
-    background-color: #4C4C4C !important;
 }
+div#simpleSearch{
-.rc-anchor {
+	display:block;
-    box-shadow:none;
+	width:12.6em;
+	padding-right:1.4em;
+	height:1.4em;
+	margin-top:.65em;
+	position:relative;
+	min-height:1px;
+	border:solid 1px #aaa;
+	color:black;
+	background-color:white;
+	background-image:/* @embed */
+	url('skins/Vector/images/search-fade.png');
+	background-position:top left;
+	background-repeat:repeat-x
 }
+div#simpleSearch input{
-div#simpleSearch {
+	margin:0;
-    background-color: transparent!important;
+	padding:0;
-    background-image: none!important;
+	border:0;
-    border: none!important;
+	background-color:transparent;
+	color:black
 }
-.oo-ui-textInputWidget input,
-.oo-ui-textInputWidget textarea,
-.oo-ui-tagMultiselectWidget-handle,
 div#simpleSearch #searchInput{
-    background-color: #4C4C4C !important;
+	width:100%;
-    color: #C1C1C1 !important;
+	padding:.2em 0 .2em .2em;
+	font-size:13px;
+	direction:ltr;
+	-webkit-appearance:textfield
 }
+div#simpleSearch #searchInput:focus{
-div#simpleSearch #searchInput {
+	outline:none
-    height: 100% !important;
-    padding: 0 !important;
 }
+div#simpleSearch #searchInput.placeholder{
-div#simpleSearch #searchButton {
+	color:#999
-    background-color: rgba(210, 138, 13, 0.27)!important;
 }
+div#simpleSearch #searchInput:-ms-input-placeholder{
-.oo-ui-buttonElement-button,
+	color:#999
-.mw-ui-button {
-    color: #ffffff !important;
-    background-color: #e87057 !important;
-    border-color: #e87057 !important;
 }
+div#simpleSearch #searchInput:-moz-placeholder{
-.oo-ui-buttonElement-button:hover,
+	color:#999
-.mw-ui-button:hover {
-    color: #ffffff !important;
-    background-color: #D28A0D !important;
-    border-color: #D28A0D !important;
 }
+div#simpleSearch #searchInput::-webkit-search-decoration,div#simpleSearch #searchInput::-webkit-search-cancel-button,div#simpleSearch #searchInput::-webkit-search-results-button,div#simpleSearch #searchInput::-webkit-search-results-decoration{
-.oo-ui-dropdownInputWidget select,
+	-webkit-appearance:textfield
-.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
-.mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before {
-    background-color: #4C4C4C !important;
 }
+div#simpleSearch #searchButton,div#simpleSearch #mw-searchButton{
-.mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before {
+	position:absolute;
-    background-image: url('images/check-constructive.png') !important;
+	top:0;
+	right:0;
+	width:1.65em;
+	height:100%;
+	cursor:pointer;
+	text-indent:-99999px;
+	line-height:1;
+	direction:ltr;
+	white-space:nowrap;
+	overflow:hidden;
+	background-image:url('skins/Vector/images/search-ltr.png');
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
+	url('skins/Vector/images/search-ltr.svg');
+	background-image:linear-gradient(transparent, transparent),/* @embed */
+	url('skins/Vector/images/search-ltr.svg');
+	background-position:center center;
+	background-repeat:no-repeat
 }
+div#simpleSearch #mw-searchButton{
-table.diff {
+	z-index:1
-    background-color: #4c4c4c;
 }
+div.vectorTabs h3{
-td .diffchange {
+	display:none
-    color: #4c4c4c;
 }
+div.vectorTabs{
-#pagehistory li.selected,
+	float:left;
-td.diff-context {
+	height:2.5em;
-    background-color: inherit;
+	background-image:/* @embed */
-    color: inherit
+	url('skins/Vector/images/tab-break.png');
+	background-position:bottom left;
+	background-repeat:no-repeat;
+	padding-left:1px
 }
+div.vectorTabs ul{
-#pagehistory li {
+	float:left;
-    border: 0;
+	height:100%;
+	list-style-type:none;
+	list-style-image:none;
+	margin:0;
+	padding:0;
+	background-image:/* @embed */
+	url('skins/Vector/images/tab-break.png');
+	background-position:right bottom;
+	background-repeat:no-repeat
 }
+div.vectorTabs ul li{
-.gallerytext p {
+	float:left;
-    color: rgba(0, 0, 0, 0.8);
+	line-height:1.125em;
+	display:inline-block;
+	height:100%;
+	margin:0;
+	padding:0;
+	background-color:#f3f3f3;
+	background-image:/* @embed */
+	url('skins/Vector/images/tab-normal-fade.png');
+	background-position:bottom left;
+	background-repeat:repeat-x;
+	white-space:nowrap
 }
+div.vectorTabs ul>li{
-#left-navigation div.darkvectorTabs,
+	display:block
-#right-navigation div.darkvectorTabs {
-    background-image: inherit;
-    background-color: #250b2d
 }
+div.vectorTabs li.new a,div.vectorTabs li.new a:visited{
-#left-navigation div.darkvectorTabs ul,
+	color:#a55858
-#right-navigation div.darkvectorTabs ul {
-    background-color: #250b2d
 }
+div.vectorTabs li.selected{
-#left-navigation div.darkvectorTabs ul li,
+	background-image:/* @embed */
-#right-navigation div.darkvectorTabs ul li {
+	url('skins/Vector/images/tab-current-fade.png')
-    background-color: #222;
-    background-image: -moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
-    background-image: -webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
-    background-image: linear-gradient(#2e2e2e 20%, #222 100%)
 }
+div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{
-#left-navigation div.darkvectorTabs li.new a,
+	color:#333;
-#right-navigation div.darkvectorTabs li.new a,
+	text-decoration:none
-#left-navigation div.darkvectorTabs li.new a:visited,
-#right-navigation div.darkvectorTabs li.new a:visited {
-    color: #d44
 }
+div.vectorTabs li.icon a{
-#left-navigation div.darkvectorTabs li.selected,
+	background-position:bottom right;
-#right-navigation div.darkvectorTabs li.selected {
+	background-repeat:no-repeat
-    background-color: #333;
-    background-image: -moz-linear-gradient(top, #e87057 0, #333 10%);
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
-    background-image: -webkit-linear-gradient(top, #e87057 0, #333 10%);
-    background-image: linear-gradient(#e87057 0, #333 10%)
 }
+div.vectorTabs li a{
-#left-navigation div.darkvectorTabs li.selected a,
+	display:inline-block;
-#right-navigation div.darkvectorTabs li.selected a,
+	height:1.9em;
-#left-navigation div.darkvectorTabs li.selected a:visited,
+	padding-left:.5em;
-#right-navigation div.darkvectorTabs li.selected a:visited {
+	padding-right:.5em;
-    color: #D28A0D
+	color:#e87057;
+	cursor:pointer;
+	font-size:.8em
 }
+div.vectorTabs li>a{
-#left-navigation div.darkvectorTabs li a,
+	display:block
-#right-navigation div.darkvectorTabs li a {
-    color: #e87057
 }
+div.vectorTabs span{
-#left-navigation div.darkvectorTabs span,
+	display:inline-block;
-#right-navigation div.darkvectorTabs span {
+	background-image:/* @embed */
-    background: transparent
+	url('skins/Vector/images/tab-break.png');
+	background-position:bottom right;
+	background-repeat:no-repeat
 }
+div.vectorTabs span a{
-#mw-head #right-navigation div.darkvectorMenu h3 {
+	display:inline-block;
-    background: inherit
+	padding-top:1.25em
 }
+div.vectorTabs span>a{
-#mw-head div.darkvectorMenu h3 span {
+	float:left;
-    color: #e87057
+	display:block
 }
+div.vectorMenu{
-div.darkvectorMenu h3 a {
+	direction:ltr;
-    background: inherit
+	float:left;
+	cursor:pointer;
+	position:relative
 }
+body.rtl div.vectorMenu{
-div.darkvectorMenu ul {
+	direction:rtl
-    background-color: black;
-    border: solid 1px #0c0c0c
 }
+div#mw-head div.vectorMenu h3{
-div.darkvectorMenu li a {
+	float:left;
-    color: #e87057
+	background-image:/* @embed */
+	url('skins/Vector/images/tab-break.png');
+	background-repeat:no-repeat;
+	background-position:bottom right;
+	margin-left:-1px;
+	font-size:1em;
+	height:2.5em;
+	padding-right:1px;
+	margin-right:-1px
 }
+div.vectorMenu h3 span{
-div.darkvectorMenu li.selected a,
+	display:block;
-div.darkvectorMenu li.selected a:visited {
+	font-size:.8em;
-    color: #D28A0D;
+	padding-left:.7em;
-    text-decoration: none
+	padding-top:1.375em;
+	margin-right:20px;
+	font-weight:normal;
+	color:#4d4d4d
 }
+div.vectorMenu h3 a{
-div.darkvectorMenu#p-cactions div.menu {
+	position:absolute;
-    border-color: #666
+	top:0;
+	right:0;
+	width:20px;
+	height:2.5em;
+	background-image:url('skins/Vector/images/arrow-down-icon.png');
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
+	url('skins/Vector/images/arrow-down-icon.svg');
+	background-image:linear-gradient(transparent, transparent),/* @embed */
+	url('skins/Vector/images/arrow-down-icon.svg');
+	background-position:100% 70%;
+	background-repeat:no-repeat;
+	-webkit-transition:background-position 250ms;
+	-moz-transition:background-position 250ms;
+	-o-transition:background-position 250ms;
+	transition:background-position 250ms
 }
+div.vectorMenu.menuForceShow h3 a{
-div.darkvectorMenu#p-cactions ul {
+	background-position:100% 100%
-    border: 0;
-    background-color: #4c4c4c
 }
+div.vectorMenuFocus h3 a{
-#mw-navigation #mw-panel div.portal {
+	background-image:url('skins/Vector/images/arrow-down-focus-icon.png');
-    background-image: none;
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
-    border-top: 1px solid #4c4c4c
+	url('skins/Vector/images/arrow-down-focus-icon.svg');
+	background-image:linear-gradient(transparent, transparent),/* @embed */
+	url('skins/Vector/images/arrow-down-focus-icon.svg')
 }
+div.vectorMenu div.menu{
-#mw-navigation #mw-panel div.portal#p-logo,
+	min-width:100%;
-#mw-navigation #mw-panel div.portal#p-navigation {
+	position:absolute;
-    border-top: none
+	top:2.5em;
+	left:-1px;
+	background-color:white;
+	border:solid 1px silver;
+	border-top-width:0;
+	clear:both;
+	text-align:left;
+	display:none
 }
+div.vectorMenu:hover div.menu,div.vectorMenu.menuForceShow div.menu{
-html {
+	display:block
-    font-size: 100%
 }
+div.vectorMenu ul{
-html,
+	list-style-type:none;
-body {
+	list-style-image:none;
-    height: 100%;
+	padding:0;
-    margin: 0;
+	margin:0;
-    padding: 0;
+	text-align:left
-    font-family: sans-serif
 }
+div.vectorMenu ul,x:-moz-any-link{
-body {
+	min-width:5em
-    background-color: #000
 }
+div.vectorMenu ul,x:-moz-any-link,x:default{
-.mw-body {
+	min-width:0
-    margin-left: 10em;
-    padding: 1em;
-    border: 1px solid #250b2d;
-    border-right-width: 0;
-    margin-top: -1px;
-    background-color: #333;
-    color: #c1c1c1;
-    direction: ltr
 }
+div.vectorMenu li{
-.mw-body .mw-editsection,
+	padding:0;
-.mw-body .mw-editsection-like {
+	margin:0;
-    font-family: sans-serif
+	text-align:left;
+	line-height:1em
 }
+div.vectorMenu li a{
-.mw-body p {
+	display:inline-block;
-    line-height: inherit;
+	padding:.5em;
-    margin: .5em 0
+	white-space:nowrap;
+	color:#e87057;
+	cursor:pointer;
+	font-size:.8em
 }
+div.vectorMenu li>a{
-.mw-body h1,
+	display:block
-.mw-body h2,
-.mw-body #firstHeading {
-    font-family: "Linux Libertine", Georgia, Times, serif;
-    line-height: 1.3;
-    margin-bottom: .25em;
-    padding: 0
 }
+div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{
-.mw-body h1,
+	color:#333;
-.mw-body #firstHeading {
+	text-decoration:none
-    font-size: 1.8em
 }
+@-webkit-keyframes rotate{
-.mw-body h2 {
+	from{
-    font-size: 1.5em;
+		-webkit-transform:rotate(0deg);
-    margin-top: 1em
+		-moz-transform:rotate(0deg);
-}
+		transform:rotate(0deg)
-.mw-body h3,
-.mw-body h4,
-.mw-body h5,
-.mw-body h6 {
-    line-height: 1.6;
-    margin-top: .3em;
-    margin-bottom: 0;
-    padding-bottom: 0
 }
+	to{
-.mw-body h3 {
+		-webkit-transform:rotate(360deg);
-    font-size: 1.17em
+		-moz-transform:rotate(360deg);
+		transform:rotate(360deg)
 }
-.mw-body h3,
-.mw-body h4 {
-    font-weight: bold
 }
+@-moz-keyframes rotate{
-.mw-body h4,
+	from{
-.mw-body h5,
+		-webkit-transform:rotate(0deg);
-.mw-body h6 {
+		-moz-transform:rotate(0deg);
-    font-size: 100%
+		transform:rotate(0deg)
 }
+	to{
-.mw-body #toc h2,
+		-webkit-transform:rotate(360deg);
-.mw-body .toc h2 {
+		-moz-transform:rotate(360deg);
-    font-size: 100%;
+		transform:rotate(360deg)
-    font-family: sans-serif
-}
-div.emptyPortlet {
-    display: none
-}
-ul {
-    list-style-type: disc;
-    list-style-image: url('images/bullet-icon.svg')
 }
-pre,
-.mw-code {
-    line-height: 1.3em
 }
+@-o-keyframes rotate{
-#siteNotice {
+	from{
-    font-size: .8em
+		-webkit-transform:rotate(0deg);
+		-moz-transform:rotate(0deg);
+		transform:rotate(0deg)
 }
+	to{
-.redirectText {
+		-webkit-transform:rotate(360deg);
-    font-size: 140%
+		-moz-transform:rotate(360deg);
+		transform:rotate(360deg)
 }
-.redirectMsg img {
-    vertical-align: text-bottom
 }
+@keyframes rotate{
-.mw-body-content {
+	from{
-    position: relative;
+		-webkit-transform:rotate(0deg);
-    line-height: 1.6;
+		-moz-transform:rotate(0deg);
-    font-size: .875em
+		transform:rotate(0deg)
 }
+	to{
-body.darkvector-animateLayout .mw-body,
+		-webkit-transform:rotate(360deg);
-body.darkvector-animateLayout #footer,
+		-moz-transform:rotate(360deg);
-body.darkvector-animateLayout #left-navigation {
+		transform:rotate(360deg)
-    -webkit-transition: margin-left 250ms, padding 250ms;
-    -moz-transition: margin-left 250ms, padding 250ms;
-    -o-transition: margin-left 250ms, padding 250ms;
-    transition: margin-left 250ms, padding 250ms
 }
-body.darkvector-animateLayout #p-logo {
-    -webkit-transition: left 250ms;
-    -moz-transition: left 250ms;
-    -o-transition: left 250ms;
-    transition: left 250ms
 }
+#ca-unwatch.icon a,#ca-watch.icon a{
-body.darkvector-animateLayout #mw-panel {
+	margin:0;
-    -webkit-transition: padding-right 250ms;
+	padding:0;
-    -moz-transition: padding-right 250ms;
+	display:block;
-    -o-transition: padding-right 250ms;
+	width:26px;
-    transition: padding-right 250ms
+	padding-top:3.1em;
+	margin-top:0;
+	height:0;
+	overflow:hidden;
+	background-position:5px 60%
 }
+#ca-unwatch.icon a{
-body.darkvector-animateLayout #p-search {
+	background-image:url('skins/Vector/images/unwatch-icon.png');
-    -webkit-transition: margin-right 250ms;
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
-    -moz-transition: margin-right 250ms;
+	url('skins/Vector/images/unwatch-icon.svg');
-    -o-transition: margin-right 250ms;
+	background-image:linear-gradient(transparent, transparent),/* @embed */
-    transition: margin-right 250ms
+	url('skins/Vector/images/unwatch-icon.svg')
 }
+#ca-watch.icon a{
-body.darkvector-animateLayout #p-personal {
+	background-image:url('skins/Vector/images/watch-icon.png');
-    -webkit-transition: right 250ms;
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
-    -moz-transition: right 250ms;
+	url('skins/Vector/images/watch-icon.svg');
-    -o-transition: right 250ms;
+	background-image:linear-gradient(transparent, transparent),/* @embed */
-    transition: right 250ms
+	url('skins/Vector/images/watch-icon.svg')
 }
+#ca-unwatch.icon a:hover,#ca-unwatch.icon a:focus{
-body.darkvector-animateLayout #mw-head-base {
+	background-image:url('skins/Vector/images/unwatch-icon-hl.png');
-    -webkit-transition: margin-left 250ms;
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
-    -moz-transition: margin-left 250ms;
+	url('skins/Vector/images/unwatch-icon-hl.svg');
-    -o-transition: margin-left 250ms;
+	background-image:linear-gradient(transparent, transparent),/* @embed */
-    transition: margin-left 250ms
+	url('skins/Vector/images/unwatch-icon-hl.svg')
 }
+#ca-watch.icon a:hover,#ca-watch.icon a:focus{
-#p-personal {
+	background-image:url('skins/Vector/images/watch-icon-hl.png');
-    position: absolute;
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
-    top: .33em;
+	url('skins/Vector/images/watch-icon-hl.svg');
-    right: .75em;
+	background-image:linear-gradient(transparent, transparent),/* @embed */
-    z-index: 100
+	url('skins/Vector/images/watch-icon-hl.svg')
 }
+#ca-unwatch.icon a.loading,#ca-watch.icon a.loading{
-#p-personal h3 {
+	background-image:url('skins/Vector/images/watch-icon-loading.png');
-    display: none
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
+	url('skins/Vector/images/watch-icon-loading.svg');
+	background-image:linear-gradient(transparent, transparent),/* @embed */
+	url('skins/Vector/images/watch-icon-loading.svg');
+	-webkit-animation:rotate 700ms infinite linear;
+	-moz-animation:rotate 700ms infinite linear;
+	-o-animation:rotate 700ms infinite linear;
+	animation:rotate 700ms infinite linear;
+	outline:none;
+	cursor:default;
+	pointer-events:none;
+	background-position:50% 60%;
+	-webkit-transform-origin:50% 57%;
+	transform-origin:50% 57%
 }
+#ca-unwatch.icon a span,#ca-watch.icon a span{
-#p-personal ul {
+	display:none
-    list-style-type: none;
-    list-style-image: none;
-    margin: 0;
-    padding-left: 10em
 }
+#mw-navigation h2{
-#p-personal li {
+	position:absolute;
-    line-height: 1.125em;
+	top:-9999px
-    float: left;
-    margin-left: .75em;
-    margin-top: .5em;
-    font-size: .75em;
-    white-space: nowrap;
-    color: #7c7c7c;
 }
+#mw-page-base{
-#pt-userpage,
+	height:5em;
-#pt-anonuserpage {
+	background-position:bottom left;
-    background-position: left top;
+	background-repeat:repeat-x;
-    background-repeat: no-repeat;
+	background-image:url('skins/Vector/images/page-fade.png');
-    background-image: url('images/user-icon.png');
+	background-color:#2a2a2a;
-    background-image: -webkit-linear-gradient(transparent, transparent), url('images/user-icon.svg');
+	background-image:-moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
-    background-image: linear-gradient(transparent, transparent), url('images/user-icon.svg');
+	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
-    padding-left: 15px !important
+	background-image:-webkit-linear-gradient(top, #333 50%, #2a2a2a 100%);
+	background-image:linear-gradient(#333 50%, #2a2a2a 100%);
+	background-color:#333
 }
+#mw-head-base{
-#p-search {
+	margin-top:-5em;
-    float: left;
+	margin-left:10em;
-    margin-right: .5em;
+	height:5em
-    margin-left: .5em
 }
+div#mw-head{
-#p-search h3 {
+	position:absolute;
-    display: none
+	top:0;
+	right:0;
+	width:100%
 }
+div#mw-head h3{
-#p-search form,
+	margin:0;
-#p-search input {
+	padding:0
-    margin: 0;
-    margin-top: .4em
 }
+#left-navigation{
-div#simpleSearch {
+	float:left;
-    display: block;
+	margin-left:10em;
-    width: 12.6em;
+	margin-top:2.5em;
-    padding-right: 1.4em;
+	margin-bottom:-2.5em;
-    height: 1.4em;
+	display:inline
-    margin-top: .65em;
-    position: relative;
-    min-height: 1px;
-    border: solid 1px #aaa;
-    color: black;
-    background-color: white;
-    background-image: url('/skins/vector/resources/common/images/search-fade.png');
-    background-position: top left;
-    background-repeat: repeat-x
 }
+#right-navigation{
-div#simpleSearch input {
+	float:right;
-    margin: 0;
+	margin-top:2.5em
-    padding: 0;
-    border: 0;
-    background-color: transparent;
-    color: black
 }
+#p-logo{
-div#simpleSearch #searchInput {
+	position:absolute;
-    width: 100%;
+	top:-160px;
-    padding: .2em 0 .2em .2em;
+	left:0;
-    font-size: 13px;
+	width:10em;
-    direction: ltr;
+	height:160px
-    -webkit-appearance: textfield
 }
+#p-logo a{
-div#simpleSearch #searchInput:focus {
+	display:block;
-    outline: none
+	width:10em;
+	height:160px;
+	background-repeat:no-repeat;
+	background-position:center center;
+	text-decoration:none
 }
+div#mw-panel{
-div#simpleSearch #searchInput.placeholder {
+	font-size:inherit;
-    color: #999
+	position:absolute;
+	top:160px;
+	padding-top:1em;
+	width:10em;
+	left:0
 }
+div#mw-panel div.portal{
-div#simpleSearch #searchInput:-ms-input-placeholder {
+	margin:0 .6em 0 .7em;
-    color: #999
+	padding:.25em 0;
+	direction:ltr;
+	background-position:top left;
+	background-repeat:no-repeat;
+	background-image:/* @embed */
+	url('skins/Vector/images/portal-break.png')
 }
+div#mw-panel div.portal h3{
-div#simpleSearch #searchInput:-moz-placeholder {
+	font-size:.75em;
-    color: #999
+	color:#D8D8D8;
+	font-weight:bold;
+	margin:0;
+	padding:.25em 0 .25em .25em;
+	cursor:default;
+	border:none
 }
+div#mw-panel div.portal div.body{
-div#simpleSearch #searchInput::-webkit-search-decoration,
+	margin:0 0 0 1.25em;
-div#simpleSearch #searchInput::-webkit-search-cancel-button,
+	padding-top:0
-div#simpleSearch #searchInput::-webkit-search-results-button,
-div#simpleSearch #searchInput::-webkit-search-results-decoration {
-    -webkit-appearance: textfield
 }
+div#mw-panel div.portal div.body ul{
-div#simpleSearch #searchButton,
+	list-style-type:none;
-div#simpleSearch #mw-searchButton {
+	list-style-image:none;
-    position: absolute;
+	margin:0;
-    top: 0;
+	padding-top:8px;
-    right: 0;
-    width: 1.65em;
-    height: 100%;
-    cursor: pointer;
-    text-indent: -99999px;
-    line-height: 1;
-    direction: ltr;
-    white-space: nowrap;
-    overflow: hidden;
-    background-image: url('images/search-ltr.png');
-    background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/resources/common/images/search.svg');
-    background-image: linear-gradient(transparent, transparent), url('skins/Vector/resources/common/images/search.svg');
-    background-position: center center;
-    background-repeat: no-repeat
 }
+div#mw-panel div.portal div.body ul li{
-div#simpleSearch #mw-searchButton {
+	line-height:1.125em;
-    z-index: 1
+	margin:0;
+	padding:.25em 0;
+	font-size:.75em;
+	word-wrap:break-word
 }
+div#mw-panel div.portal div.body ul li a{
-div.darkvectorTabs h3 {
+	color:#e87057
-    display: none
 }
+div#mw-panel div.portal div.body ul li a:visited{
-div.darkvectorTabs {
+	color:#e87057
-    float: left;
-    height: 2.5em;
-    background-image: url('images/tab-break.png');
-    background-position: bottom left;
-    background-repeat: no-repeat;
-    padding-left: 1px
 }
+div#mw-panel div.portal.first{
-div.darkvectorTabs ul {
+	background-image:none;
-    float: left;
+	margin-top:0
-    height: 100%;
-    list-style-type: none;
-    list-style-image: none;
-    margin: 0;
-    padding: 0;
-    background-image: url('images/tab-break.png');
-    background-position: right bottom;
-    background-repeat: no-repeat
 }
+div#mw-panel div.portal.first h3{
-div.darkvectorTabs ul li {
+	display:none
-    float: left;
-    line-height: 1.125em;
-    display: inline-block;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    background-color: #f3f3f3;
-    background-image: url('images/tab-normal-fade.png');
-    background-position: bottom left;
-    background-repeat: repeat-x;
-    white-space: nowrap
 }
+div#mw-panel div.portal.first div.body{
-div.darkvectorTabs ul>li {
+	margin-left:.5em
-    display: block
 }
+div#footer{
-div.darkvectorTabs li.new a,
+	margin-left:10em;
-div.darkvectorTabs li.new a:visited {
+	margin-top:0;
-    color: #a55858
+	padding:.75em;
+	direction:ltr
 }
+div#footer ul{
-div.darkvectorTabs li.selected {
+	list-style-type:none;
-    background-image: url('images/tab-current-fade.png')
+	list-style-image:none;
+	margin:0;
+	padding:0
 }
+div#footer ul li{
-div.darkvectorTabs li.selected a,
+	margin:0;
-div.darkvectorTabs li.selected a:visited {
+	padding:0;
-    color: #333;
+	padding-top:.5em;
-    text-decoration: none
+	padding-bottom:.5em;
+	color:#c1c1c1;
+	font-size:.7em
 }
+div#footer #footer-icons{
-div.darkvectorTabs li.icon a {
+	float:right
-    background-position: bottom right;
-    background-repeat: no-repeat
 }
+div#footer #footer-icons li{
-div.darkvectorTabs li a {
+	float:left;
-    display: inline-block;
+	margin-left:.5em;
-    height: 1.9em;
+	line-height:2em;
-    padding-left: .5em;
+	text-align:right
-    padding-right: .5em;
-    color: #e87057;
-    cursor: pointer;
-    font-size: .8em
 }
+div#footer #footer-info li{
-div.darkvectorTabs li>a {
+	line-height:1.4em
-    display: block
 }
+div#footer #footer-places li{
-div.darkvectorTabs span {
+	float:left;
-    display: inline-block;
+	margin-right:1em;
-    background-image: url('images/tab-break.png');
+	line-height:2em
-    background-position: bottom right;
-    background-repeat: no-repeat
 }
+body.ltr div#footer #footer-places{
-div.darkvectorTabs span a {
+	float:left
-    display: inline-block;
-    padding-top: 1.25em
 }
+.mw-body .external{
-div.darkvectorTabs span>a {
+	background-position:center right;
-    float: left;
+	background-repeat:no-repeat;
-    display: block
+	background-image:url('skins/Vector/images/external-link-ltr-icon.png');
-}
+	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
+	url('skins/Vector/images/external-link-ltr-icon.svg');
-div.darkvectorMenu {
+	background-image:linear-gradient(transparent, transparent),/* @embed */
-    direction: ltr;
+	url('skins/Vector/images/external-link-ltr-icon.svg');
-    float: left;
+	padding-right:13px
-    cursor: pointer;
-    position: relative
-}
-body.rtl div.darkvectorMenu {
-    direction: rtl
-}
-#mw-head div.darkvectorMenu h3 {
-    float: left;
-    background-image: url('images/tab-break.png');
-    background-repeat: no-repeat;
-    background-position: bottom right;
-    margin-left: -1px;
-    font-size: 1em;
-    height: 2.5em;
-    padding-right: 1px;
-    margin-right: -1px
-}
-div.darkvectorMenu h3 span {
-    display: block;
-    font-size: .8em;
-    padding-left: .7em;
-    padding-top: 1.375em;
-    margin-right: 20px;
-    font-weight: normal;
-    color: #656565
-}
-div.darkvectorMenu h3 a {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 20px;
-    height: 2.5em;
-    background-image: url('images/arrow-down-icon.png');
-    background-image: -webkit-linear-gradient(transparent, transparent), url('images/arrow-down-icon.svg');
-    background-image: linear-gradient(transparent, transparent), url('images/arrow-down-icon.svg');
-    background-position: 100% 70%;
-    background-repeat: no-repeat;
-    -webkit-transition: background-position 250ms;
-    -moz-transition: background-position 250ms;
-    -o-transition: background-position 250ms;
-    transition: background-position 250ms
-}
-div.darkvectorMenu.menuForceShow h3 a {
-    background-position: 100% 100%
-}
-div.darkvectorMenuFocus h3 a {
-    background-image: url('images/arrow-down-focus-icon.png');
-    background-image: -webkit-linear-gradient(transparent, transparent), url('images/arrow-down-focus-icon.svg');
-    background-image: linear-gradient(transparent, transparent), url('images/arrow-down-focus-icon.svg')
-}
-div.darkvectorMenu div.menu {
-    min-width: 100%;
-    position: absolute;
-    top: 2.5em;
-    left: -1px;
-    background-color: white;
-    border: solid 1px silver;
-    border-top-width: 0;
-    clear: both;
-    text-align: left;
-    display: none
-}
-div.darkvectorMenu:hover div.menu,
-div.darkvectorMenu.menuForceShow div.menu {
-    display: block
-}
-div.darkvectorMenu ul {
-    list-style-type: none;
-    list-style-image: none;
-    padding: 0;
-    margin: 0;
-    text-align: left
-}
-div.darkvectorMenu ul,
-x:-moz-any-link {
-    min-width: 5em
-}
-div.darkvectorMenu ul,
-x:-moz-any-link,
-x:default {
-    min-width: 0
-}
-div.darkvectorMenu li {
-    padding: 0;
-    margin: 0;
-    text-align: left;
-    line-height: 1em
-}
-div.darkvectorMenu li a {
-    display: inline-block;
-    padding: .5em;
-    white-space: nowrap;
-    color: #e87057;
-    cursor: pointer;
-    font-size: .8em
-}
-div.darkvectorMenu li>a {
-    display: block
-}
-div.darkvectorMenu li.selected a,
-div.darkvectorMenu li.selected a:visited {
-    color: #333;
-    text-decoration: none
-}
-@-webkit-keyframes rotate {
-    from {
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        transform: rotate(0deg)
-    }
-    to {
-        -webkit-transform: rotate(360deg);
-        -moz-transform: rotate(360deg);
-        transform: rotate(360deg)
-    }
-}
-@-moz-keyframes rotate {
-    from {
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        transform: rotate(0deg)
-    }
-    to {
-        -webkit-transform: rotate(360deg);
-        -moz-transform: rotate(360deg);
-        transform: rotate(360deg)
-    }
-}
-@-o-keyframes rotate {
-    from {
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        transform: rotate(0deg)
-    }
-    to {
-        -webkit-transform: rotate(360deg);
-        -moz-transform: rotate(360deg);
-        transform: rotate(360deg)
-    }
-}
-@keyframes rotate {
-    from {
-        -webkit-transform: rotate(0deg);
-        -moz-transform: rotate(0deg);
-        transform: rotate(0deg)
-    }
-    to {
-        -webkit-transform: rotate(360deg);
-        -moz-transform: rotate(360deg);
-        transform: rotate(360deg)
-    }
-}
-#ca-unwatch.icon a,
-#ca-watch.icon a {
-    margin: 0;
-    padding: 0;
-    display: block;
-    width: 26px;
-    padding-top: 3.1em;
-    margin-top: 0;
-    height: 0;
-    overflow: hidden;
-    background-position: 5px 60%
-}
-#ca-unwatch.icon a {
-    background-image: url('images/unwatch-icon.png');
-    background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/images/unwatch-icon.svg');
-    background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/images/unwatch-icon.svg')
-}
-#ca-watch.icon a {
-    background-image: url('images/watch-icon.png');
-    background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/images/watch-icon.svg');
-    background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/images/watch-icon.svg')
-}
-#ca-unwatch.icon a:hover,
-#ca-unwatch.icon a:focus {
-    background-image: url('images/unwatch-icon-hl.png');
-    background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/images/unwatch-icon-hl.svg');
-    background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/images/unwatch-icon-hl.svg')
-}
-#ca-watch.icon a:hover,
-#ca-watch.icon a:focus {
-    background-image: url('images/watch-icon-hl.png');
-    background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/images/watch-icon-hl.svg');
-    background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/images/watch-icon-hl.svg')
-}
-#ca-unwatch.icon a.loading,
-#ca-watch.icon a.loading {
-    background-image: url('images/watch-icon-loading.png');
-    background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
-    background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
-    -webkit-animation: rotate 700ms infinite linear;
-    -moz-animation: rotate 700ms infinite linear;
-    -o-animation: rotate 700ms infinite linear;
-    animation: rotate 700ms infinite linear;
-    outline: none;
-    cursor: default;
-    pointer-events: none;
-    background-position: 50% 60%;
-    -webkit-transform-origin: 50% 57%;
-    transform-origin: 50% 57%
-}
-#ca-unwatch.icon a span,
-#ca-watch.icon a span {
-    display: none
-}
-#mw-navigation h2 {
-    position: absolute;
-    top: -9999px
-}
-#mw-page-base {
-    height: 5em;
-    background-position: bottom left;
-    background-repeat: repeat-x;
-    background-color: #000;
-    background-color: #000
-}
-#mw-head-base {
-    margin-top: -5em;
-    margin-left: 10em;
-    height: 5em
-}
-#mw-head {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%
-}
-#mw-head h3 {
-    margin: 0;
-    padding: 0
-}
-#left-navigation {
-    float: left;
-    margin-left: 10em;
-    margin-top: 2.5em;
-    margin-bottom: -2.5em;
-    display: inline
-}
-#right-navigation {
-    float: right;
-    margin-top: 2.5em
-}
-#p-logo {
-    position: absolute;
-    top: -160px;
-    left: 0;
-    width: 10em;
-    height: 160px
-}
-#p-logo a {
-    display: block;
-    width: 10em;
-    height: 160px;
-    background-repeat: no-repeat;
-    background-position: center center;
-    text-decoration: none
 }
+#footer, .ajaxpoll-id-info {
-#mw-panel {
+     color: #D8D8D8
-     font-size: inherit;
-    position: absolute;
-    top: 160px;
-    padding-top: 1em;
-    width: 10em;
-    left: 0
 }
-#mw-panel .portal {
-    margin: 0 .6em 0 .7em;
-    padding: .25em 0;
-    direction: ltr;
-    background-position: top left;
-    background-repeat: no-repeat;
-    background-image: url('images/portal-break.png')
-}
-#mw-panel .portal h3 {
+/*Tabber colors*/
-     font-size: .75em;
+.tabbernav {
-     color: #656565;
+     font-family: inherit !important;
-     font-weight: normal;
+     font-weight: normal !important;
-     margin: 0;
+     font-size: 13px !important;
-     padding: .25em 0 .25em .25em;
+     border-bottom: 3px solid #505050 !important;
-    cursor: default;
+     padding: 0.3em 0 !important;
-    border: none
 }
+.tabbernav a {
-#mw-panel .portal .body {
+     padding: 0.3em 0.5em !important;
-     margin: 0 0 0 1.25em;
+     margin: 0 !important;
-     padding-top: 0
+    color: lightgrey !important;
+    border:1px !important;
+    background: #242424 !important;
 }
+.tabberactive a {
-#mw-panel .portal .body ul {
+     color: white !important;
-     list-style-type: none;
+     background: #ba3614 !important;
-     list-style-image: none;
+     font-weight: bold;
-     margin: 0;
-    padding: 0
 }
+.tabbernav :not(.tabberactive) a:hover {
-#mw-panel .portal .body ul li {
+     background: #4b4b4b !important;
-    line-height: 1.125em;
-    margin: 0;
-     padding: .25em 0;
-    font-size: .75em;
-    word-wrap: break-word
 }
+.tabbertab {
-#mw-panel .portal .body ul li a {
+     border: 0px !important;
-     color: #e87057
+     border-color: #505050 !important;
-}
-#mw-panel .portal .body ul li a:visited {
-    color: #D28A0D
-}
-#mw-panel .portal.first {
-    background-image: none;
-    margin-top: 0
-}
-#mw-panel .portal.first h3 {
-    display: none
-}
-#mw-panel .portal.first .body {
-    margin-left: .5em
-}
-.mw-prefs-buttons {
-    background-color: #4a4a4a /*make background less glaring under buttons */
-}
-#footer {
-    margin-left: 10em;
-    margin-top: 0;
-    padding: .75em;
-    direction: ltr
-}
-#footer ul {
-    list-style-type: none;
-    list-style-image: none;
-    margin: 0;
-    padding: 0
-}
-#footer ul li {
-    margin: 0;
-    padding: 0;
-    padding-top: .5em;
-    padding-bottom: .5em;
-    color: #7c7c7c !important;
-     font-size: .7em
-}
-#footer #footer-icons {
-    float: right
-}
-#footer #footer-icons li {
-    float: left;
-    margin-left: .5em;
-    line-height: 2em;
-    text-align: right
-}
-#footer #footer-info li {
-    line-height: 1.4em
-}
-#footer #footer-places li {
-    float: left;
-    margin-right: 1em;
-    line-height: 2em
-}
-body.ltr #footer #footer-places {
-    float: left
-}
-.mw-jump, #jump-to-nav {
-    overflow: hidden;
-    height: 0px
-}
-.tocnumber {
-list-style-type:inherit;
-background-color: transparent;
-border-color:#666;
-color:#db8200
-}
-.toctogglelabel {
-    cursor: pointer;
-    color: #db8200
-}
-.mw-changeslist-legend {
-    color: #a9a9a9;
-    background-color: #404040 !important;
-}
-ol.references li:target {
-    background-color: #663300
-}
-sup.reference:target {
-    background-color: #663300
-}
-.mw-editfont-monospace {
-    background-color: #393939
-}
-.diff.diff-contentalign-left {
-    background-color: #393939
-}
-.catlinks {
-    background-color: #393939
-}
-.mw-createacct-benefits-list p {
-    color: #c9c9c9
-}
-div#mw-panel div.portal div.body ul li a:visited{color:#db8200}
-div#mw-panel div.portal div.body ul li a{color:#e87057}
-div#mw-panel div.portal h3 {color:#7c7c7c}
-/* Portable Infobox CSS here */
-/* Portable Infobox CSS here */
-.portable-infobox.pi-background {
-   background-color: #312B2A;
-   border-color: #a62e10;
-}
-.portable-infobox .pi-secondary-background {
-   background-color: #a62e10;
-}
-.portable-infobox .pi-header{
-   font-weight: bold;
-   text-align: center;
-}
-.portable-infobox .pi-title {
-   background-color: #a62e10;
-   font-size: 125%;
-   color: #FFFFFF;
-   font-family: Helvetica;
-   text-align: center;
-}
-.portable-infobox .pi-border-color{
-    border-color: #453d3c;
-}
-.portable-infobox {
-   width:270px;
-   border: 1px solid #a62e10;
-   border-radius: 4px 4px 2px 2px;
-}
-.portable-infobox .pi-horizontal-group-item.pi-data-label{
- background-color: #312B2A;
-}
-.portable-infobox .pi-horizontal-group-item.pi-data-value{
- background-color: #312B2A;
-}
-gallerytext{
-	color: white;
-}
-<style>
-@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
-</style>
-div#content h1, div#content h2 {font-family: "Rubik", serif}
-/* changes the default font used for MediaWiki headings to Rubik */
-.mw-body .external{
-	background-position:center right;
-	background-repeat:no-repeat;
-	background-image:url('skins/Vector/resources/common/images/external-link-ltr-icon.png');
-	background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
-	url('skins/Vector/resources/common/images/external-link-ltr-icon.svg');
-	background-image:linear-gradient(transparent, transparent),/* @embed */
-	url('skins/Vector/resources/common/images/external-link-ltr-icon.svg');
-	padding-right:13px
 }
@@ Line 1,578: / Line 914: @@
 	background: #A62e10 !important;
 }
+/* Usernames /*
+a[href="/wiki/User:Screamer1234"]  { color:cyan !important; font-weight: bold !important; }
+/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
+ere will be applied to all skins on the entire site. *****/
+a[href="/wiki/User:Lawiki1534"]  { color:#2871F7 !important; font-weight: bold !important; }
+/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
+ere will be applied to all skins on the entire site. *****/
+a[href="/wiki/User:Sump"]  { color:cyan !important; font-weight: bold !important; }
+/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
+ere will be applied to all skins on the entire site. *****/
+a[href="/wiki/User:HLDK"]  { color:orange !important; font-weight: bold !important; }
+/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
+ere will be applied to all skins on the entire site. *****/
+a[href="/wiki/User:TheMan5"]  { color:white !important; font-weight: bold !important; }
+/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
+ere will be applied to all skins on the entire site. *****/
+a[href="/wiki/User:MoekaChiina"]  { color:#db4dff !important; font-weight: bold !important; }
+/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
+ere will be applied to all skins on the entire site. *****/
+a[href="/wiki/User:Zeroxeon"]  { color:#00f521 !important; font-weight: bold !important; }
+/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
+ere will be applied to all skins on the entire site. *****/