MediaWiki:Common.css
From jugglingpatterns
Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */ @media screen { /* Selection highlight */ ::selection { color: #90FF90; background: #008000; } /* Color buttons, drop downs, and input boxes */ fieldset { border-color: #004000; } legend { border: 1px solid #004000; /* @theme */ } 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; background-image: none /* Monobook background */; color: #00dd00; } #mw-page-base{ background:none /* Vector background */; } #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; font-weight:bolder;/*XXX: Increase contrast*/ } /* 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; } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { background-color: #004000; border: 2px solid #002000; border-bottom: 0; } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption { background-color: #004000; border: 2px solid #002000; border-top: 0; padding: 1px 3px 4px 3px; } figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element, li.gallerybox .mw-file-element { background-color: #103010; border: 1px solid #002000; } figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element:hover, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element:hover, li.gallerybox .mw-file-element { background-color: #EEE; } /* 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: #004000; border: 2px solid #002000; } li.gallerybox div.thumb div { background-color: transparent; border: 0; } /* 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 { background-color:#000000 !important/*HACK?*/; } /* 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 */ }