MediaWiki:Hydradark.css

/*********************************** *******CONTENT SPACE STYLING******* ***********************************/ /* Main Body */ body { background: url("https://static.wikia.nocookie.net/scpcb_gamepedia/images/3/3a/Bg.png/revision/latest") repeat-x scroll #000000; background-position: left top; background-attachment: fixed; }

div#content { background: transparent url(https://static.wikia.nocookie.net/scpcb_gamepedia/images/f/f5/Contentbg.png/revision/latest) repeat scroll 0 0; color: #fcfcfc; font-size: 15px; border: 1px solid #000000; box-shadow: rgba(0, 0, 0, 1) 0 0.1em 0.75em; }

div#mw-page-base { background: transparent; }

/* Tabs */ div.vectorTabs { background-image: none; }

div.vectorTabs span { background-image: none; }

div.vectorTabs ul { background-image: none; }

div.vectorTabs ul li, div.vectorTabs ul li.selected { background-color: transparent; background-image: none; }

div.vectorTabs ul li span, div.vectorTabs ul li.selected span { background-image: none; font-weight: bold; }

div.vectorTabs li span a { background-image: none; color: #ffffff; }

div.vectorTabs span a:visited { color: #ffffff; }

div.vectorTabs li span a:hover, div.vectorTabs span a:visited:hover { color: #ffffff; }

div.vectorTabs li.selected span a { color: #ffffff !important; }

div.vectorTabs li.new span a:visited { color: #ffffff; }

div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover { color: #ffffff; }

div.vectorMenu h5 a { background-image: none; }

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

div.vectorMenu h3 span { padding-top: 1.3em; color: #ffffff; cursor: pointer; /*   text-transform: uppercase; */ font-weight: bold; }

div.vectorMenu:hover, div.menu, div.vectorMenu div.menuForceShow { display: block; }

div#mw-head div.menu { border-color: #6b7c8c; }

div#p-cactions div.menu { border: none; }

div#p-cactions div.menu ul { border: 1px solid #ffffff; }

div#p-cactions div.menu ul li a { background: #000000; color: #ffffff; }

div#p-cactions div.menu ul li a:visited, h3#p-cactions-label span { color: #ffffff; }

div#p-cactions div.menu ul li a:hover, div#p-cactions div.menu ul li a:visited:hover { display: block; }

/* Logo and Sidebar */ .skin-hydradark div#mw-panel.collapsible-nav { top: 10px; margin: 0; padding: 0; width: 157px; overflow: hidden; }

position: relative; top: 0; left: 0; width: 157px; height: 100px; }
 * 1) p-logo {

width: 157px; height: 100px; margin: 0; padding: 0; }
 * 1) p-logo a {

div#mw-panel #p-logo + div.portal { background-image: none; margin-top: 20px; }

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

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

color: rgb(186, 109, 4) !important; }
 * 1) p-Gamepedia.collapsed #p-Gamepedia-label a {

.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAdUlEQVQ4T2P4//8/Awh//vmbIIapJUYP2NBRg0HBijMoZs2a9Z8BDVAljCsrK/+jG041g9ENRzcYn0U4gwJkKAzDXE51g0EWbNy4EWguJGniwsh5gWouRs9gBA1GjkBiXAqzAK/BNEkVNEvH2AolqqTjQWswAHw/xQMAnZaHAAAAAElFTkSuQmCC"); color: #FFFFFF; }

.skin-hydradark #mw-panel.collapsible-nav .portal h3, .skin-hydradark #mw-panel.collapsible-nav div.portal h3 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAVUlEQVQ4T2NgGAWjIYA3BGbNmvW/srISJwbJkxyE//9D9OAynCxDQQbCDMZmONmGohuMbDhFhmIzGCS2ceNG0sMUORJAwUAJxhuhxBhMcooY1QAKAQBL4ZbE1eFRMgAAAABJRU5ErkJggg=="); color: #FFFFFF; }

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

.skin-hydradark div#mw-panel.collapsible-nav div.portal { background-image: none; }

.skin-hydradark div#mw-panel div.portal h3, .skin-hydradark div#mw-panel.collapsible-nav div.collapsed h3, .skin-hydradark div#mw-panel.collapsible-nav div.portal h3 { color: #FFFFFF; }

/* for IE */ .collapsible-nav#mw-panel .portal h3 a { text-decoration: none; }

.collapsible-nav#mw-panel .collapsed.portal h3 a { color: #ffffff !important; }

/* end of IE specific fixes */

.skin-hydradark div#mw-panel div.portal div.body ul li a, .skin-hydradark div#mw-panel div.portal div.body ul li a:link, .skin-hydradark div#mw-panel div.portal div.body ul li a:visited { color: #e0e0e0; }

/*** Links ***/ a, a:link, label.toctogglelabel { color: #076cb0; }

div#content a:visited, a:visited { color: #076cb0; }

a.new { color: #ff0000; }

div#content a.new:visited, a.new:visited { color: #076cb0; }

a:active { color: #1c1c1c; }

/*** Table of Contents ***/ .toc, #toc { background: #000000 !important; border: 1px solid #222222 !important; }

/*** Image Frames ***/ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }

color: inherit; }
 * 1) article div.thumb {

div.thumbinner a img { border: none; background: none; }

/*** Galleries ***/ ul.gallery li.gallerybox div div.thumb { background-color: transparent; border: 1px solid #424242; }

/* Notifications */ div.mw-echo-ui-notificationItemWidget { background-color: #000000; }

div.mw-echo-ui-notificationItemWidget.oo-ui-optionWidget-highlighted { background-color: #232323; }

div.mw-echo-ui-notificationItemWidget-content-actions div.mw-echo-ui-notificationItemWidget-content-actions-buttons span.oo-ui-labelElement-label, div.mw-echo-ui-notificationItemWidget-content-actions span.oo-ui-labelElement-label { color: #ffffff !important; }

div.mw-echo-ui-notificationItemWidget-content-message-header { font-weight: bold; }

/******************* *******PAGES******* *******************/ /*** Profiles ***/ .commentdisplay { overflow-wrap: break-word; }

/*** Page History ***/ border: none; }
 * 1) pagehistory li {

background-color: transparent; border: 1px dashed #aaa; }
 * 1) pagehistory li.selected {

/*** Recent changes ***/ div#mw-indicator-mw-helplink a:active, div#mw-indicator-mw-helplink a:visited, div#mw-indicator-mw-helplink a:link { color: #076cb0; }

/* Filter text box. */ .mw-rcfilters-ui-table .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: black; color: white; }

/*** Diff Comparisons ***/ .diff { color: #000; }

table.diff, td.diff-otitle, td.diff-ntitle { background-color: transparent; }

td.diff-otitle, td.diff-ntitle { color: #dadada; }

td.diff-context { background-color: #262626; color: #EEE; }

td.diff-marker { color: #dadada; }

tr td.diff-deletedline { color: #FFF; border-color: #F55; }

tr td.diff-addedline { color: #FFF; border-color: #5F5; }

tr td.diff-deletedline .diffchange { background-color: #500; color: #F88; }

tr td.diff-addedline .diffchange { background-color: #050; color: #8F8; }

/* File History */ background-color: #000000 !important; border: 1px solid #424242 !important; }
 * 1) filetoc {

.wikitable.filehistory tbody th { background-color: #000000; }

table.mw_metadata { border: 1px solid #222222; }

table.mw_metadata th { background-color: #000000; }

table.mw_metadata td { background-color: transparent; }

/* File Uploader */ .warningbox { background-color: transparent; border: 1px solid #393939; }

.warningbox ul li p { color: #ffffff; }

/* Editor */ /* MW 1.29 Hydra Dark Visual Editor Fix */ .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled, .oo-ui-popupToolGroup.oo-ui-widget-enabled, .oo-ui-popupWidget-popup, .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { background: rgba(55, 55, 55, 1) !important; }

.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled, .oo-ui-popupToolGroup.oo-ui-widget-enabled, .oo-ui-popupWidget-popup { border-color: #c8ccd1; }

.oo-ui-toolbar-actions .oo-ui-toolGroup { border-right: 0; border-left: 1px solid #2c2c2c !important; }

.ve-ui-mwSaveDialog-license { color: #eee; }

/*** Source Editor ***/ div.wikiEditor-preview-contents { background-color: #000000; }

/*** Search fixes ***/

fieldset#mw-searchoptions { background-color: black; }

/*** Preferences ***/ form#mw-prefs-form div.skin-hydradark #preferences { background-color: #000000; }

form#mw-prefs-form div.skin-hydradark #preferences fieldset legend { color: #ffffff; }

/* Colored boxes on most non-content pages. */ fieldset { border-color: #26719b !important; }

/* 1.26 fixes */ .skin-hydradark .mw-search-profile-tabs { background-color: transparent; margin-top: 1em; border: 1px solid white !important; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #fff; cursor: default; }

fieldset#mw-searchoptions { background-color: transparent; border: 1px solid white !important; border-top: 0px solid white; }

.skin-hydradark fieldset#mw-searchoptions { background-color: transparent; border: 1px solid white !important; }

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Main Page Column. .mp-section { align-content: center; background: #222222; border: 1px solid black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 25px; }

.mp-charbox-sec { border-bottom: 1px solid #aaa; margin: auto; text-align: center; align-content: center; }

/* Wikitables */ table.wikitable { background-color: #0C0C0C; color: #FFFFFF; }

table.wikitable .header { background-color: #0f0f0f; text-align: center; }

/* Infobox template style */ .infobox { background-color: #222; margin-bottom: 0.5em; margin-left: 1em; padding: 0; float: right; clear: right; font-size: 85%; width: 256px; border-radius: 7px; }

.infobox td, .infobox th { vertical-align: top; }

.infobox2 { text-align: center !important; background-color: #0d0d0d; color: #ffffff; margin: 0; font-size: 120%; padding: 1em; border-radius: 4px; }

.infobox3 { text-align: center !important; background-color: #0d0d0d; color: #fff; border-radius: 4px; }