User:Void/DarkVector.css

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

/* Override Vector colour scheme to make it dark (compiled from modified LESS code) * Taken from http://www.shikadi.net/wiki/main/index.php?title=MediaWiki:Vector.css&oldid=134 * Modified for readability. */ h1, h2, h3, h4, h5, h6 { color:#c1c1c1 } hr { color:#222 } .editOptions { background-color:#333;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:#d44 } ul { list-style-image:none } div.thumbinner, .catlinks { background-color:#4c4c4c;border-color:#666 }   background-color:#4c4c4c;border-color:#666 } code { border:none;background-color:inherit;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 }   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-image:inherit;background-color:#250b2d }   background-color:#250b2d }   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%) }   color:#d44 }   background-color:#333;background-image:-moz-linear-gradient(top,  #e69710 0,  #333 10%);background-image:-webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #e69710),  color-stop(10%,  #333));background-image:-webkit-linear-gradient(top,  #e69710 0,  #333 10%);background-image:linear-gradient(#e69710 0,  #333 10%) }   color:#8a7f6c }   color:#e69710 }   background:transparent } div#mw-head #right-navigation div.vectorMenu h3 { background:inherit } div#mw-head div.vectorMenu h3 span { color:#e69710 } div.vectorMenu h3 a { background:inherit } 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 } div.vectorMenu#p-cactions div.menu { border-color:#666 } div.vectorMenu#p-cactions ul { border:0;background-color:#4c4c4c }   background-image:none;border-top:1px solid #4c4c4c }   border-top:none } html { font-size:100% } html, body { height:100%;margin:0;padding:0;font-family:sans-serif } 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 { 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-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 { font-size:100%;font-family:sans-serif } 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 }   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 }   position:absolute;top:.33em;right:.75em;z-index:100 }   display:none }   list-style-type:none;list-style-image:none;margin:0;padding-left:10em }   line-height:1.125em;float:left;margin-left:.75em;margin-top:.5em;font-size:.75em;white-space:nowrap }   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 }   float:left;margin-right:.5em;margin-left:.5em }   display:none }   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:#e69710;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:#e69710;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) }
 * 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) pt-userpage, #pt-anonuserpage {
 * 1) p-search {
 * 1) p-search h3 {
 * 1) p-search form, #p-search input {

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

}   margin:0;padding:0;display:block;width:26px;padding-top:3.1em;margin-top:0;height:0;overflow:hidden;background-position:5px 60% }   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') }   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') }   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') }   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') }   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% }   display:none }   position:absolute;top:-9999px }   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 }   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 }   float:left;margin-left:10em;margin-top:2.5em;margin-bottom:-2.5em;display:inline }   float:right;margin-top:2.5em }   position:absolute;top:-160px;left:0;width:10em;height:160px }   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:#4d4d4d;font-weight:normal;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:0 } 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:#e69710 } div#mw-panel div.portal div.body ul li a:visited { color:#8a7f6c } 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:#333;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 }
 * 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 {