User:Mesmerus/vector.css

// /* If you came here from my main page, this code will alter the Vector skin (default on English Wikipedia) to be dark by default, for those night owls and lifers, or for people who just want something non-blinding when running a search.

Just copy and paste the rest of this file (minus these top comments) to your own vector.css page, like https://en.wikipedia.org/wiki/User: /vector.css

a,.mw-body a.external,.mw-body a.extiw { color:#e69710; } a.new,#p-personal a.new { color:#d44; } a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited { color:#8a7f6c; } body { background-color:#2a2a2a; } body.ltr div#footer #footer-places { float:left; } body.rtl div.vectorMenu { direction:rtl; } 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 #mw-head-base { -webkit-transition:margin-left 250ms; -moz-transition:margin-left 250ms; -o-transition:margin-left 250ms; transition:margin-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-logo { -webkit-transition:left 250ms; -moz-transition:left 250ms; -o-transition:left 250ms; transition:left 250ms; } body.vector-animateLayout #p-personal { -webkit-transition:right 250ms; -moz-transition:right 250ms; -o-transition:right 250ms; transition: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; } 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/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/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'); } 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/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%; } 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'); } display:none; } code { border:none; background-color:inherit; color:inherit; } div { color: #C1C1C1 !important; } div.emptyPortlet { display:none; } div#mw-head { position:absolute; top:0; right:0; width:100%; } div#footer { margin-left:10em; margin-top:0; padding:.75em; direction:ltr; } 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; } 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#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#mw-head div.vectorMenu h3 span { color:#e69710; } div#mw-head h3 { margin:0; padding:0; } div#mw-head #right-navigation div.vectorMenu h3 { background:inherit; } 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 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 div.body { margin-left:.5em; } div#mw-panel div.portal.first h3 { display:none; } 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#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:#c1c1c1; 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 #mw-searchButton { z-index:1; } 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 #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:-moz-placeholder { color:#999; } div#simpleSearch #searchInput:-ms-input-placeholder { color:#999; } div#simpleSearch #searchInput.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.thumbinner,.catlinks { background-color:#4c4c4c; border-color:#666; } div.vectorMenu { direction:ltr; float:left; cursor:pointer; position:relative; } div.vectorMenu div.menu { min-width:100%; position:absolute; top:2.5em; left:-1px; background-color:#c1c1c1; border:solid 1px silver; border-top-width:0; clear:both; text-align:left; display:none; } div.vectorMenu h3 a { background:inherit; 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 h3 span { display:block; font-size:.8em; padding-left:.7em; padding-top:1.375em; margin-right:20px; font-weight:normal; color:#4d4d4d; } div.vectorMenu:hover div.menu,div.vectorMenu.menuForceShow div.menu { display:block; } 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; Disabled because we have conflicting rules for some reason. This one seemed to be overridden, so I'm not yet sure if this is a failback.*/ color:#8a7f6c; text-decoration:none; } div.vectorMenu.menuForceShow h3 a { background-position:100% 100%; } div.vectorMenu#p-cactions div.menu { border-color:#666; } div.vectorMenu#p-cactions ul { border:0; background-color:#4c4c4c; } div.vectorMenu ul { background-color:black; border:solid 1px #0c0c0c; 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.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.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 h3 { display:none; } 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 li.icon a { background-position:bottom right; background-repeat:no-repeat; } 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 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.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; } .editOptions { background-color:#333; border-color:#4c4c4c; } h1,h2,h3,h4,h5,h6 { color:#c1c1c1; } html { font-size:100%; } html,body { height:100%; margin:0; padding:0; font-family:sans-serif; } hr { color:#222; } input,textarea { background-color:#4c4c4c; border-color:#4c4c4c; color:#c1c1c1; } float:left; margin-left:10em; margin-top:2.5em; margin-bottom:-2.5em; display:inline; } background-image:inherit; background-color:#250b2d; } color:#e69710; } 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; } 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%); } background:transparent; } li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background-color:rgba(0,0,0,0.8); } .metadata.mbox-small { background-color: #222 !important; } .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-content { position:relative; line-height:1.6; font-size:.875em; } .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; } .mw-body h1,.mw-body #firstHeading { font-size:1.8em; } .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 h2 { font-size:1.5em; margin-top:1em; } .mw-body h3 { font-size:1.17em; } .mw-body h3,.mw-body h4 { font-weight:bold; } .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 h4,.mw-body h5,.mw-body h6 { font-size:100%; } .mw-body .mw-editsection,.mw-body .mw-editsection-like { font-family:sans-serif; } .mw-body p { line-height:inherit; margin:.5em 0; } .mw-body #toc h2,.mw-body .toc h2 { font-size:100%; font-family:sans-serif; } .mw-editform { -webkit-filter: invert(100%); filter: invert(100%); } margin-top:-5em; margin-left:10em; height:5em; } border-top: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; } .navbox,.sidebar { background:#222 !important; } .navbox>tbody>tr>th, .navbox-title, .sidebar>tbody>tr>th { background:#333 !important; } .navbox-abovebelow, .navbox-group, th.navbox-group, .navbox-subgroup .navbox-title { background:#222; } .navbox-even { background:#555; } .navbox-odd { background:#444; } .ombox { background:#333 !important; } 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; } position:absolute; top:.33em; right:.75em; z-index:100; } display:none; } line-height:1.125em; float:left; margin-left:.75em; margin-top:.5em; font-size:.75em; white-space:nowrap; } list-style-type:none; list-style-image:none; margin:0; padding-left:10em; } float:left; margin-right:.5em; margin-left:.5em; } margin:0; margin-top:.4em; } display:none; } border:0; } background-color:inherit; color:inherit; } .plainlinks { color:#C1C1C1 !important; } pre,.mw-code { line-height:1.3em; } 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; } .redirectText { font-size:140%; } .redirectMsg img { vertical-align:text-bottom; } float:right; margin-top:2.5em; } font-size:.8em; } table.diff { background-color:#4c4c4c; } td .diffchange { color:#4c4c4c; } 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; } background-color:#4c4c4c; border-color:#666; } ul { list-style-type:disc; list-style-image:/* @embed */ url('skins/Vector/images/bullet-icon.png'); } ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover #mw-navigation div#mw-panel div.portal { background-image:none; border-top:1px solid #4c4c4c; } @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); } } @-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); } } //
 * 1) ca-watch.icon a {
 * 1) ca-watch.icon a:hover,#ca-watch.icon a:focus {
 * 1) ca-unwatch.icon a {
 * 1) ca-unwatch.icon a,#ca-watch.icon a {
 * 1) ca-unwatch.icon a.loading,#ca-watch.icon a.loading {
 * 1) ca-unwatch.icon a:hover,#ca-unwatch.icon a:focus {
 * 1) ca-unwatch.icon a span,#ca-watch.icon a span {
 * 1) left-navigation {
 * 1) left-navigation div.vectorTabs,#right-navigation div.vectorTabs {
 * 1) left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a {
 * 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 ul,#right-navigation div.vectorTabs ul {
 * 1) left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li {
 * 1) left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span {
 * 1) mw-head-base {
 * 1) mw-navigation div#mw-panel div.portal#p-logo,#mw-navigation div#mw-panel div.portal#p-navigation {
 * 1) mw-navigation h2 {
 * 1) mw-page-base {
 * 1) p-logo {
 * 1) p-logo a {
 * 1) p-personal {
 * 1) p-personal h3 {
 * 1) p-personal li {
 * 1) p-personal ul {
 * 1) p-search {
 * 1) p-search form,#p-search input {
 * 1) p-search h3 {
 * 1) pagehistory li {
 * 1) pagehistory li.selected,td.diff-context {
 * 1) pt-userpage,#pt-anonuserpage {
 * 1) right-navigation {
 * 1) siteNotice {
 * toc,div.toc,ul#filetoc,li.gallerybox div.thumb {