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: #657489; }
 * 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, .vector-menu-content li a:visited{ color: #f4ae0b; }

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

.portal .body li a, .vector-menu-portal .body li a, .vector-menu-portal .vector-menu-content 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: rgba(0, 0, 0, 0.3); border-style: none; } code {	background-color: inherit; border: none; color: #ffe6d2; } table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre {	background-color: #13181a; border-color: #273136; color: #c1c1c1; } table.mw_metadata th,table.wikitable>*>tr>th {	background-color: #0f1518; } .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,.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover .gallerybox.mw-gallery-focused .gallerytextwrapper{ background-color: rgba(0,0,0,0.8); } {	background-color: #151e1d; background-image: inherit; } {	background-color: #151e1d; } {	color: #f4ae0b; } .vector-menu-tabs li, .vector-menu-tabs li a, .vector-menu-tabs li a:visited {	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%); } {	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; } {	background: inherit; } {	color: #f4ae0b; } .vectorMenu h3 a { background: inherit; } .vectorMenu ul { background-color: black; border: solid 1px #0c0c0c; } .vectorMenu li a { color: #f4ae0b; } .vectorMenu li.selected a,.vectorMenu li.selected a:visited {	color: #f4ae0b; /*text-decoration: none;*/ } .vectorMenu#p-cactions .menu {	border-color: #666; } .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; overflow: auto; } .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%; } .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; } .vector-animateLayout .mw-body,.vector-animateLayout #footer,.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; } .vector-animateLayout #p-logo {	moz-transition: left 250ms; o-transition: left 250ms; transition: left 250ms; webkit-transition: left 250ms; } .vector-animateLayout #mw-panel {	moz-transition: padding-right 250ms; o-transition: padding-right 250ms; transition: padding-right 250ms; webkit-transition: padding-right 250ms; } .vector-animateLayout #p-search {	moz-transition: margin-right 250ms; o-transition: margin-right 250ms; transition: margin-right 250ms; webkit-transition: margin-right 250ms; } .vector-animateLayout #p-personal {	moz-transition: right 250ms; o-transition: right 250ms; transition: right 250ms; webkit-transition: right 250ms; } .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; } {	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; } {	background-color: transparent; border: 0; color: black; margin: 0; padding: 0; } {	direction: ltr; font-size: 13px; padding: .2em 0 .2em .2em; webkit-appearance: textfield; width: 100%; } {	outline: none; } {	color: #999; } {	color: #999; } {	color: #999; } {	webkit-appearance: textfield; } {	background-image: linear-gradient(transparent, transparent), url('https://static.miraheze.org/wildterra2wiki/2/2b/Search.svg'); background-image: url('https://static.miraheze.org/wildterra2wiki/e/ee/Search_tool.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('https://static.miraheze.org/wildterra2wiki/2/2b/Search.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; } {	z-index: 1; } .vector-menu-tabs h3 { display: none; }
 * toc,.toc,#filetoc,li.gallerybox .thumb
 * 1) pagehistory li.selected,.diff-context
 * 1) pagehistory li
 * 1) left-navigation .vector-menu-tabs,#right-navigation .vector-menu-tabs
 * 1) left-navigation .vector-menu-tabs ul,#right-navigation .vector-menu-tabs ul
 * 1) left-navigation .vector-menu-tabs li.new a,#right-navigation .vector-menu-tabs li.new a,#left-navigation .vector-menu-tabs li.new a:visited,#right-navigation .vector-menu-tabs li.new a:visited
 * 1) left-navigation .vector-menu-tabs li.selected,#right-navigation .vector-menu-tabs li.selected
 * 1) left-navigation .vector-menu-tabs li.selected a,#right-navigation .vector-menu-tabs li.selected a,#left-navigation .vector-menu-tabs li.selected a:visited,#right-navigation .vector-menu-tabs li.selected a:visited
 * 1) left-navigation .vector-menu-tabs li a,#right-navigation .vector-menu-tabs li a
 * 1) left-navigation .vector-menu-tabs span,#right-navigation .vector-menu-tabs span
 * 1) mw-head #right-navigation .vectorMenu h3
 * 1) mw-head .vectorMenu h3 span
 * 1) mw-navigation #mw-panel .portal
 * 1) mw-navigation #mw-panel .portal#p-logo,#mw-navigation #mw-panel .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) simpleSearch
 * 1) simpleSearch input
 * 1) simpleSearch #searchInput
 * 1) simpleSearch #searchInput:focus
 * 1) simpleSearch #searchInput.placeholder
 * 1) simpleSearch #searchInput:-ms-input-placeholder
 * 1) simpleSearch #searchInput:-moz-placeholder
 * 1) simpleSearch #searchInput::-webkit-search-decoration,#simpleSearch #searchInput::-webkit-search-cancel-button,#simpleSearch #searchInput::-webkit-search-results-button,#simpleSearch #searchInput::-webkit-search-results-decoration
 * 1) simpleSearch #searchButton,#simpleSearch #mw-searchButton
 * 1) simpleSearch #mw-searchButton

.vector-menu-dropdown h3 { background-image: none; }

.vector-menu-tabs {	background-color: inherit; background-position: bottom left; background-repeat: no-repeat; float: left; padding-left: 1px; } .vector-menu-tabs ul { background-color: inherit; background-position: right bottom; background-repeat: no-repeat; float: left; height: 100%; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .vector-menu-tabs ul li { background-color: #f3f3f3; background-image: url('https://static.miraheze.org/wildterra2wiki/1/17/Tab_normal_fade_d.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; } .vector-menu-tabs ul>li {	display: block; } .vector-menu-tabs li.new a,.vector-menu-tabs li.new a:visited {	color: #5e5e5e; } .vector-menu-tabs li.selected {	background-image: url('https://static.miraheze.org/wildterra2wiki/9/9c/Tab_current_fade_d.png'); } .vector-menu-tabs li.selected a,.vector-menu-tabs li.selected a:visited {	color: #5e5e5e; /* text-decoration: none; */ } .vector-menu-tabs li.icon a { background-position: bottom right; background-repeat: no-repeat; } .vector-menu-tabs li a { color: #f4ae0b; cursor: pointer; display: inline-block; font-size: .8em; height: 1.9em; padding-left: .5em; padding-right: .5em; } .vector-menu-tabs li>a {	display: block; } .vector-menu-tabs span {	background-image: url('https://static.miraheze.org/wildterra2wiki/6/68/Tab_break_d.png'); background-position: bottom right; background-repeat: no-repeat; display: inline-block; } .vector-menu-tabs span a { display: inline-block; padding-top: 1.25em; } .vector-menu-tabs span>a {	display: block; float: left; } .vectorMenu {	cursor: pointer; direction: ltr; float: left; position: relative; } .rtl .vectorMenu {	direction: rtl; } {   background: transparent; float: left; font-size: 1em; height: 2.5em; margin-left: -1px; margin-right: -1px; padding-right: 1px; } .vectorMenu h3 span {	color: #b5c0c1; display: block; font-size: .8em; font-weight: normal; margin-right: 20px; padding-left: .7em; padding-top: 1.375em; } .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; } .vectorMenu.menuForceShow h3 a { background-position: 100% 100%; } .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'); } .vectorMenu .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; } .vectorMenu:hover .menu,.vectorMenu.menuForceShow .menu {	display: block; } .vectorMenu ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0; text-align: left; } .vectorMenu ul,x:-moz-any-link {	min-width: 5em; } .vectorMenu ul,x:-moz-any-link,x:default {	min-width: 0; } .vectorMenu li { line-height: 1em; margin: 0; padding: 0; text-align: left; } .vectorMenu li a { color: #f4ae0b; cursor: pointer; display: inline-block; font-size: .8em; padding: .5em; white-space: nowrap; } .vectorMenu li>a {	display: block; } .vectorMenu li.selected a,.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; } {	position: absolute; right: 0; top: 0; width: 100%; } {	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; } {	font-size: inherit; left: 0; padding-top: 1em; position: absolute; top: 160px; width: 10em; } {	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; } {	border: none; color: #919191; cursor: default; font-size: .75em; font-weight: normal; padding: .25em 0 .25em .25em; margin-top: 5px; margin-bottom: 5px; } {	margin: 0; padding-top: 0; } {	list-style-image: none; list-style-type: none; margin: 0; padding: 0; } {	font-size: .75em; line-height: 1.125em; margin: 0; padding: .25em 0; word-wrap: break-word; } {	color: #f4ae0b; } {	color: #f4ae0b; } {	background-image: none; margin-top: 0; } {	display: none; } {	margin-left: .5em; } {	direction: ltr; margin-left: 10em; margin-top: 0; padding: .75em; } {	list-style-image: none; list-style-type: none; margin: 0; padding: 0; } {	font-size: .7em; margin: 0; padding: 0; padding-bottom: .5em; padding-top: .5em; } {	float: right; } {	float: left; line-height: 2em; margin-left: .5em; text-align: right; } {	line-height: 1.4em; } {	float: left; line-height: 2em; margin-right: 1em; } .ltr #footer #footer-places {	float: left; }
 * 1) mw-head .vectorMenu h3
 * 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) mw-head
 * 1) mw-head h3
 * 1) left-navigation
 * 1) right-navigation
 * 1) p-logo
 * 1) p-logo a
 * 1) mw-panel
 * 1) mw-panel .portal
 * 1) mw-panel .portal h3
 * 1) mw-panel .portal .body
 * 1) mw-panel .portal .body ul
 * 1) mw-panel .portal .body ul li
 * 1) mw-panel .portal .body ul li a
 * 1) mw-panel .portal .body ul li a:visited
 * 1) mw-panel .portal.first
 * 1) mw-panel .portal.first h3
 * 1) mw-panel .portal.first .body
 * 1) footer
 * 1) footer ul
 * 1) footer ul li
 * 1) footer #footer-icons
 * 1) footer #footer-icons li
 * 1) footer #footer-info li
 * 1) footer #footer-places li

.mw-body .external {	background-repeat: no-repeat; padding-right: 13px; }