MediaWiki:Hydradark.css

/* CSS placed here will affect users of the Hydradark skin */ /* For elements which only display in the mobile view */ .mobileonly { display: none; }

/* Logo styles */ width: 160px; background-size: 160px; }
 * 1) p-logo a {

/* Background */ body { background: #000 url(https://static.wikia.nocookie.net/uurnoguurnlimited_gamepedia_en/images/2/26/Background.png/revision/latest); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }

background: none; }
 * 1) mw-page-base {

/* Content area */ div#content { background-color: #000020; color: #ffa7c7; }

/* Header styles */ h1, h2, h3, h4, h5, h6 { color: #55f060; border-bottom-color: #20a0ff; }

/* Link styles */ label.toctogglelabel { color: #ffff60; }
 * 1) pageWrapper a:not(.new),
 * 2) pageWrapper a.visited:not(.new),

color: #ffff60 !important; }
 * 1) pageWrapper a.external:not(.new),
 * 2) pageWrapper a.extiw:not(.new) {

label.toctogglelabel:hover { color: #00ffff !important; text-decoration: none; }
 * 1) pageWrapper a:hover,

/* Fix log in button */ a.mw-ui-button.mw-ui-constructive { color: #ee0973 !important; }

/* Article navigation styles */ div.vectorMenu, div.vectorTabs { opacity: 0.5; transition: opacity cubic-bezier(0.25, 0.5, 0.75, 1) 300ms; }

opacity: 1; }
 * 1) left-navigation:hover div.vectorTabs, #left-navigation:hover div.vectorMenu, #right-navigation:hover div.vectorTabs, #right-navigation:hover div.vectorMenu {

div.vectorTabs, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected, div.vectorTabs ul li span, div.vectorMenu h3 { background: none !important; }

div.vectorTabs ul li span a, div.vectorMenu span { text-transform: uppercase; color: #ffff60 !important; }

div.vectorTabs ul li span a:hover, div.vectorMenu span:hover { color: #00ffff !important; }

div.vectorMenu .menu, div.vectorMenu .menu ul { background-color: #000020 !important; }

/* Sidebar styles */ color: #ffff60 !important; }
 * 1) mw-panel .body ul li a {

color: #00ffff !important; }
 * 1) mw-panel .body ul li a:hover {

text-transform: uppercase; }
 * 1) mw-panel h3 {

color: #76c899 !important; }
 * 1) mw-panel h3,
 * 2) mw-panel h3 a,
 * 3) mw-panel h3 a:hover {

text-decoration: none !important; }
 * 1) mw-panel h3 {

opacity: 0.5; transition: opacity cubic-bezier(0.25, 0.5, 0.75, 1) 300ms; }
 * 1) mw-panel div:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) .body,
 * 2) mw-panel h3 {

opacity: 1 !important; }
 * 1) mw-panel div:not(#p-logo):not(#p-socialProfiles):not(#p-claimWiki):not(#p-sitePromos):hover .body,
 * 2) mw-panel div:not(#p-logo):not(#p-socialProfiles):not(#p-claimWiki):not(#p-sitePromos):hover h3 {

/* MW warnings */ .mw-destfile-warning { color: #ff5090; background-color: #000060; border-color: #20a0ff; }

span.warning { color: #bd8700; }

/* Search styles */ div.search-types .current { font-weight: bold; }

/* Editor, preview, changes tabs */ div.wikiEditor-ui { background: none; }

td.diff-addedline .diffchange, td.diff-deletedline .diffchange { background: none; }

td.diff-addedline, td.diff-deletedline { border: none; }

td.diff-context { background-color: #202020; color: #e0e0e0; border: none; }

.ambox { background-color: #282828; }

/* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid #505050; color: #ffffff; }

.infoboxtable td > div { background-color: #181818; }

.infoboxname { background-color: #181818; }

/* copyright images tweak */ .skin-hydradark .copyright-icon { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png"); background-size: 100%; height: 32px; width: 32px; }

.feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; }

/* Navbox template style */ table.navbox { border: 1px solid #676767; }

/* Base background */ .navbox, .navbox-subgroup { background: rgba(0, 0, 0, 0.1); }

.navbox-list { border-color: rgba(0, 0, 0, 0.1); /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: rgba(0, 0, 0, 0.2); color: #fff; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(0, 0, 0, 0.2); color: #fff; }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: rgba(0, 0, 0, 0.1); color: #fff; }

/* Even row striping */ .navbox-even { background: rgba(255, 255, 255, 0.1); color: #fff; }

.fpbanner { background: rgba(0, 0, 0, 0.1); border: 1px solid #505050; box-shadow: 0 2px 5px #505050; color: #B3B4B7; margin: 0 5px 5px 5px; padding: 5px; min-height: 80px; }

.fpbox { background: rgba(0, 0, 0, 0.1); border: 1px solid #20a0ff; box-shadow: 0 2px 5px #20a0ff; margin: 5px; padding: 5px; overflow: auto; width: calc(100% - 2px); }

.fpbox .mainheading { color: #55f060; border: none; border-bottom: 1px solid #20a0ff; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpbox .heading { color: #55f060; border: none; border-bottom: 1px solid #20a0ff; text-align: center; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

/* Notifications fix */ .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background: inherit; }