MediaWiki:Vector.css

/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */

h1,h2,h3,h4,h5,h6 {	color: #c1c1c1; } hr{ height: 1px; background-color: #ffffff40; border: none; }

.editOptions {	background-color: #eaeaea; border-color: #eaeaea; } input,textarea {	background-color: #e0deda; border-color: #e0deda; color: #000000; } a,.mw-body a.external,.mw-body a.extiw {	color: #f4ae0b; }

color: #5f93c8; }
 * 1) footer.mw-footer li, #footer-info-lastmod.mw-footer li, #footer-info-copyright.mw-footer li {

display: none; }
 * 1) p-managewiki-sidebar-header {

.portal, .vector-menu-portal { color: #f4ae0b; }

.portal .body li a:visited, .vector-menu-portal .body li a:visited{ color: #f4ae0b; }

.portal .body li a, .vector-menu-portal .body li a { color: #f4ae0b; }

a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited {	color: #f4ae0b; } a.new,#p-personal a.new {	color: #f4ae0b; } ul { list-style-image: none; } .thumbinner,.catlinks {	background-color: #0f1518; border-color: #273136; } {	background-color: #404040; border-color: #666; } code {	background-color: inherit; border: none; color: #c1c1c1; } table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre {	background-color: #404040; border-color: #666; color: #c1c1c1; } table.mw_metadata th,table.wikitable>*>tr>th {	background-color: #595959; } table.diff {	background-color: #404040; } td .diffchange {	color: #888888; } {	background-color: inherit; color: #888888; } {	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); } {	background-color: #151e1d; background-image: inherit; } {	background-color: #151e1d; } {	background-color: #777; background-image: linear-gradient(#2e2e2e 0, #151515 10%); background-image: -moz-linear-gradient(top, #2e2e2e 0, #151515 10%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e2e2e), color-stop(10%, #151515)); background-image: -webkit-linear-gradient(top, #2e2e2e 0, #151515 10%); } {	color: #f4ae0b; } {	background-color: rgba(34,41,43,0.7); background-image: linear-gradient(#f4ae0b 0, #22292b 10%); background-image: -moz-linear-gradient(top, #f4ae0b 0, #22292b 10%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4ae0b), color-stop(10%, #22292b)); background-image: -webkit-linear-gradient(top, #f4ae0b 0, #22292b 10%); } {	color: #f4ae0b; } {	color: #f4ae0b; } {	background: transparent; } div#mw-head #right-navigation div.vectorMenu h3 { background: inherit; } div#mw-head div.vectorMenu h3 span {	color: #f4ae0b; } div.vectorMenu h3 a { background: inherit; } div.vectorMenu ul { background-color: black; border: solid 1px #0c0c0c; } div.vectorMenu li a { color: #f4ae0b; } div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited {	color: #f4ae0b; /*text-decoration: none;*/ } div.vectorMenu#p-cactions div.menu {	border-color: #666; } div.vectorMenu#p-cactions ul { background-color: #404040; border: 0; } {	background-image: none; border-top: 1px solid #404040; } {	border-top: none; } html {	font-size: 100%; } html,body {	font-family: sans-serif; height: 100%; margin: 0; padding: 0; } body {	background: url(https://static.miraheze.org/wildterra2wiki/c/c6/Wt2art3.jpg) no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #131718; } .mw-body {	background-color: rgba(34,41,43,0.7); border: 1px solid #151e1d; border-right-width: 0; color: #c1c1c1; direction: ltr; margin-left: 10em; margin-top: -1px; padding: 1em; } .mw-body .mw-editsection,.mw-body .mw-editsection-like {	font-family: sans-serif; } .mw-body p { line-height: inherit; margin: .5em 0; } .mw-body h1,.mw-body h2,.mw-body #firstHeading {	font-family: "Linux Libertine",Georgia,Times,serif; line-height: 1.3; margin-bottom: .25em; padding: 0; } .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-bottom: 0; margin-top: .3em; 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 { font-family: sans-serif; font-size: 100%; } div.emptyPortlet {	display: none; } ul { list-style-image: url('skins/Vector/images/bullet-icon.png'); list-style-type: disc; } pre,.mw-code {	line-height: 1.3em; } {	font-size: .8em; } .redirectText {	font-size: 140%; } .redirectMsg img {	vertical-align: text-bottom; } .mw-body-content {	font-size: .875em; line-height: 1.6; position: relative; } body.vector-animateLayout .mw-body,body.vector-animateLayout div#footer,body.vector-animateLayout #left-navigation {	moz-transition: margin-left 250ms,padding 250ms; o-transition: margin-left 250ms,padding 250ms; transition: margin-left 250ms,padding 250ms; webkit-transition: margin-left 250ms,padding 250ms; } body.vector-animateLayout #p-logo {	moz-transition: left 250ms; o-transition: left 250ms; transition: left 250ms; webkit-transition: left 250ms; } body.vector-animateLayout #mw-panel {	moz-transition: padding-right 250ms; o-transition: padding-right 250ms; transition: padding-right 250ms; webkit-transition: padding-right 250ms; } body.vector-animateLayout #p-search {	moz-transition: margin-right 250ms; o-transition: margin-right 250ms; transition: margin-right 250ms; webkit-transition: margin-right 250ms; } body.vector-animateLayout #p-personal {	moz-transition: right 250ms; o-transition: right 250ms; transition: right 250ms; webkit-transition: right 250ms; } body.vector-animateLayout #mw-head-base {	moz-transition: margin-left 250ms; o-transition: margin-left 250ms; transition: margin-left 250ms; webkit-transition: margin-left 250ms; } {	position: absolute; right: .75em; top: .33em; z-index: 100; } {	display: none; } {	list-style-image: none; list-style-type: none; margin: 0; padding-left: 10em; } {	float: left; font-size: .75em; line-height: 1.125em; margin-left: .75em; margin-top: .5em; white-space: nowrap; } {	float: left; margin-left: .5em; margin-right: .5em; } {	display: none; } {	margin: 0; margin-top: .4em; } div#simpleSearch {	background-color: white; background-image: url('skins/Vector/images/search-fade.png'); background-position: top left; background-repeat: repeat-x; border: solid 1px #aaa; color: black; display: block; height: 1.4em; margin-top: .65em; min-height: 1px; padding-right: 1.4em; position: relative; width: 12.6em; } div#simpleSearch input {	background-color: transparent; border: 0; color: black; margin: 0; padding: 0; } div#simpleSearch #searchInput {	direction: ltr; font-size: 13px; padding: .2em 0 .2em .2em; webkit-appearance: textfield; width: 100%; } 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 {	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/search-ltr.svg'); background-image: url('skins/Vector/images/search-ltr.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/search-ltr.svg'); background-position: center center; background-repeat: no-repeat; cursor: pointer; direction: ltr; height: 100%; line-height: 1; overflow: hidden; position: absolute; right: 0; text-indent: -99999px; top: 0; white-space: nowrap; width: 1.65em; } div#simpleSearch #mw-searchButton {	z-index: 1; } div.vectorTabs h3 { display: none; } div.vectorTabs {	background-image: url('skins/Vector/images/tab-break.png'); background-position: bottom left; background-repeat: no-repeat; float: left; height: 2.5em; padding-left: 1px; } div.vectorTabs ul { background-image: url('skins/Vector/images/tab-break.png'); background-position: right bottom; background-repeat: no-repeat; float: left; height: 100%; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } div.vectorTabs ul li { background-color: #f3f3f3; background-image: url('skins/Vector/images/tab-normal-fade.png'); background-position: bottom left; background-repeat: repeat-x; display: inline-block; float: left; height: 100%; line-height: 1.125em; margin: 0; padding: 0; white-space: nowrap; } div.vectorTabs ul>li {	display: block; } div.vectorTabs li.new a,div.vectorTabs li.new a:visited {	color: #5e5e5e; } div.vectorTabs li.selected {	background-image: url('skins/Vector/images/tab-current-fade.png'); } div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited {	color: #5e5e5e; /* text-decoration: none; */ } div.vectorTabs li.icon a { background-position: bottom right; background-repeat: no-repeat; } div.vectorTabs li a { color: #f4ae0b; cursor: pointer; display: inline-block; font-size: .8em; height: 1.9em; padding-left: .5em; padding-right: .5em; } div.vectorTabs li>a {	display: block; } div.vectorTabs span {	background-image: url('skins/Vector/images/tab-break.png'); background-position: bottom right; background-repeat: no-repeat; display: inline-block; } div.vectorTabs span a { display: inline-block; padding-top: 1.25em; } div.vectorTabs span>a {	display: block; float: left; } div.vectorMenu {	cursor: pointer; direction: ltr; float: left; position: relative; } body.rtl div.vectorMenu {	direction: rtl; } div#mw-head div.vectorMenu h3 { background: transparent; float: left; font-size: 1em; height: 2.5em; margin-left: -1px; margin-right: -1px; padding-right: 1px; } div.vectorMenu h3 span {	color: #b5c0c1; display: block; font-size: .8em; font-weight: normal; margin-right: 20px; padding-left: .7em; padding-top: 1.375em; } div.vectorMenu h3 a { background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg'); background-image: url('skins/Vector/images/arrow-down-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg'); background-position: 100% 70%; background-repeat: no-repeat; height: 2.5em; moz-transition: background-position 250ms; o-transition: background-position 250ms; position: absolute; right: 0; top: 0; transition: background-position 250ms; webkit-transition: background-position 250ms; width: 20px; } div.vectorMenu.menuForceShow h3 a { background-position: 100% 100%; } div.vectorMenuFocus h3 a { background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-focus-icon.svg'); background-image: url('skins/Vector/images/arrow-down-focus-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-focus-icon.svg'); } div.vectorMenu div.menu {	background-color: white; border: solid 1px silver; border-top-width: 0; clear: both; display: none; left: -1px; min-width: 100%; position: absolute; text-align: left; top: 2.5em; } div.vectorMenu:hover div.menu,div.vectorMenu.menuForceShow div.menu {	display: block; } div.vectorMenu ul { list-style-image: none; list-style-type: none; margin: 0; padding: 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 { line-height: 1em; margin: 0; padding: 0; text-align: left; } div.vectorMenu li a { color: #f4ae0b; cursor: pointer; display: inline-block; font-size: .8em; padding: .5em; white-space: nowrap; } div.vectorMenu li>a {	display: block; } div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited {	color: #b5c0c1; /* text-decoration: none; */ } @-webkit-keyframes rotate {	from {		moz-transform: rotate(0deg); transform: rotate(0deg); webkit-transform: rotate(0deg); }	to {		moz-transform: rotate(360deg); transform: rotate(360deg); webkit-transform: rotate(360deg); } } @-moz-keyframes rotate {	from {		moz-transform: rotate(0deg); transform: rotate(0deg); webkit-transform: rotate(0deg); }	to {		moz-transform: rotate(360deg); transform: rotate(360deg); webkit-transform: rotate(360deg); } } @-o-keyframes rotate {	from {		moz-transform: rotate(0deg); transform: rotate(0deg); webkit-transform: rotate(0deg); }	to {		moz-transform: rotate(360deg); transform: rotate(360deg); webkit-transform: rotate(360deg); } } @keyframes rotate {	from {		moz-transform: rotate(0deg); transform: rotate(0deg); webkit-transform: rotate(0deg); }	to {		moz-transform: rotate(360deg); transform: rotate(360deg); webkit-transform: rotate(360deg); } } {	background-position: 5px 60%; display: block; height: 0; margin: 0; margin-top: 0; overflow: hidden; padding: 0; padding-top: 3.1em; width: 26px; } {	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon.svg'); background-image: url('skins/Vector/images/unwatch-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon.svg'); } {	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon.svg'); background-image: url('skins/Vector/images/watch-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon.svg'); } {	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon-hl.svg'); background-image: url('skins/Vector/images/unwatch-icon-hl.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon-hl.svg'); } {	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-hl.svg'); background-image: url('skins/Vector/images/watch-icon-hl.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-hl.svg'); } {	animation: rotate 700ms infinite linear; background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg'); background-image: url('skins/Vector/images/watch-icon-loading.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg'); background-position: 50% 60%; cursor: default; moz-animation: rotate 700ms infinite linear; o-animation: rotate 700ms infinite linear; outline: none; pointer-events: none; transform-origin: 50% 57%; webkit-animation: rotate 700ms infinite linear; webkit-transform-origin: 50% 57%; } {	display: none; } {	position: absolute; top: -9999px; } {   background: transparent; } {	height: 5em; margin-left: 10em; margin-top: -5em; } div#mw-head {	position: absolute; right: 0; top: 0; width: 100%; } div#mw-head h3 { margin: 0; padding: 0; } {	display: inline; float: left; margin-bottom: -2.5em; margin-left: 10em; margin-top: 2.5em; } {	float: right; margin-top: 2.5em; } {	height: 160px; left: 0; position: absolute; top: -160px; width: 10em; } {	background-position: center center; background-repeat: no-repeat; display: block; height: 160px; text-decoration: none; width: 10em; } div#mw-panel {	font-size: inherit; left: 0; padding-top: 1em; position: absolute; top: 160px; width: 10em; } div#mw-panel div.portal {	background-image: url('skins/Vector/images/portal-break.png'); background-position: top left; background-repeat: no-repeat; direction: ltr; margin: 0 .6em 0 .7em; padding: .25em 0; } div#mw-panel div.portal h3 { border: none; color: #919191; cursor: default; font-size: .75em; font-weight: normal; margin: 0; padding: .25em 0 .25em .25em; } 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-image: none; list-style-type: none; margin: 0; padding: 0; } div#mw-panel div.portal div.body ul li { font-size: .75em; line-height: 1.125em; margin: 0; padding: .25em 0; word-wrap: break-word; } div#mw-panel div.portal div.body ul li a { color: #f4ae0b; } div#mw-panel div.portal div.body ul li a:visited {	color: #f4ae0b; } 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 {	direction: ltr; margin-left: 10em; margin-top: 0; padding: .75em; } div#footer ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } div#footer ul li { font-size: .7em; margin: 0; padding: 0; padding-bottom: .5em; padding-top: .5em; } div#footer #footer-icons {	float: right; } div#footer #footer-icons li { float: left; line-height: 2em; margin-left: .5em; text-align: right; } div#footer #footer-info li { line-height: 1.4em; } div#footer #footer-places li { float: left; line-height: 2em; margin-right: 1em; } body.ltr div#footer #footer-places {	float: left; }
 * toc,div.toc,ul#filetoc,li.gallerybox div.thumb
 * 1) pagehistory li.selected,td.diff-context
 * 1) pagehistory li
 * 1) left-navigation div.vectorTabs,#right-navigation div.vectorTabs
 * 1) left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul
 * 1) left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li
 * 1) 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
 * 1) left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected
 * 1) 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
 * 1) left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a
 * 1) left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span
 * 1) mw-navigation div#mw-panel div.portal
 * 1) mw-navigation div#mw-panel div.portal#p-logo,#mw-navigation div#mw-panel div.portal#p-navigation
 * 1) siteNotice
 * 1) p-personal
 * 1) p-personal h3
 * 1) p-personal ul
 * 1) p-personal li
 * 1) p-search
 * 1) p-search h3
 * 1) p-search form,#p-search input
 * 1) ca-unwatch.icon a,#ca-watch.icon a
 * 1) ca-unwatch.icon a
 * 1) ca-watch.icon a
 * 1) ca-unwatch.icon a:hover,#ca-unwatch.icon a:focus
 * 1) ca-watch.icon a:hover,#ca-watch.icon a:focus
 * 1) ca-unwatch.icon a.loading,#ca-watch.icon a.loading
 * 1) ca-unwatch.icon a span,#ca-watch.icon a span
 * 1) mw-navigation h2
 * 1) mw-page-base
 * 1) mw-head-base
 * 1) left-navigation
 * 1) right-navigation
 * 1) p-logo
 * 1) p-logo a

div#footer-info-lastmod { background: red; }

.mw-body .external {	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/external-link-ltr-icon.svg'); background-image: url('skins/Vector/images/external-link-ltr-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/external-link-ltr-icon.svg'); background-position: center right; background-repeat: no-repeat; padding-right: 13px; }