User:Turtlsdown/vector.css

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

/* Override Vector colour scheme to make it dark ( compiled from modified LESS code ) */ body { background-color: #2a2a2a; }

div#content { border-color: #250b2d; background-color: #333; color: #c1c1c1; }

background-position: left top; background-repeat: no-repeat; background: none; padding: .25em 0 !important; margin: -11px 9px 10px 11px; }
 * 1) mw-panel.collapsible-nav .portal {

font-size: .75em; color: #7f7f7f; font-weight: normal; background-position: left center; background-repeat: no-repeat; background-image: url( 'skins/vector/images/arrow-expanded.png' ); background-image: -webkit-linear-gradient( transparent, transparent ),url( 'skins/vector/images/arrow-expanded.svg' ); background-image: linear-gradient( transparent, transparent ),url( 'skins/vector/images/arrow-expanded.svg' ); padding: 4px 0 3px 1.5em; margin-bottom: 0; }
 * 1) mw-panel.collapsible-nav .portal h3 {

cursor: pointer; text-decoration: none; }
 * 1) mw-panel.collapsible-nav .portal h3:hover {

color: #7f7f7f; text-decoration: none; }
 * 1) mw-panel.collapsible-nav .portal h3 a {

margin: 0 0 0 1.25em; background-image: none !important; padding-top: 0; display: none; }
 * 1) mw-panel.collapsible-nav .portal .body {

padding: .25em 0; }
 * 1) mw-panel.collapsible-nav .portal .body ul li {

background-image: none; margin-top: 0; }
 * 1) mw-panel.collapsible-nav .portal.first {

display: none; }
 * 1) mw-panel.collapsible-nav .portal.first h3 {

display: block; margin-left: .5em; }
 * 1) mw-panel.collapsible-nav .portal.persistent .body {

background-image: none !important; padding-left: .7em; cursor: default; }
 * 1) mw-panel.collapsible-nav .portal.persistent h3 {

color: #c6871f; background-position: left center; background-repeat: no-repeat; background-image: url( 'skins/vector/images/arrow-collapsed-ltr.png' ); background-image: -webkit-linear-gradient( transparent, transparent ),url( 'skins/vector/images/arrow-collapsed-ltr.svg' ); background-image: linear-gradient( transparent, transparent ),url( 'skins/vector/images/arrow-collapsed-ltr.svg' ); margin-bottom: 0; }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3 {

text-decoration: underline; }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3:hover {

color: #c6871f; }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3 a {

float: left; margin-right: .5em; margin-left: .5em; }
 * 1) p-search {

display: none; }
 * 1) p-search h3 {

margin: 0; margin-top: .4em; }
 * 1) p-search form,#p-search input {

div#simpleSearch { display: block; width: 14em; height: 1.4em; margin-top: .65em; position: relative; min-height: 1px; border: solid 1px #aaa; color: black; background-color: white; background-image: url( 'skins/vector/images/search-fade.png' ); background-position: top left; background-repeat: repeat-x; }

div#simpleSearch input { position: absolute; margin: 0; padding: 0; border: 0; background-color: transparent; color: black; }

div#simpleSearch #searchInput { top: 0; left: 0; width: 90%; padding: .2em 0 .2em .2em; font-size: 13px; direction: ltr; -webkit-appearance: textfield; }

div#simpleSearch #searchInput:focus { outline: none; }

div#simpleSearch #searchInput.placeholder { color: #999999; }

div#simpleSearch #searchInput:-ms-input-placeholder { color: #999999; }

div#simpleSearch #searchInput:-moz-placeholder { color: #999999; }

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 { top: 0; right: 0; width: 10%; height: 100%; cursor: pointer; text-indent: 200%; 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 ), url( 'skins/vector/images/search-ltr.svg' ); background-image: linear-gradient( transparent, transparent ), url( 'skins/vector/images/search-ltr.svg' ); background-position: center center; background-repeat: no-repeat; }

div#simpleSearch #mw-searchButton { z-index: 1; }

div.vectorTabs { background-color: #e69710; background-image: -moz-linear-gradient( top, #333 50%, #e69710 300% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #333 ), color-stop( 300%, #e69710 ) ); background-image: -webkit-linear-gradient( top, #333333 50%, #e69710 300% ); background-image: linear-gradient( #333333 50%, #e69710 300% ); }

div.vectorTabs ul { background-color: #e69710; background-image: -moz-linear-gradient( top, #333333 50%, #e69710 300% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #333333 ), color-stop( 300%, #e69710 ) ); background-image: -webkit-linear-gradient( top, #333333 50%, #e69710 300% ); background-image: linear-gradient( #333333 50%, #e69710 300% ); }

div.vectorTabs ul li { background-color: #2a2a2a; background-image: -moz-linear-gradient( top, #333333 50%, #2a2a2a 100% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #333333 ), color-stop( 100%, #2a2a2a ) ); background-image: -webkit-linear-gradient( top, #333333 50%, #2a2a2a 100% ); background-image: linear-gradient( #333333 50%, #2a2a2a 100% ); }

div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #DD4444; }

div.vectorTabs li.selected { background-color: #333333; background-image: -moz-linear-gradient( top, #2a2a2a 50%, #333333 100% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #2a2a2a ), color-stop( 100%, #333333 ) ); background-image: -webkit-linear-gradient( top, #2a2a2a 50%, #333333 100% ); background-image: linear-gradient( #2a2a2a 50%, #333 100% ); }

div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited { color: #8a7f6c; }

div.vectorTabs li a { color: #e69710; }

div.vectorTabs span { background-color: #e69710; background-image: -moz-linear-gradient( top, #333333 50%, #e69710 300% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #333333 ), color-stop( 300%, #e69710 ) ); background-image: -webkit-linear-gradient( top, #333333 50%, #e69710 300% ); background-image: linear-gradient( #333333 50%, #e69710 300% ); }

div.vectorMenu { 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-image: linear-gradient( transparent, transparent ),url( 'skins/vector/images/arrow-down-icon.svg' ); }

div.vectorMenuFocus { 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' ); background-image: linear-gradient( transparent, transparent ), url( 'skins/vector/images/arrow-down-focus-icon.svg' ); }

div#mw-head div.vectorMenu h3 { background-color: #e69710; background-image: -moz-linear-gradient( top, #333333 50%, #e69710 200% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #333333 ), color-stop( 200%, #e69710 ) ); background-image: -webkit-linear-gradient( top, #333333 50%, #e69710 200% ); background-image: linear-gradient( #333333 50%, #e69710 200% ); }

div#mw-head div.vectorMenu>h3 { background-image: none; }

div.vectorMenu h3 a { background-color: #e69710; background-image: -moz-linear-gradient( top, #333333 50%, #e69710 200% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #333333 ), color-stop( 200%, #e69710 ) ); background-image: -webkit-linear-gradient( top, #333333 50%, #e69710 200% ); background-image: linear-gradient( #333333 50%, #e69710 200% ); }

div.vectorMenu ul { background-color: black; border: solid 1px #0c0c0c; }

div.vectorMenu li a { color: #e69710; }

div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited { color: #8a7f6c; text-decoration: none; }

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, #333333 50%, #2a2a2a 100% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #333333 ), color-stop( 100%, #2a2a2a ) ); background-image: -webkit-linear-gradient( top, #333333 50%, #2a2a2a 100% ); background-image: linear-gradient( #333333 50%, #2a2a2a 100% ); background-color: #333333; }
 * 1) mw-page-base {

div#mw-panel div.portal h3 { color: #888888; }

div#mw-panel div.portal div.body { background: none; }

div#mw-panel div.portal div.body ul li a { color: #e69710; }

div#mw-panel div.portal div.body ul li a:visited { color: #8a7f6c; }

div#footer ul li { color: #999999; font-size: .7em; }

.skin-vector .mw-notification-area { font-size: .8em; }

.skin-vector .mw-notification-area-layout { top: 7em; }

.skin-vector .mw-notification { background-color: #FFFFFF; background-color: rgba( 255,255,255,0.93 ); padding: .75em 1.5em; border: solid 1px #250b2d; border-radius: .75em; -webkit-box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ); box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ); }

h1,h2,h3,h4,h5,h6 { color: #c1c1c1; }

hr { color: #222222; }

.editOptions { background-color: #333333; border-color: #4c4c4c; }

input, textarea { background-color: #4c4c4c; border-color: #4c4c4c; color: #c1c1c1; }

a,.mw-body a.external, .mw-body a.extiw { color: #e69710; }

a:visited, .mw-body a.external:visited, .mw-body a.extiw:visited { color: #8a7f6c; }

a.new,#p-personal a.new { color: #DD4444; }

ul { list-style-image: none; }

div.thumbinner, .catlinks { background-color: #4c4c4c; border-color: #666666; }

background-color: #4c4c4c; border-color: #666666; }
 * toc,div.toc, ul#filetoc, li.gallerybox div.thumb {

code { background-color: inherit; }

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: #666; }

table.mw_metadata th, table.wikitable > * > tr > th { background-color: #595959; }

table.diff { background-color: #4c4c4c; }

td .diffchange { color: #4c4c4c; }

background-color: inherit; color: inherit; }
 * 1) pagehistory li.selected, td.diff-context {

border: 0; }
 * 1) pagehistory li {

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 ); }