User:ArmoredVortex/vector.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/** MediaWiki:Gadget-Blackskin.css ********/
/* * Original by [[:it:Utente:Kormoran]]*/
/* * Maintained by [[User:Dispenser]] for [[WP:WikiProject Accessibility]]*/
/*@media screen {*/
/* Selection highlight */
/*::selection { color: #90FF90; background: #008000; } */
/* Color buttons, drop downs, and input boxes */
/*fieldset { */
/* border-color: #004000;*/
/*}*/
/*legend {*/
/*input[type="number"],*/
/*input[type="text"],*/
/*input:not([type]),*/
/*select {*/
/* background-color: #004000;*/
/* border-color: #008000; */
/* color: #00dd00;*/
/*}*/
/*button,*/
/*input[type="button"],*/
/*input[type="reset"],*/
/*input[type="submit"] {*/
/* cursor: pointer;*/
/*}*/
/* Color background */
/*body, div#globalWrapper {*/
/* background-color: #000000;*/
/* color: #00dd00;*/
/*}*/
/*}*/
/*#content, .mw-body {*/
/* background-color: #000000;*/
/* color : #00dd00;*/
/* border-color : #008000;*/
/*}*/
/*.ns-0 #content {*/
/* background : #000000;*/
/*}*/
/* Color the links */
/*a { color: #7070FF; }*/
/*a:visited { color: #9090D0; }*/
/*a:active, a.new { color: #FF4040; }*/
/*a.interwiki, a.external { color: #5386DB; }*/
/*a.interwiki:visited, a.external:visited { color: #5386DB; }*/
/*a.stub { color: #974253; }*/
/* De-Color user signature links (black-on-black) */
/*a:not([class]) font, a:not([class]) span, a:not([class]) bold {*/
/* background-color:inherit!important;*/
/* color:inherit!important;*/
/*}*/
/* Color user links */
/*a[title^="User"], */
/*a[title^="Special:Contributions/"] {*/
/* background-color:#010!important;*/
/* color: #7070FF!important;*/
/*.mw-body-content .external {*/
/* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAFVBMVEUAAAAAAAAAZv8AZswAL14hZIUwYI+U+klIAAAAAXRSTlMAQObYZgAAADxJREFUCNdjgAMmJSUFIBUmKAiimAKBFLOxkSOIElQRCQRSQo5OakBKJEWZlQEo6CTMAKIEwZSxsTHcJAD6JwXY6XjSLgAAAABJRU5ErkJggg==);*/
/*}*/
/* Headings */
/*h1, #bodyContent h1,*/
/*h2, #bodyContent h2,*/
/*h3, #bodyContent h3,*/
/*h4, #bodyContent h4,*/
/*h5, #bodyContent h5,*/
/*h6, #bodyContent h6 {*/
/* color: #00dd00;*/
/* border-color:#008000;*/
/*}*/
/* Color Table of Contents */
/*#toc, .toc, .mw-warning, .toccolours, body.skin-monobook .toccolours { */
/* background-color: #002000; */
/* border-color: #008000; */
/*}*/
/* Images */
/*.mw-body img {*/
/* border: 2px solid #008000;*/
/* background-color: #000000;*/
/*}*/
/* Fix background of Tex images, which are black on transparent. */
/*.mw-body img.mwe-math-fallback-image-inline {*/
/* background-color: #fff;*/
/* filter:invert(100%) hue-rotate(180deg);*/
/* border:none;*/
/*}*/
/*hr {*/
/* color: #004000;*/
/* background-color: #004000;*/
/*}*/
/* Color explanations with tool tips */
/*abbr, acronym, .explain {*/
/* border-color: #004000;*/
/* color: White;*/
/* background-color: #002000;*/
/*}*/
/* Color code snippets */
/*code { */
/* background-color: #00AA00; */
/* color: Black; */
/* border-color: #00AA00;*/
/*}*/
/* Color code blocks */
/*pre, .mw-code {*/
/* border-style:dashed;*/
/* border-color:#00AA00;*/
/* color: White;*/
/* background-color: #002000;*/
/*}*/
/* Color highlighted ref [[MediaWiki:Common.css]] */
/*body.action-info .mw-body-content :target,*/
/*body.mediawiki .citation:target {*/
/* background-color: rgba(0, 127, 255, 0.133);*/
/*}*/
/* Table background colors */
/*table { */
/* background-color: #000000!important;*/
/* color: #00dd00!important;*/
/*}*/
/*table th {*/
/* background-color: #1D1C1C!important;*/
/* color: #00dd00!important;*/
/*}*/
/*table td {*/
/* background-color: #000000!important;*/
/* color: #00dd00!important; */
/*}*/
/*table tr { */
/* background-color: #000000!important;*/
/* color: #00dd00!important;*/
/*}*/
/* Tabular tables */
/*table.wikitable {*/
/* border-color: #004000 !important;*/
/* color: #00dd00!important;*/
/*}*/
/*table.wikitable th, table.wikitable td {*/
/* border-color: #004000 !important;*/
/*}*/
/*table.wikitable th {*/
/* background-color: #1D1C1C!important;*/
/*}*/
/*table.wikitable td {*/
/* background-color: #000000!important;*/
/*}*/
/* JQuery sort arrows */
/*table.jquery-tablesorter th.headerSort {*/
/* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAYAAADdA2d2AAAAPUlEQVR4AWMgCtxlkAPiA0CsREgpCQaC4X8gfggymJoG/sc0mHIDMQ2mE6DcpfQNU/rHPsJgBWg6VSBGOQB5WklTTHq/UAAAAABJRU5ErkJggg==);*/
/*}*/
/*table.jquery-tablesorter th.headerSortUp {*/
/* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAAKklEQVR4AWMgCtxlkAPiA0CsREgpCQaC4X8gfggymJoG/kczmHIDSTEYACAWJKqhXDSPAAAAAElFTkSuQmCC);*/
/*}*/
/*table.jquery-tablesorter th.headerSortDown {*/
/* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAALUlEQVR4AWPACe4yyAExCP7Hgh8CsRID6QBhMD4DKTQY00BKDVYA4gNgmggAAHjLJKrpYfWaAAAAAElFTkSuQmCC);*/
/*}*/
/* thumbnails */
/*.ns-0 * #content div.thumb {*/
/* border-color: #000000;*/
/*}*/
/* thumbnails */
/*div.thumb {*/
/* margin-bottom: .5em;*/
/* border-style: solid;*/
/* border-color: #002000;*/
/*}*/
/*div.thumb div {*/
/* border-width: 1px;*/
/* border-style: solid;*/
/* border-color: #002000;*/
/* background-color: #004000;*/
/*}*/
/*div.thumb div a img {*/
/* Transparent PNGs assume light color backgrounds :-( */
/* background-color:#103010;*/
/* TODO: Use film grain texture, so lines are more noticeable */
/* border: 1px solid #002000;*/
/*}*/
/*div.thumb div a img:hover {*/
/* Increase brightness on hover */
/* background-color:#EEE;*/
/*}*/
/*div.thumb div div.thumbcaption {*/
/* border: none;*/
/* padding: .3em 0 .1em 0;*/
/*}*/
/* galleries */
/*table.gallery {*/
/* border: 1px solid #002000;*/
/* background-color: #004000;*/
/*}*/
/*table.gallery td {*/
/* background-color: #004000;*/
/* border: solid 2px white;*/
/*}*/
/*li.gallerybox div.thumb, body.mediawiki #content .gallerybox div.thumb {*/
/* background-color:transparent;*/
/* border: 1px solid #002000;*/
/*}*/
/* Color category box */
/*.catlinks {*/
/* border-color:#800080;*/
/* background-color:#000000;*/
/* color: #00FFFF;*/
/*}*/
/* #################################*/
/* * Interface Pages*/
/* * #################################*/
/*.mw-ui-input:focus {*/
/* border-color: lime;*/
/* box-shadow: inset 0 0 0 1px lime;*/
/*}*/
.postedit, /* untested
.mw-notification { /* top right bubble
background-color:#004000;
background-color:rgba(0, 64, 0, 0.93);
border-color:#008000;
}
** Diff rendering
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: #000000;
}
td.diff-addedline {
color: #00a000;
background-color: #004000;
}
td.diff-deletedline {
color: #00a000;
background-color: #004000;
}
td.diff-context {
background-color: #000000;
color: #008000;
}
.diffchange {
color: #00ff00;
}
td.diff-deletedline .diffchange {
background-color:#403618;
}
td.diff-addedline .diffchange {
background-color:#273948;
}
Color the edit interface
.wikiEditor-ui {
background-color: #002000;
}
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .sections .section {
background-image: none;
background-color: inherit;
}
.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
background-color: inherit;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: inherit;
}
textarea {
background-color: #001000;
color: #90FF90;
}
.editOptions {
background-color: #002000;
border-color: #008000;
color: #ccc;
}
div#editpage-specialchars a {
background-color: #000000;
border-color: #008000;
}
.mw-editform-legacy input#wpSummary {
background-color: #000000;
color: #90ff90;
}
Visual Editor
.oo-ui-toolbar-bar,
.oo-ui-popupWidget-popup,
.oo-ui-popupToolGroup-active.oo-ui-widget-enabled,
.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
background-color:#002000;
background-image:none;
color:white;
}
.oo-ui-iconElement-icon {
filter: invert(100%); /* Can't style data URI SVGs
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgba(0, 0, 0, 0.5);
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color:black;
}
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
background-color: #001000;
color: #90FF90;
}
.oo-ui-tagItemWidget {
background-color: #333;
background-image: linear-gradient(to bottom,#222 0,#000 100%);
color: #eee;
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
background-color: #111;
background-image: linear-gradient(to bottom, #222 0, #000 100%);
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
border-color: #ace;
box-shadow: 0 0 2px 2px #ace;
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: #070;
background-image: linear-gradient(to bottom, #090 0, #030 100%);
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button {
color:#ccc;
}
.oo-ui-pendingElement-pending {
http://en.wikipedia.org/w/resources/lib/oojs-ui/themes/apex/images/textures/pending.gif
filter:invert(1);
}
Color history interface
#pagehistory li {
border: 1px solid #002000;
}
#pagehistory li.selected {
background-color: #004000;
border: 1px solid #002000;
}
span.autocomment { color: #008000; }
Special:Search
.mw-search-profile-tabs,
#mw-searchoptions {
background-color: #002000;
border-color: #008000;
}
Color the file description
#filetoc {
background-color: #002000;
border-color: #008000;
}
.filehistory a img, #file img:hover {
Green checker board
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAQABVHvbKAAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
}
#################################
* Interface
* #################################
Colors the tabs across the top of the page
#p-cactions {
background-color: #000000;
}
#p-cactions li {
background-color: #000000;
border-color: #008000;
}
#p-cactions li.selected,
#p-cactions li.new {
background-color: #000000;
}
#p-cactions li a {
background-color: #000000 !important;
color : #7070FF;
}
#p-cactions li.selected a {
}
Vector Tabs
.vector-menu-tabs, .vector-menu-tabs span { /* left and right tab breaks
https://en.wikipedia.org/w/skins/Vector/images/tab-break.png
background-image:none;
}
.vector-menu-tabs { border-left:1px solid black; }
.vector-menu-tabs span { border-right:1px solid black; }
.vector-menu-tabs ul li {
https://en.wikipedia.org/w/skins/Vector/images/tab-normal-fade.png
background-image: linear-gradient(#000000,#004000);
border-bottom:1px solid #008000;
}
.vector-menu-tabs li.selected {
https://en.wikipedia.org/w/skins/Vector/images/tab-current-fade.png
background: #000000;
border-bottom-color:transparent;
}
.vector-menu-tabs span a {
color:#7070FF;
}
.vector-menu-tabs li.selected a,
.vector-menu-tabs li.selected a:visited {
color:#00DD00;
}
Vector watch icon -- XXX contrast issues
#ca-watch.icon a {
filter:invert(1) hue-rotate(80deg);
}
#ca-unwatch.icon a {
filter:hue-rotate(280deg);
}
Vector drop down menus
.vector-menu-dropdown h3 span {
color:#cccccc;
}
.vector-menu ul {
background-color: #000000;
border-color: #a2a9b1;
}
.vector-menu li a {
color:#7070FF;
}
User links (preferences, contribs)
#p-personal ul {
color: #FFFF00;
background: none;
}
#p-personal li a {
color: #FFFF00;
}
#p-personal li a:hover {
color: #FFFF00;
background-color: #636300;
}
Bad specificity in originals
#pt-mytalk a.mw-echo-alert,
#pt-mytalk a.mw-echo-alert:hover {
color: #222;
}
Use vector person icon by your username
body.skin-monobook li#pt-userpage { background-image: url(/w/skins/Vector/images/user-icon.png); }
Use black logo
#p-logo {
background-color: transparent;
}
.mw-wiki-logo:not([href="/wiki/MediaWiki"]):not([href^="/wiki/Wikidata:"]):not([href^="/wiki/Wiktionary:"]) {
[[File:WikiGreen.png]] CC-BY-SA
background-image: url(//upload.wikimedia.org/wikipedia/commons/6/6e/WikiGreen.png);
}
Color side portlets
.portlet {
background: #004000;
color: #00dd00;
}
.portlet h3,
div#mw-panel div.portal h3 {
color:#00dd00;
}
.pBody {
background: #000000;
color: #00dd00;
}
div#mw-panel nav.portal div.vector-menu-content ul li a {
color:#7070FF;
}
div#mw-panel nav.portal div.vector-menu-content ul li a:visited {
color:#9090D0;
}
Color main search box - Monobook
input#searchInput {
border: 1px inset; theme/vector conflict
color: #00dd00;
background : #000000;
}
input.searchButton {
background : #000000;
border: 2px solid;
border-color: #00FFFF #008080 #008080 #00FFFF;
color : #00dd00;
}
Color main search box - Vector
div#simpleSearch,
div#simpleSearch input {
background-color:transparent;
background-image:none; /* https://en.wikipedia.org/w/skins/Vector/images/search-fade.png
color: #00dd00;
}
div#simpleSearch #searchInput::placeholder {
color:#008800;
}
Search results suggestion box
.suggestions-results,
.suggestions-special {
background-color: #000000;
border: solid 1px #00dd00;
}
.suggestions-special .special-label {
color:#008800;
}
.suggestions-result,
.suggestions-special .special-query {
color:#00dd00;
}
Color footer
#footer {
background-color: Black;
color: #00dd00;
border-color: #FFFF00;
padding-bottom: 1.2em;
}
#footer ul li {/* Vector
color:inherit;
}
***********************
* COLOR IN TEMPLATES *
***********************
.infobox {
background: #002000;
color:#00DD00;
border-color:#00FFFF;
}
Template:Documentation
.mw-parser-output div.documentation,
.mw-parser-output div.documentation-metadata {
background-color: #001000;
}
template RFA, AN/I closed
div.boilerplate,
.portal > ul {
background-color: #000000!important;
}
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
#mw-protect-cascadeon {
background-color: #700;
color:#fff;
}
.mw-trackedTemplate {
background: #002000 linear-gradient(#333, #000) !important;
border-color: #008000!important;
}
.quotebox, /* Template:Quote
.shortcutbox {
background-color: #002000!important;
border-color: #008000!important;
}
body.mediawiki .navbox,
body.mediawiki .navbox-subgroup {
}
Template:Tmbox
.tmbox {
border: 1px solid #c0c090 !important; /* Default "notice" gray-brown
}
.tmbox,
.tmbox th,
.tmbox td {
background: #430 !important;
}
Template:Key press
kbd.keyboard-key {
background: #44372c!important;/* XXX override template gradients
border-color: #65594d #110e0D #110e0d #65594d!important;
color: #ffffff!important;
}
table.wikitable td.table-yes {
background-color: #008000!important;
}
table.wikitable td.table-maybe {
background-color: #6c7203!important;
}
table.wikitable td.table-no {
background-color: #ad5053!important;
}
table.wikitable td.table-partial {
background-color: #7e6b45!important;
}
table.wikitable td.table-na, td.table-unknown {
background-color: #6d6d6d!important;
}
***********************
* WIKI-SPECIFIC *
***********************
History on Commons
#histlegend { background-color:inherit!important; }
De-color [[mw:CentralNotice]]
#centralNotice, #cnotice-main { background-color:#000!important; color:inherit!important; }
de's Flaggedrev
.flaggedrevs-color-1 {
background-color: #102;
}
enwiki Monobook.css
body.skin-monobook #content,
body.skin-monobook #p-cactions li a:hover,
body.skin-monobook #p-cactions li.selected a,
body.skin-monobook #content div.thumb { /* "Margin" for thumbs, padding for galleries
background-color: #000700; /* Light blue
}
body.skin-monobook #p-cactions li a {
background-color: #000700; /* Light blue-gray inactive tabs
}
body.skin-monobook.ns-0 #content,
body.skin-monobook.ns-0 #p-cactions li a:hover,
body.skin-monobook.ns-0 #p-cactions li.selected a,
body.skin-monobook.ns-0 #content div.thumb {
background-color: #000000; /* Set back for articles
}
body.skin-monobook.ns-0 #p-cactions li a {
background-color: #101010; /* Light gray inactive tabs in articles
}
***********************
* GADGETS *
***********************
[[WP:Navigation popups]]
.navpopup {
background:#000;
border-color:inherit;
color:#0d0;
box-shadow: 0 3px 8px rgba( 50,255,50,0.35 );
}
.popup_mainlink a {
color:#0d0;
}
.popup_menu,
.popup_drop:hover .popup_menu,
.popup_drop .popup_menu:hover {
background-color:#000;
}
.popup_menu a:hover {
background-color: #447;
color: #ccf;
}
del.popupDiff {
background-color:#273948;
}
ins.popupDiff {
background-color:#403618;
}
[[mw:Reference Tooltips]]
.referencetooltip li {
border-color: #008000;
background-color:#001000;
box-shadow: 2px 4px 2px rgba(0,224,0,0.3); /* tint #00F000
}
[[mw:HoverCards]]
.mwe-popups {
background-color: #000;
box-shadow: /* tint #00F000
0 30px 90px -20px rgba(0,224,0,0.3),
0px 0px 1px rgba(0,224,0,0.5);
}
callout arrow
.mwe-popups.mwe-popups-image-tri:after,
.mwe-popups.mwe-popups-no-image-tri:after,
.mwe-popups.mwe-popups-image-tri.flipped_x:after,
.mwe-popups.mwe-popups-no-image-tri.flipped_x:after {
border-bottom-color:#000;
}
.mwe-popups.flipped_y:after,
.mwe-popups.flipped_x_y:after {
border-top-color:#000;
}
callout arrow shadow
.mwe-popups.mwe-popups-image-tri:before,
.mwe-popups.mwe-popups-no-image-tri:before,
.mwe-popups.mwe-popups-image-tri.flipped_x:before,
.mwe-popups.mwe-popups-no-image-tri.flipped_x:before {
border-bottom-color:#004000;
}
.mwe-popups.flipped_y:before,
.mwe-popups.flipped_x_y:before {
border-top-color:#004000;
}
.mwe-popups .mwe-popups-container,
.mwe-popups .mwe-popups-extract {
color:#0d0;
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
background-image: linear-gradient(to right,rgba(0,0,0,0),#000 50%);
}
[[WP:WikEd]]
.wikEdDiffFragment,
.wikEdPreviewArticle,
.wikEdDiffNoChange,
.wikEdConsoleWrapper {
background-color:inherit;
}
.wikEdButtonsPreview,
.wikEdButtonBarGrip,
.wikEdButtonBarButtonsWrapperVisible,
.wikEdButtonBarButtonsWrapperHidden {
background-color:#666;
}
img.wikEdButton {
background-color:#999;
}
iframe.wikEdFrame {
background-color: white;
color: black;
filter: invert(1) hue-rotate(180deg);
}
[[mw:Echo]]
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-unread,
.mw-echo-ui-notificationItemWidget-unread:hover,
.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
color:#0d0;
background-color:#010;
}
#pt-notifications-alert .mw-echo-notifications-badge:before {
filter:invert(1);
}
#pt-notifications-notice .mw-echo-notifications-badge:before {
filter:invert(1);
}
[[mw:MediaViewer]]
.mw-mmv-post-image {
background-color: navy;
color: yellow;
}
.mw-mmv-image-metadata {
background-color: #003;
}
.mw-mmv-image-links li, .mw-mmv-credit {
color: lime;
}
[[mw:Cite]]
ol.references li:target, sup.reference:target {
background-color: #033;
}
[[mw:User:Remember the dot/Syntax highlighter]]
#wpTextbox0 {
filter:saturate(8) invert(1) hue-rotate(180deg);
}
#wpTextbox0+#wpTextbox1 {
filter:invert(1);
}
Wikidata / [[mw:Wikibase]]
.wikibase-statementgrouplistview .wikibase-statementlistview {
background-color:#000000;
}
.wikibase-statementgroupview .wikibase-statementgroupview-property {
background-color:#002000;
}
.wikibase-statementlistview > .wikibase-toolbar-wrapper {
background-color: #004000;
}
.wikibase-statementgrouplistview .wikibase-statementgroupview-property.wb-edit, .wikibase-statementgroupview-property.wb-edit + .wikibase-statementlistview > .wikibase-toolbar-wrapper {
background-color: #008000;
}
.wikibase-referenceview {
background-color:darkgreen;
}
.wikibase-referenceview .wikibase-referenceview-heading {
background-color:darkgreen;
}
Wikidata site language
.wikibase-sitelinkgroupview .wikibase-sitelinkgroupview-heading-container {
background-color:#008000;
}
.wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-sitelinkview-siteid-container {
background-color:#008000;
}
Decolor pblock log
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color : #008000!important;
background-color: #000000!important;
}
End @media screen
}
*/