MediaWiki:Hydradark.css

/* TOC 1. Fonts 2. Background 3. Logo 4. Article navigation bar 5. Article header 6. Sidebar 7. Wikitable 8. Links 9. Category 10. Table of Content 11. Special:Achievements 12. thumbnail border 13. JSON 14. JS 15. Gallery 16. Other */


 * root {

--theme-accent-color: #05414b; --theme-accent-color--rgb: 5, 65, 75; --theme-page-text-color: #e6e6e6; --theme-page-text-color--rgb: 230, 230, 230; } .skin-hydradark .toc h2, .skin-hydradark h1, .skin-hydradark h2, font-family: rubik,helvetica,arial,sans-serif; }
 * 1) pageWrapper {

/* Background */ body.skin-hydradark { /* */ background-image: url("https://static.wikia.nocookie.net/undermine_gamepedia_en/images/1/17/Background_Royals_Update.png/revision/latest?cb=20201230184933"); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; } .skin-hydradark #pageWrapper { background: #000; background: rgba(0,0,0,0.5); margin-top: -752px; min-height: 800px; border-top: 1px solid #119860; } .skin-hydradark #mw-page-base { height: 860px; } .skin-hydradark #content { background-color: transparent; border: none; margin-top: 64px; } .skin-hydradark .mw-highlight { background-color: transparent; } .skin-hydradark .mw-editform .editOptions, .skin-hydradark pre { border-color: transparent; background-color: #282828; background-color: rgba(0, 0, 0, 0.5); border-radius: 0.3em; }

/* Logo */ .skin-hydradark #p-logo, .skin-hydradark #p-logo a { /* */ height: 100px; width: 350px; background-size: 100%; top: -60px; } .skin-hydradark #p-logo { left: 45vw; margin-left: -125px; margin-top: -30px; }

/* Article navigation bar */ .skin-hydradark #left-navigation { margin-top: 112px; } .skin-hydradark #right-navigation { margin-top: 112px; } .skin-hydradark .vectorMenu .menu { background-color: #05414b; border: none; } .skin-hydradark #mw-head a, .skin-hydradark .vectorTabs li a span, .skin-hydradark #mw-head div.vectorTabs a, .skin-hydradark #mw-head div.vectorMenu a, .skin-hydradark .vectorMenu h3 span { color: #FFF; font-family: sans-serif; font-weight: bold; text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black; } .skin-hydradark .vectorTabs { background: transparent; } .skin-hydradark .vectorTabs ul { background: transparent; } .skin-hydradark .vectorTabs ul li, .skin-hydradark .vectorTabs ul li.selected { background: transparent; border: none; } .skin-hydradark .vectorTabs ul li span, .skin-hydradark .vectorTabs ul li.selected span { background: transparent; border: none; } .skin-hydradark .vectorTabs li span a { color: #FFF; } .skin-hydradark .vectorTabs span a:visited { color: #FFF; } .skin-hydradark .vectorTabs li span a:hover, .skin-hydradark .vectorTabs span a:visited:hover { color: #a7a7a7; } .skin-hydradark .vectorTabs li.selected span a { color: #FFF; } .skin-hydradark .vectorTabs span a:active { color: #a7a7a7; } .skin-hydradark .vectorMenu ul { background: #000000; border: 1px solid #B7B7B7; } .skin-hydradark #p-cactions h5 { background: transparent; } .skin-hydradark .vectorMenu h3 a { background-image: none; background-position: right bottom; background-repeat: no-repeat; display: inline-block; height: 1.9em; text-decoration: none; width: 1.5em; } .skin-hydradark .vectorMenu h3:hover span, .skin-hydradark .vectorMenu h3:focus span { color: gray; } .skin-hydradark .vectorMenu h5 a { border: none; background: transparent; } .skin-hydradark #p-cactions div.menu ul { background-color: transparent; border: 1px solid #241513; color: #FFF; } .skin-hydradark .vectorTabs, .skin-hydradark .vectorTabs span, .skin-hydradark .vectorTabs li a, .skin-hydradark .vectorMenu h3 a { background-image: none; } .skin-hydradark #simpleSearch { background:black; border:1px solid #FFF; } .skin-hydradark .vectorTabs, .skin-hydradark .vectorTabs ul, .skin-hydradark .vectorTabs span, .skin-hydradark #mw-head div.vectorMenu h3 { background-image: none; }

/* Article header */ .skin-hydradark .mw-body h1, .skin-hydradark .mw-body h2 { color: var(--theme-page-text-color); font-weight: bold; border-bottom: 1px solid #888; }

/* Sidebar */ .skin-hydradark #mw-panel { top: 100px; } .skin-hydradark #mw-panel .portal:not(#p-socialProfiles) { background-color: #05414b; background-color: rgba(5,65,75,0.7); border-radius: 0.3em; margin: 8px 0; padding: 0 5px; } .skin-hydradark #mw-panel div.portal div.body ul li a:link, .skin-hydradark #mw-panel div.portal div.body ul li a:visited, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a { color: #FFF; } .skin-hydradark #mw-panel div.portal.expanded h3 { border-bottom: 1px solid #FFF; } .skin-hydradark #mw-panel div.portal h3 { font-size: 100%; } .skin-hydradark #mw-panel div.portal#p-socialProfiles{ background: none; box-shadow: none; } .skin-hydradark #mw-panel.collapsible-nav .portal#p-claimWiki { margin: 0; } .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3:hover { text-decoration: none; }

/* Wikitable */ .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th { background-color: #001B24; color: #FFF; text-align: center; }

.skin-hydradark table.wikitable > tr > td, .skin-hydradark table.wikitable > * > tr > td { background-color: #05414b; background-color: rgba(5,65,75,0.7); }

.skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > tr > td, .skin-hydradark table.wikitable > * > tr > th, .skin-hydradark table.wikitable > * > tr > td { border-color: #111; }

/* Links */ .skin-hydradark a:link, .skin-hydradark a:visited, .skin-hydradark a:not([href]), .skin-hydradark a.external, .skin-hydradark a.external:visited, .skin-hydradark a.extiw, .skin-hydradark a.extiw:visited, .skin-hydradark .toctogglelabel { color: #f58120; } .skin-hydradark a.new, .skin-hydradark a.new:visited, .skin-hydradark a.new:hover { color: #d33; }

/* Category */ .skin-hydradark #catlinks, .skin-hydradark #toc, .skin-hydradark .toc, .skin-hydradark .mw-warning { background-color: #05414b; background-color: rgba(5,65,75,0.7) !important; border: 1px solid #241513; font-weight: bold; }

/* Table of Content */ .skin-hydradark #toc { background-color: #261A15; background-color: rgba(128,105,77,0.3); }
 * not(:checked) > .toctogglespan::before,
 * not(:checked) > .toctogglespan::after {

color: #54595d; }

/* Special:Achievements */ .skin-hydradark #p-achievement-list{ background-color: transparent; border: none; }

/* thumbnail border */ .skin-hydradark .thumbimage { background-color: transparent; border: 1px solid #000F14; } .skin-hydradark .thumbinner { background-color: #05414b; background-color: rgba(5,65,75,0.7); border-color: #000F14; }

/* JSON */ .skin-hydradark .mw-json th { background-color: #000; background-color: rgba(0,0,0,0.4); } .skin-hydradark .mw-json .value, .mw-json-single-value { background-color: #424242; background-color: rgba(0,0,0,0.2); }

/* Gallery */ .skin-hydradark li.gallerybox div.thumb { background-color: #05414b; background-color: rgba(5,65,75,0.7); border: 1px solid #241513; }

/* Other */ .skin-hydradark .mw-collapsible-toggle.mw-collapsible-toggle-expanded a, .skin-hydradark .mw-collapsible-toggle.mw-collapsible-toggle-collapsed a{	color: #e8ab43; }

/* Twitter */ .skin-hydradark #mw-panel div.portal li a[href="https://twitter.com/undermine_game"] { background-color: #1b95e0; border-radius: 3px; color: transparent !important; height: 17px; padding: 1px 8px 1px 6px; position: relative; display: block; } .skin-hydradark #mw-panel div.portal li a[href="https://twitter.com/undermine_game"]::before { background: transparent 0 0 no-repeat; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E); content: "@undermine_game"; color: #FFF; font-family: sans-serif; height: 14px; padding-left: 17px; padding-top: 1px; position: absolute; top: 3px; } .skin-hydradark #mw-panel div.portal li a[href="https://twitter.com/undermine_game"]:hover { background-color: #0c7abf; }

/* Discord */ .skin-hydradark #mw-panel div.portal li a[href="https://discord.gg/undermine"] { display: inline-block; height: 20px; position: relative; width: 119px; }

.skin-hydradark #mw-panel div.portal li a[href="https://discord.gg/undermine"]::before { background: url(https://discord.com/api/guilds/486603349588836354/embed.png) no-repeat; content: ""; height: 20px; position: absolute; width: 119px; }

/* Try to use nearest neighbour scaling for pixelated images */ .skin-hydradark .portable-infobox img, .skin-hydradark .pixel-image, .skin-hydradark .filehistory, .skin-hydradark .fullImageLink, .skin-hydradark .sg_image { image-rendering: optimizeSpeed; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; }

/* Template Data */ .skin-hydradark .oo-ui-icon-template-format-inline, .skin-hydradark .oo-ui-icon-template-format-block, .skin-hydradark .oo-ui-icon-parameter-set { background-color: white; } .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { text-shadow: none; } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: white; }