MediaWiki:Hydradark.css

/* CSS placed here will affect users of the Hydra Dark skin */

/****************** /* General styles * /******************/ /* vietnamese */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/rokkitt/v18/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DDGb-3vA.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/rokkitt/v18/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DCGb-3vA.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/rokkitt/v18/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DMGb8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/rokkitt/v18/qFdb35qfgYFjGy5hukqqhw5XeRgdi1oVcKDDGb-3vA.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/rokkitt/v18/qFdb35qfgYFjGy5hukqqhw5XeRgdi1oVcKDCGb-3vA.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/rokkitt/v18/qFdb35qfgYFjGy5hukqqhw5XeRgdi1oVcKDMGb8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body.skin-hydradark { background: #0e2239 url("https://static.wikia.nocookie.net/theblockbox_gamepedia_en/images/1/13/Skin-Body-Background.jpg/revision/latest") no-repeat fixed center top / 100vw auto; font-family: Rokkitt, sans-serif; }

@media ( min-height: 56.25vw ) { body.skin-hydradark { background-size: auto 100vh !important; } }

.skin-hydradark div#mw-page-base { background: transparent; height: 128px; margin: 0 0 0 0; }

/*************** /* Logo styles * /***************/ .skin-hydradark #p-logo { position: absolute; top: 0; left: 0; width: 160px; height: 160px; margin: 0 0 0 0; padding: 0; }

.skin-hydradark #p-logo a { background-size: 100% 100%; width: 160px; height: 160px; margin: 0; padding: 0; }

/***************** /* Header styles * /*****************/ .skin-hydradark div#mw-head-base { display: none; }

.skin-hydradark div#mw-head { border-bottom: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); font-family: Rokkitt, sans-serif; text-transform: uppercase; top: 0; left: 0; right: 0; width: auto; height: 127px; }

/************************** /* Article navigation bar * /**************************/ .skin-hydradark #left-navigation { margin: 97px 0 0 174px; padding: 0; }

.skin-hydradark #right-navigation { margin: 97px 20px 0 0; padding: 0; }

.skin-hydradark div.vectorTabs { border: none; background: transparent; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0; }

.skin-hydradark div.vectorTabs ul { border: none; background: transparent; }

.skin-hydradark div.vectorTabs ul li { border: none; background: transparent; }

.skin-hydradark div.vectorTabs ul li, .skin-hydradark div.vectorTabs ul li.selected { border: none; background: transparent; margin: 0; padding: 0; }

.skin-hydradark div.vectorTabs ul li span, .skin-hydradark div.vectorTabs ul li.selected span { border: none; background: transparent; }

.skin-hydradark div#mw-head div.vectorTabs li span a { background: transparent; color: #8cc6ff; height: 30px; line-height: 30px; padding: 0 3px 0 3px; margin: 0 3px 0 3px; }

.skin-hydradark div#mw-head div.vectorTabs span a:visited { color: #8fb9e3 !important; }

.skin-hydradark div#mw-head div.vectorTabs li span a:hover, .skin-hydradark div.vectorTabs li span a:visited:hover { }

.skin-hydradark div#mw-head div.vectorTabs li.selected span a, .skin-hydradark div.vectorTabs li.selected span a:hover { color: #ffffff !important; }

.skin-hydradark div#mw-head div.vectorTabs li.new span a { color: #ffacac !important; }

.skin-hydradark div#mw-head div.vectorTabs li.new span a:visited { color: #f5a5a5 !important; }

.skin-hydradark div#mw-head div.vectorTabs li.new span a:hover, .skin-hydradark div.vectorTabs li.new span a:visited:hover { }

.skin-hydradark div#mw-head div.vectorTabs li.selected.new span a, .skin-hydradark div.vectorTabs li.selected.new span a:hover { color: #ffd8d8 !important; }

.skin-hydradark div#mw-head div.vectorTabs span a:active { color: #ffffff !important; }

.skin-hydradark div.vectorTabs li.new span a:active { color: #ffd8d8 !important; }

.skin-hydradark #p-views { }

.skin-hydradark div#mw-head #ca-unwatch.icon a, .skin-hydradark div#mw-head #ca-watch.icon a { border: none; background-color: transparent; background-position: center center; padding: 30px 3px 0 3px; width: 29px; height: 0; }

.skin-hydradark div#mw-head #ca-unwatch.icon a:hover, .skin-hydradark div#mw-head #ca-watch.icon a:hover { background-repeat: no-repeat; }

.skin-hydradark div#mw-head #ca-unwatch.icon a, .skin-hydradark div#mw-head #ca-unwatch.icon a:hover, .skin-hydradark div#mw-head #ca-unwatch.icon a:focus { background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2225%22%20viewBox%3D%220%200%2021%2025%22%3E%3Cg%20fill%3D%22%238fb9e3%22%20stroke%3D%22%238cc6ff%22%20stroke-width%3D%221%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Estar%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M10.5%204%20L8.443%209.668%20L2.416%209.873%20L7.171%2013.582%20L5.504%2019.377%20L10.5%2016%20L15.496%2019.377%20L13.829%2013.582%20L18.584%209.873%20L12.557%209.668%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center; }

.skin-hydradark div#mw-head #ca-watch.icon a, .skin-hydradark div#mw-head #ca-watch.icon a:hover, .skin-hydradark div#mw-head #ca-watch.icon a:focus { background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2225%22%20viewBox%3D%220%200%2021%2025%22%3E%3Cg%20fill%3D%22transparent%22%20stroke%3D%22%238cc6ff%22%20stroke-width%3D%221%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Estar%20outline%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M10.5%204%20L8.443%209.668%20L2.416%209.873%20L7.171%2013.582%20L5.504%2019.377%20L10.5%2016%20L15.496%2019.377%20L13.829%2013.582%20L18.584%209.873%20L12.557%209.668%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center; }

.skin-hydradark div.vectorMenu { background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2230%22%20viewBox%3D%220%200%2021%2030%22%3E%3Cg%20fill%3D%22%238cc6ff%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Edown%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M6%2013%20L15%2013%20L10.5%2017%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left center; height: 30px; line-height: 27px; margin: 0; padding: 0 3px; }

.skin-hydradark div#p-cactions { width: 21px; }

.skin-hydradark div#p-sharing { width: auto; }

.skin-hydradark div.vectorMenu h4 { height: 30px; line-height: 30px; padding: 0 0 0 12px !important; margin: 0 6px 0 6px !important; }

.skin-hydradark div.vectorMenu h3 span:after { display: none; }

.skin-hydradark div#mw-head div#p-cactions h3 { display: none; }

.skin-hydradark div#mw-head div#p-sharing h3 { height: 30px; line-height: 30px; margin: 0 0 0 0; background: transparent; }

.skin-hydradark div#mw-head div#p-sharing h3 a { height: 30px; line-height: 30px; border: none; background: transparent; }

.skin-hydradark div#mw-head div#p-sharing h3 span { color: #808080; margin: 0 0 0 21px; padding: 0; }

.skin-hydradark div.vectorMenu div.menu { border: 1px solid #09131e; background: #09131e; color: #ffffff; font-family: Rokkitt, sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 0 0; top: 30px; z-index: 3000; }

.skin-hydradark div.vectorMenu div.menu ul { border: none; background: transparent; }

.skin-hydradark div#p-sharing div.menu { left: 0; }

.skin-hydradark div#p-cactions div.menu { left: auto; right: 0; text-align: right; }

.skin-hydradark div#p-cactions div.menu ul li { text-align: right; }

.skin-hydradark div#p-cactions div.menu ul li a { color: #8cc6ff; margin: 2px 5px; padding: 1px 0; }

.skin-hydradark div#p-cactions div.menu ul li a:visited { color: #8fb9e3; }

.skin-hydradark div#p-cactions div.menu ul li a:active { color: #ffffff; }

.skin-hydradark #p-search { position: absolute; top: 44px; right: 20px; height: 30px; line-height: 27px; margin: 0 2px 0 2px; padding: 0; }

.skin-hydradark #p-search form { line-height: 27px; vertical-align: center; margin-bottom: 8px; }

.skin-hydradark #p-search input { }

.skin-hydradark #p-search input[type="submit"], .skin-hydradark #p-search input[type="button"], .skin-hydradark #p-search input[type="reset"] { font-size: 70%; padding: 0 6px; }

.skin-hydradark #searchInput { font-family: Rokkitt, sans-serif; border: 1px solid #ffffff; background: #0b2f47; color: #ffffff; }

.skin-hydradark div#simpleSearch { border: 1px solid #ffffff; background: #0b2f47; color: #ffffff; line-height: 1.4em; padding: 2px 2px; }

.skin-hydradark div#simpleSearch #searchInput { border-radius: 0; border: none; box-shadow: none; background: transparent; color: #ffffff; }

.skin-hydradark #searchInput::placeholder, .skin-hydradark div#simpleSearch #searchInput::placeholder { color: #808080; }

.skin-hydradark div#simpleSearch #searchButton, .skin-hydradark div#simpleSearch #mw-searchButton, .skin-hydradark div#simpleSearch #searchButton:hover, .skin-hydradark div#simpleSearch #mw-searchButton:hover, .skin-hydradark div#simpleSearch #searchButton:active, .skin-hydradark div#simpleSearch #mw-searchButton:active { color: transparent; box-shadow: none; }

.skin-hydradark div.suggestions, html > body.skin-hydradark div.suggestions { margin-top: -31px; border: 1px solid #ffffff; background: #0b2f47; color: #8cc6ff; }

.skin-hydradark .suggestions-results, .skin-hydradark .suggestions-results .suggestions-result, .skin-hydradark .suggestions-special { border: none; background: #0b2f47; color: #8cc6ff; }

.skin-hydradark .suggestions a.mw-searchSuggest-link, .skin-hydradark .suggestions a.mw-searchSuggest-link:hover, .skin-hydradark .suggestions a.mw-searchSuggest-link:active, .skin-hydradark .suggestions a.mw-searchSuggest-link:focus, .skin-hydradark .suggestions-special .special-query { color: #8cc6ff; }

.skin-hydradark .suggestions-results .suggestions-result .highlight { color: #ffffff; }

.skin-hydradark .suggestions-result-current { background: #006380 !important; color: #93c9ff; }

.skin-hydradark .suggestions-special { border: none; border-top: 1px solid #ffffff; }

.skin-hydradark .suggestions-special .special-label { color: #486375; }

.skin-hydradark .suggestions-result-current .special-label { color: ##408aa0; }

.skin-hydradark .suggestions-results .suggestions-result-current, .skin-hydradark .suggestions-special.suggestions-result-current .special-query, .skin-hydradark .suggestions-result-current a.mw-searchSuggest-link, .skin-hydradark .suggestions-result-current a.mw-searchSuggest-link:hover, .skin-hydradark .suggestions-result-current a.mw-searchSuggest-link:active, .skin-hydradark .suggestions-result-current a.mw-searchSuggest-link:focus { color: #c9e4ff; }

.skin-hydradark .suggestions-results .suggestions-result-current .highlight { color: #ffffff; }

/********************** /* Site notice styles * /**********************/ .skin-hydradark #mw-dismissable-notice { }

.skin-hydradark #mw-dismissable-notice td > a { }

.skin-hydradark #mw-dismissable-notice td > a:hover { }

.skin-hydradark #localNotice { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

/*********************** /* Left sidebar styles * /***********************/ .skin-hydradark div#mw-panel, .skin-hydradark div#mw-panel.collapsible-nav { position: static !important; float: left; top: 0; margin-left: -160px; margin-right: 0; margin-top: 22px; margin-bottom: 60px; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 0; width: 160px; overflow: visible; }

.skin-hydradark div#mw-panel div.portal, .skin-hydradark div#mw-panel.collapsible-nav div.portal { background: transparent !important; margin: 5px 0 0 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 5px !important; padding-right: 5px !important; text-align: center; width: 150px; }

.skin-hydradark div#mw-panel div.portal h3, .skin-hydradark div#mw-panel.collapsible-nav div.portal h3 { display: inline-block; border: none; color: #ffffff; font-family: Rokkitt, sans-serif; font-weight: bold; margin: 0 0 0 0 !important; padding: 0 0 5px 0 !important; width: auto; }

.skin-hydradark div#mw-panel.collapsible-nav div.portal.collapsed h3 { background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%227%22%20viewBox%3D%220%200%205%207%22%3E%3Cg%20fill%3D%22%238cc6ff%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Eleft%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M1%200%20L1%207%20L5%203.5%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center right no-repeat; color: #ffffff; margin: 0 -2px 0 -2px !important; padding: 0 8px 0px 2px !important; width: auto !important; }

.skin-hydradark div#mw-panel.collapsible-nav div.portal.expanded h3 { background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%224%22%20viewBox%3D%220%200%207%204%22%3E%3Cg%20fill%3D%22%238cc6ff%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Edown%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M0%200%20L7%200%20L3.5%204%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center right no-repeat; color: #ffffff; margin: 0 -2px 0 -2px !important; padding: 0 11px 5px 2px !important; width: auto !important; }

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

.skin-hydradark div#mw-panel.collapsible-nav div.portal.collapsed h3:hover a, .skin-hydradark div#mw-panel.collapsible-nav div.portal.collapsed h3 a:hover { text-decoration: underline; text-decoration-color: #ffffff !important; }

.skin-hydradark div#mw-panel div.portal div.body, .skin-hydradark div#mw-panel.collapsible-nav div.portal div.body, .skin-hydradark div#mw-panel.collapsible-nav div.portal.expanded div.body { background: transparent; margin: 0 !important; padding: 0 0 10px 0 !important; width: 150px; }

.skin-hydradark div#mw-panel.collapsible-nav div.portal.first div.body, .skin-hydradark div#mw-panel.collapsible-nav div.portal.first.expanded div.body, .skin-hydradark div#mw-panel #p-logo + div.portal div.body { background: transparent; padding: 0 !important; margin: 0 0 0 0 !important; }

.skin-hydradark div#mw-panel div.portal div.body ul, .skin-hydradark div#mw-panel.collapsible-nav div.portal div.body ul { margin: 0; padding: 0; }

.skin-hydradark div#mw-panel div.portal div.body ul li, .skin-hydradark div#mw-panel.collapsible-nav div.portal div.body ul li { margin: 0; padding: 2px 0; }

.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 { color: #8cc6ff; }

.skin-hydradark div#mw-panel div.portal div.body ul li a:visited { color: #8fb9e3; }

.skin-hydradark div#mw-panel div.portal div.body ul li a:active { color: #ffffff; }

.skin-hydradark div#mw-panel div#p-sitePromos, .skin-hydradark div#mw-panel div#p-socialProfiles { border: none; background: transparent; margin: 20px 0 0 0 !important; padding: 0; width: 150px; }

.skin-hydradark div#mw-panel div#p-claimWiki { border: none; background: transparent; margin: 0 0 20px 0 !important; padding: 0; width: 150px; }

.skin-hydradark div#mw-panel div#p-sitePromos h3, .skin-hydradark div#mw-panel div#p-socialProfiles h3, .skin-hydradark div#mw-panel div#p-claimWiki h3 { display: none; }

div#mw-panel div#p-sitePromos div.body, div#mw-panel div#p-socialProfiles div.body, div#mw-panel #p-logo + div#p-claimWiki div.body { margin: 0 auto 0 auto !important; padding: 0 0 0 0 !important; width: auto; }

.skin-hydradark div#mw-panel div#p-sitePromos div.body div.promoSidebar, .skin-hydradark div#mw-panel div#p-socialProfiles div.body div.socialSidebar { margin: 0 auto 0 auto !important; padding: 0 0 0 0 !important; width: auto; text-align: center; }

.skin-hydradark div#mw-panel div#p-claimWiki div.body div.claimSidebar { margin: 0 auto 0 auto !important; padding: 0 0 0 0 !important; }

.skin-hydradark div.socialLink { margin: 1px 0 1px 0; }

/*************** /* Link styles * /***************/ .t-netbar a.new, .t-netbar a.new:link, .t-netbar a.new:visited { color: #c39999 !important; }

.t-netbar a:active, .t-footer a:active { color: #ffffff !important; }

.t-netbar a.new:hover, .t-netbar a.new:active { color: #ffdddd !important; }

.skin-hydradark a, .skin-hydradark a:link, .skin-hydradark #mw-indicator-mw-helplink a, .skin-hydradark #mw-indicator-mw-helplink a:link, label.toctogglelabel { color: #8cc6ff; }

.skin-hydradark div#content a:visited, .skin-hydradark a:visited, .skin-hydradark #mw-indicator-mw-helplink a:visited { color: #8fb9e3; }

.skin-hydradark div#content a.new, .skin-hydradark a.new { color: #ffacac; }

.skin-hydradark div#content a.new:visited, .skin-hydradark a.new:visited { color: #f5a5a5; }

.skin-hydradark a.stub { color: #ffb363; }

.skin-hydradark div#content a.stub:visited, .skin-hydradark a.stub:visited { color: #ddac78; }

.skin-hydradark div#content a.extiw, .skin-hydradark div#footer a.extiw, .skin-hydradark div#content a.external, .skin-hydradark div#footer a.external { color: #6ecfff; }

.skin-hydradark div#content a.extiw:visited, .skin-hydradark div#footer a.extiw:visited, .skin-hydradark div#content a.external:visited, .skin-hydradark div#footer a.external:visited { color: #7ebfdf; }

.skin-hydradark a:active { color: #ffffff; }

/****************** /* Article styles * /******************/ .skin-hydradark #pageWrapper { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; padding-top: 0; padding-left: 160px; padding-right: 0; padding-bottom: 0; }

.skin-hydradark div#content { float: right; width: 100%; max-width: 100%; box-sizing: border-box; border: none; background: transparent; color: #ffffff; margin: 0 0 0 0; padding: 0 20px 0 20px; }

.skin-hydradark div#content #firstHeading { border: none; border-bottom: 1px solid #083c55; border-bottom: 1px solid rgba(0, 99, 128, 0.4); color: #ffffff; font-family: Rokkitt, sans-serif; margin: 10px 0 10px 0; padding: 0 0 5px 0; }

.skin-hydradark div#content h1, .skin-hydradark div#content h2, .skin-hydradark div#content h3, .skin-hydradark div#content h4, .skin-hydradark div#content h5, .skin-hydradark div#content h6 { border: none; font-family: Rokkitt, sans-serif; color: #ffffff; margin: 20px 0 8px 0; padding: 0 0 5px 0; overflow: hidden; }

.skin-hydradark div#content h1, .skin-hydradark div#content h2 { border-bottom: 1px solid #083c55; border-bottom: 1px solid rgba(0, 99, 128, 0.4); }

.skin-hydradark div#content .login-intro h2 { border-bottom: none; background: transparent; font-family: Rokkitt, sans-serif; text-shadow: none; letter-spacing: normal; }

.skin-hydradark div#content h3, .skin-hydradark div#content h4 { border-bottom: 1px solid #0b2f47; border-bottom: 1px solid rgba(0, 99, 128, 0.2); }

/* Curse profile: Fixes conflict with overflow:auto; on h1 */ .skin-hydradark div#content div.headline h1 { overflow: visible; }

.skin-hydradark div#content .mw-editsection, div#content .mw-editsection-like { font-weight: normal; font-variant: normal; }

.skin-hydradark div#content .mw-editsection a:link, .skin-hydradark div#content .mw-editsection-like a:link { }

.skin-hydradark div#content span.editsection a:active { }

.skin-hydradark div#content span.editsection a:visited { }

.skin-hydradark div#content span.editsection:active:hover:visited { }

.skin-hydradark span.editsection a:hover { }

.skin-hydradark #contentSub { color: #808080; }

.skin-hydradark div.toc, .skin-hydradark div#toc { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#content div#toc .toctitle h2 { border: none; font-family: Rokkitt, sans-serif; padding: 0 0 5px 0; }

.skin-hydradark .toctoggle, .skin-hydradark #toc .toctoggle { color: #ffffff; font-family: Rokkitt, sans-serif; font-variant: normal; text-shadow: none; }

.skin-hydradark .toctoggle a, .skin-hydradark #toc .toctoggle a { }

.skin-hydradark .toctoggle a:hover, .skin-hydradark #toc .toctoggle a:hover { }

.skin-hydradark hr, .skin-hydradark div#content hr { background: transparent; border-bottom: 1px solid #083c55; border-bottom: 1px solid rgba(0, 99, 128, 0.4); }

ul { list-style-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%2213%22%20viewBox%3D%220%200%205%2013%22%3E%3Cg%20fill%3D%22%23006380%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Ebullet%3C%2Ftitle%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.skin-hydradark img { }

.skin-hydradark div#content table { color: #ffffff; }

.skin-hydradark table.wikitable, .skin-hydradark table.dataTable { border: none; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

.skin-hydradark table.wikitable th, .skin-hydradark table.wikitable tr th, .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th, .skin-hydradark table.dataTable thead th, .skin-hydradark table.dataTable tfoot th { border: 1px solid #030303; background: #030303; color: #ffffff; font-weight: bold; padding: 0 3px 1px 3px; }

.skin-hydradark table.wikitable td, .skin-hydradark table.wikitable tr td, .skin-hydradark table.wikitable > tr > td, .skin-hydradark table.wikitable > * > tr > td, .skin-hydradark table.dataTable td { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; padding: 0 3px 1px 3px; }

.skin-hydradark table.dataTable td:hover { border: 1px solid #040608; background: rgba(3, 3, 3, 0.9); }

.skin-hydradark table.dataTable.display tbody tr.odd, .skin-hydradark table.dataTable.display tbody tr.odd > .sorting_1, .skin-hydradark table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { border: 1px solid #07111d; background: rgba(6, 6, 6, 0.5); }

.skin-hydradark table.dataTable.display tbody tr.even, .skin-hydradark table.dataTable.display tbody tr.even > .sorting_1, .skin-hydradark table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { border: 1px solid #07111d; background: rgba(0, 0, 0, 0.5); }

.skin-hydradark table.jquery-tablesorter th.headerSort, .skin-hydradark table.dataTable thead .sorting { background: #030303 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2211%22%20viewBox%3D%220%200%2021%2011%22%3E%3Cg%20fill%3D%22%238cc6ff%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Eup%20and%20down%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M7%205%20L14%205%20L10.5%201%20Z%22%2F%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M7%206%20L14%206%20L10.5%2010%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right center !important; padding: 0 15px 1px 3px; }

.skin-hydradark table.jquery-tablesorter th.headerSortDown, .skin-hydradark table.dataTable thead .sorting_desc { background: #030303 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%226%22%20viewBox%3D%220%200%2021%206%22%3E%3Cg%20fill%3D%22%238cc6ff%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Edown%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M7%205%20L14%205%20L10.5%201%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right center !important; padding: 0 15px 1px 3px; }

.skin-hydradark table.jquery-tablesorter th.headerSortUp, .skin-hydradark table.dataTable thead .sorting_asc { background: #030303 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%226%22%20viewBox%3D%220%200%2021%206%22%3E%3Cg%20fill%3D%22%238cc6ff%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Edown%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M7%201%20L14%201%20L10.5%205%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right center !important; padding: 0 15px 1px 3px; }

.skin-hydradark .dataTables_wrapper .dataTables_length, .skin-hydradark .dataTables_wrapper .dataTables_filter, .skin-hydradark .dataTables_wrapper .dataTables_info, .skin-hydradark .dataTables_wrapper .dataTables_processing, .skin-hydradark .dataTables_wrapper .dataTables_paginate { color: #808080; }

.skin-hydradark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { border: 1px solid transparent; background: transparent; color: #808080 !important; }

.skin-hydradark .dataTables_wrapper .dataTables_paginate .paginate_button { border: 1px solid transparent; background: transparent; color: #ffffff !important; }

.skin-hydradark .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: 1px solid #006380; background: #006380; color: #ffffff; }

.skin-hydradark .dataTables_wrapper .dataTables_paginate .paginate_button.current, .skin-hydradark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border: 1px solid #0069d2; background: #0069d2; color: #ffffff; }

.skin-hydradark ul.gallery { }

.skin-hydradark li.gallerybox { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark li.gallerybox div.thumb { border: none; background: transparent; color: #ffffff; }

.skin-hydradark div.gallerytext { text-align: center; }

.skin-hydradark div.thumb { border: none; background: transparent; color: #ffffff; }

.skin-hydradark .thumb.tleft { margin: 0 20px 10px 0; }

.skin-hydradark .thumb.tright { margin: 0 0 10px 20px; }

.skin-hydradark div.thumbinner { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 5px !important; }

html .skin-hydradark .thumbimage { border: none; background: transparent; color: #ffffff; }

.skin-hydradark .thumbcaption { }

.skin-hydradark .gallerytext p, .skin-hydradark .thumbcaption { }

.skin-hydradark .toggle { }

.skin-hydradark .sn-small { }

.skin-hydradark sub, .skin-hydradark sup a { }

.skin-hydradark sup.reference { }

.skin-hydradark pre, .skin-hydradark .mw-code { border: 1px dashed #ffffff; background: #0c2c44; background: rgba(11, 47, 71, 0.75); color: #ffffff; padding: 2px 2px; white-space: pre-wrap; word-wrap: break-word; }

.skin-hydradark code { border: 1px dashed #ffffff; background: transparent; white-space: pre-wrap; word-wrap: break-word; }

.skin-hydradark #catlinks { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 10px 0 10px 0; padding: 3px 6px; }

.skin-hydradark #catlinks li { border-left: 1px solid #083c55; border-left: 1px solid rgba(0, 99, 128, 0.4); }

.skin-hydradark #catlinks li:first-child { border-left: none; }

/******************** /* Interface styles * /********************/ .skin-hydradark input, .skin-hydradark select { font-family: Rokkitt, sans-serif; border: 1px solid #ffffff; background: #0b2f47; color: #ffffff; padding: 2px 2px; }

.skin-hydradark select optgroup, .skin-hydradark .mw-rcfilters-ui-filterMenuHeaderWidget-header, .skin-hydradark .mw-rcfilters-ui-filterMenuSectionOptionWidget, .skin-hydradark .mw-rcfilters-ui-menuSelectWidget-footer { background: #083c55; }

.skin-hydradark select optgroup, .skin-hydradark select option { font-family: Rokkitt, sans-serif; }

.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled input::placeholder, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea::placeholder, .skin-hydradark .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: #486375; }

.skin-hydradark input:disabled, .skin-hydradark select:disabled { border: 1px solid #ffffff; background: #0b2f47; color: #ffffff; opacity: 0.25; }

.skin-hydradark select:disabled optgroup { background: #083c55; }

.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled input:disabled::placeholder, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:disabled::placeholder { color: #486375; }

.skin-hydradark textarea { border: 1px solid #ffffff; background: #0b2f47; color: #ffffff; padding: 2px 2px; }

.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled input, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea, .skin-hydradark .oo-ui-dropdownWidget, .skin-hydradark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select, .skin-hydradark .oo-ui-dropdownWidget-handle, .skin-hydradark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .skin-hydradark .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle, .skin-hydradark .oo-ui-menuSelectWidget, .skin-hydradark .oo-ui-textInputWidget input, .skin-hydradark .oo-ui-textInputWidget textarea, .skin-hydradark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select, .skin-hydradark .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk), .skin-hydradark .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { font-family: Rokkitt, sans-serif; border: 1px solid #ffffff; background-color: #0b2f47; color: #ffffff; }

.skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget .oo-ui-labelElement-label, .skin-hydradark .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label, .skin-hydradark .oo-ui-tabOptionWidget { color: #ffffff; }

.skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: #808080; }

.skin-hydradark .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .skin-hydradark .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: #808080; }

.skin-hydradark .oo-ui-indicator-down { filter: none; }

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicator-down { filter: none; }

.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled input:hover, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover, .skin-hydradark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .skin-hydradark .oo-ui-dropdownWidget-handle:hover, .skin-hydradark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus, .skin-hydradark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus, .skin-hydradark .oo-ui-dropdownWidget-handle:focus, .skin-hydradark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: #ffffff; box-shadow: none; background-color: #083c55; color: #ffffff; }

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicator-down, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus > .oo-ui-indicator-down { filter: invert(100%); }

.skin-hydradark .oo-ui-tabSelectWidget { border: 1px solid #ffffff; background: #09131e; color: #ffffff; text-transform: uppercase; }

.skin-hydradark .oo-ui-dropdownWidget .oo-ui-selectWidget { border: 1px solid #ffffff; }

.skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted, .skin-hydradark .oo-ui-widget-enabled .oo-ui-optionWidget-selected, .skin-hydradark .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover, .skin-hydradark .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: #006380; color: #ffffff; }

.skin-hydradark .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover .oo-ui-labelElement-label, .skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label, .skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted .oo-ui-labelElement-label, .skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted .oo-ui-labelElement-label { color: #ffffff; }

.skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .skin-hydradark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: #606060; }

.skin-hydradark .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-color: #ffffff; color: #ffffff; }

.skin-hydradark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background: transparent; }

.skin-hydradark .oo-ui-dropdownInputWidget-php .oo-ui-indicator-down, .skin-hydradark .oo-ui-dropdownWidget .oo-ui-indicator-down, .skin-hydradark .oo-ui-menuOptionWidget .oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%224%22%20viewBox%3D%220%200%207%204%22%3E%3Cg%20fill%3D%22%23006380%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Edown%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M0%200%20L7%200%20L3.5%204%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.skin-hydradark .oo-ui-dropdownInputWidget-php .oo-ui-indicator-down { background-repeat: no-repeat; background-position: right center; background-position: calc( 100% - 8px) center; }

.skin-hydradark button, .skin-hydradark input[type="submit"], .skin-hydradark input[type="button"], .skin-hydradark input[type="reset"], .skin-hydradark #mw-createaccount-join, .skin-hydradark .mw-ui-button.mw-ui-progressive, .skin-hydradark .mw-ui-button.mw-ui-primary, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-checkboxInputWidget [type="checkbox"] + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"] + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { font-family: /Rokkitt, sans-serif; text-transform: uppercase; border: 1px solid #006380; box-shadow: none; background: #006380; color: #ffffff; padding: 3px 6px; }

.skin-hydradark .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #ffffff; }

.skin-hydradark .oo-ui-dropdownWidget-handle, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { text-transform: unset; }

.skin-hydradark .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { background: transparent; }

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-checkboxInputWidget [type="checkbox"] + span { border: 1px solid #1c5d71; background: #1c5d71; }

.skin-hydradark .oo-ui-checkboxInputWidget [type="checkbox"] + span.oo-ui-icon-check, .skin-hydradark .oo-ui-checkboxInputWidget [type="checkbox"] + span.oo-ui-image-invert.oo-ui-icon-check { background-image: none; }

.skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span.oo-ui-icon-check, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span.oo-ui-image-invert.oo-ui-icon-check { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cg fill=%22%23ffffff%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Echeck%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42L7 14.17z%22/%3E%3C/g%3E%3C/svg%3E"); background-size: 80%; background-position: center center; background-repeat: no-repeat; }

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { filter: invert(100%); }

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { filter: invert(100%); }

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { padding-left: 2.75em; }

.skin-hydradark .mw-rcfilters-ui-savedLinksListWidget-button .oo-ui-labelElement-label, .skin-hydradark .mw-rcfilters-ui-changesLimitAndDateButtonWidget .oo-ui-labelElement-label { padding: 0 1.5em 0 0; }

.skin-hydradark button:hover, .skin-hydradark input[type="submit"]:hover, .skin-hydradark input[type="button"]:hover, .skin-hydradark input[type="reset"]:hover, .skin-hydradark #mw-createaccount-join:hover, .skin-hydradark .mw-ui-button.mw-ui-progressive:hover, .skin-hydradark .mw-ui-button.mw-ui-primary:hover, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .skin-hydradark .oo-ui-checkboxInputWidget [type="checkbox"]:hover + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .skin-hydradark button:focus, .skin-hydradark input[type="submit"]:focus, .skin-hydradark input[type="button"]:focus, .skin-hydradark input[type="reset"]:focus, .skin-hydradark #mw-createaccount-join:focus, .skin-hydradark .mw-ui-button.mw-ui-progressive:focus, .skin-hydradark .mw-ui-button.mw-ui-primary:focus, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus, .skin-hydradark .oo-ui-checkboxInputWidget [type="checkbox"]:focus + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .skin-hydradark .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button { border: 1px solid #0069d2; box-shadow: none; background: #0069d2; color: #ffffff; }

.skin-hydradark .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: #ffffff; }

.skin-hydradark .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .skin-hydradark .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { color: #ffffff; }

.skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span.oo-ui-icon-check, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span.oo-ui-image-invert.oo-ui-icon-check, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span.oo-ui-icon-check, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span.oo-ui-image-invert.oo-ui-icon-check { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cg fill=%22%23ffffff%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Echeck%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42L7 14.17z%22/%3E%3C/g%3E%3C/svg%3E"); background-size: 80%; background-position: center center; background-repeat: no-repeat; }

.skin-hydradark button:active, .skin-hydradark input[type="submit"]:active, .skin-hydradark input[type="button"]:active, .skin-hydradark input[type="reset"]:active, .skin-hydradark #mw-createaccount-join:active, .skin-hydradark .mw-ui-button.mw-ui-progressive:active, .skin-hydradark .mw-ui-button.mw-ui-primary:active, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .skin-hydradark .oo-ui-checkboxInputWidget [type="checkbox"]:active + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .skin-hydradark button:disabled, .skin-hydradark input[type="submit"]:disabled, .skin-hydradark input[type="button"]:disabled, .skin-hydradark input[type="reset"]:disabled, .skin-hydradark #mw-createaccount-join:disabled, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .skin-hydradark .mw-ui-button.mw-ui-progressive:disabled, .skin-hydradark .mw-ui-button.mw-ui-primary:disabled, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:disabled, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:disabled, .skin-hydradark .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:disabled + span, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:disabled + span { border: 1px solid #0069d2; box-shadow: none; background: #0069d2; color: #ffffff; opacity: 0.25; }

.skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span.oo-ui-icon-check, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span.oo-ui-image-invert.oo-ui-icon-check, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:disabled + span.oo-ui-icon-check, .skin-hydradark .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:disabled + span.oo-ui-image-invert.oo-ui-icon-check { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cg fill=%22%23391b03%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Echeck%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42L7 14.17z%22/%3E%3C/g%3E%3C/svg%3E"); background-size: 80%; background-position: center center; background-repeat: no-repeat; }

.skin-hydradark .oo-ui-panelLayout-framed { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]), .skin-hydradark .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):hover, .skin-hydradark .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):focus { font-family: Rokkitt, sans-serif; padding: 2px 2px; box-shadow: none !important; }

.skin-hydradark .mw-ui-vform label { color: #ffffff; }

.skin-hydradark a.cta-button, .skin-hydradark a:link.cta-button, .skin-hydradark a:visited.cta-button { color: #000000; }

.skin-hydradark div.editOptions { border: none; background: transparent; color: #ffffff; }

.skin-hydradark .usermessage { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark .oo-ui-popupWidget-body, body.skin-hydradark .mw-notification { border: 1px solid #09131e; background: #09131e; color: #ffffff; padding: 3px 6px; }

body.skin-hydradark .mw-notification.postedit { box-shadow: none; border-radius: 0; border: 1px solid #09131e; background: #09131e; color: #ffffff; text-shadow: none; margin: 0 0 10px 0; padding: 3px 3em 3px 6px; }

body.skin-hydradark .postedit-close, body.skin-hydradark .postedit-close:hover { color: #ffffff; text-shadow: none; }

.skin-hydradark div.mw-warning { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div.mw-warning-with-logexcerpt { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#content fieldset { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#content fieldset fieldset { border: 1px solid #09131e; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#content fieldset legend { border: none; background: transparent; color: #ffffff; font-family: Rokkitt, sans-serif; margin: 0 0 8px 0; padding: 3px 6px; }

.skin-hydradark .mw-plusminus-null { color: #808080; }

.skin-hydradark .mw-plusminus-pos { color: #22ff22; }

.skin-hydradark .mw-plusminus-neg { color: #ffafaf; }

.skin-hydradark .autocomment { color: #808080; }

.skin-hydradark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .skin-hydradark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0; padding: 3px 6px; }

.skin-hydradark .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { filter: invert(100%); }

.skin-hydradark div.mw-changeslist-legend, .skin-hydradark div.mw-rcfilters-ui-changesListWrapperWidget div.mw-changeslist-legend { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 20px; padding: 3px 6px; }

.skin-hydradark .mw-search-profile-tabs { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #ffffff !important; }

.skin-hydradark #pagehistory li { border: none; background: transparent; color: #ffffff; margin: 1px; padding: 0; }

.skin-hydradark #pagehistory li.selected { border: none; background: transparent; color: #ffffff; margin: 1px; padding: 0; }

.skin-hydradark table.diff { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark td.diff-otitle, .skin-hydradark td.diff-ntitle { border: none; background: transparent; }

.skin-hydradark td.diff-addedline { border: 1px solid #050e0f; background: rgba(0, 8, 0, 0.5); color: #c0c0c0; }

.skin-hydradark td.diff-deletedline { border: 1px solid #080d0f; background: rgba(6, 6, 0, 0.5); color: #c0c0c0; }

.skin-hydradark td.diff-context { border: 1px solid #080f17; background: rgba(3, 3, 3, 0.25); color: #808080; }

.skin-hydradark td.diff-addedline .diffchange { background: #002200; color: #22ff22; }

.skin-hydradark td.diff-deletedline .diffchange { background: #1a1a00; color: #cfcf00; }

body.skin-hydradark fieldset#mw-searchoptions { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: -10px 0 10px 0 !important; padding: 3px 6px; }

body.skin-hydradark fieldset#mw-searchoptions h4 { border: none; color: #ffffff; margin: 0 0 10px 0; padding: 0 0 5px 0; }

body.skin-hydradark fieldset#mw-searchoptions div.divider { border: none; border-bottom: 1px solid #083c55; border-bottom: 1px solid rgba(0, 99, 128, 0.4); }

.skin-hydradark div#preferences { border: none; !important; background: transparent !important; margin: 0 !important; padding: 0 !important; }

.skin-hydradark .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed { border: 1px solid #09131e; background: transparent; color: #ffffff; }

.skin-hydradark .mw-prefs-buttons { border: 1px solid #09131e; background: #09131e; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#preferences fieldset.prefsection { border: none; box-shadow: none; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

.skin-hydradark div#preferences fieldset.prefsection legend { border: none; background: transparent; color: #ffffff; font-family: Rokkitt, sans-serif; margin: 0 0 8px 0; padding: 3px 6px; }

.skin-hydradark div#preferences fieldset, .skin-hydradark div#preferences fieldset.prefsection fieldset { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#preferences fieldset legend, .skin-hydradark div#preferences fieldset.prefsection fieldset legend { border: none; background: transparent; color: #ffffff; font-family: Rokkitt, sans-serif; margin: 0 0 8px 0; padding: 3px 6px; }

.skin-hydradark div#preferences fieldset fieldset, .skin-hydradark div#preferences fieldset.prefsection fieldset fieldset { border: 1px solid #09131e; background: transparent; color: #ffffff; margin: 5px; padding: 10px; }

.skin-hydradark div#preferences fieldset fieldset legend, .skin-hydradark div#preferences fieldset.prefsection fieldset fieldset legend { border: none; background: transparent; color: #ffffff; font-family: Rokkitt, sans-serif; margin: 0 0 8px 0; padding: 3px 6px; }

.skin-hydradark #preferences td.htmlform-tip { color: #808080; }

.skin-hydradark #preftoc { border: none; border-bottom: 1px solid #083c55; border-bottom: 1px solid rgba(0, 99, 128, 0.4); background: transparent; }

.skin-hydradark #preftoc li { border: none; background: transparent; }

.skin-hydradark #preftoc li a { color: #8cc6ff; height: 25px; line-height: 25px; padding: 3px 0 0 0; margin: 0 4px; }

.skin-hydradark #preftoc li a:visited { color: #8cc6ff; }

.skin-hydradark #preftoc li.selected a { background: transparent; color: #ffffff; }

.skin-hydradark #preftoc li a:active { color: #ffffff; }

.skin-hydradark .error, .skin-hydradark .previewnote { color: #ffafaf; }

.skin-hydradark .warning { color: #cfcf00; }

.skin-hydradark .errorbox { border: 1px solid #800000; background: #800000; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px 3px 16px; }

.skin-hydradark .warningbox { border: 1px solid #565600; background: #565600; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark .successbox { border: 1px solid #007000; background: #007000; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(0, 67, 0, 0.25); }

.skin-hydradark ul#filetoc { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark table.mw_metadata { border: none; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

.skin-hydradark table.mw_metadata th { border: 1px solid #030303; background: #030303; color: #ffffff; font-weight: bold; padding: 0 3px 1px 3px; }

.skin-hydradark table.mw_metadata td { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; padding: 0 3px 1px 3px; }

.skin-hydradark .TablePager, .skin-hydradark .mw-datatable, .skin-hydradark table.cargoTable { border: none; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th, .skin-hydradark table.cargoTable th { border: 1px solid #030303; background: #030303; color: #ffffff; font-weight: bold; padding: 0 3px 1px 3px; }

.skin-hydradark .TablePager td, .skin-hydradark .mw-datatable td { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; padding: 0 3px 1px 3px; }

.skin-hydradark table.cargoTable tr:nth-child(2n+1), .skin-hydradark table.cargoTable tr:nth-child(2n) { background: transparent; }

.skin-hydradark table.cargoTable tr:nth-child(2n+1) td { border: 1px solid #07111d; background: rgba(6, 6, 6, 0.5); }

.skin-hydradark table.cargoTable tr:nth-child(2n) td { border: 1px solid #07111d; background: rgba(0, 0, 0, 0.5); }

.skin-hydradark .TablePager tr:hover td, .skin-hydradark .mw-datatable tr:hover td { border: 1px solid #040608; background: rgba(3, 3, 3, 0.9); }

.skin-hydradark .ui-widget-content, .skin-hydradark .ui-menu { border: 1px solid #09131e; background: #09131e; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark .ui-menu-item, .skin-hydradark .ui-menu-item a, .skin-hydradark .ui-widget-content a { }

.skin-hydradark .ui-widget-content .ui-state-hover, .skin-hydradark .ui-widget-content .ui-state-hover a, .skin-hydradark .ui-menu .ui-state-hover, .skin-hydradark .ui-menu .ui-state-hover a { }

.skin-hydradark table.mw-abuselog-details { border: none; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

.skin-hydradark table.mw-abuselog-details tr th { border: 1px solid #030303; background: #030303; color: #ffffff; font-weight: bold; padding: 0 3px 1px 3px; }

.skin-hydradark table.mw-abuselog-details tr td { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; padding: 0 3px 1px 3px; }

.skin-hydradark .mw-abusefilter-history-changed { }

.skin-hydradark div.wikiEditor-ui, .skin-hydradark div.wikiEditor-preview-contents, .skin-hydradark div.wikiEditor-preview-loading { background-color: transparent; }

/* Visual editor */ .skin-hydradark .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { background-color: #282828; border: 1px solid #202020; box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2); }

.skin-hydradark .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { color: #ffffff; }

.skin-hydradark .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover, .skin-hydradark .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .skin-hydradark .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover, .skin-hydradark .oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover { background-color: rgba(255, 255, 255, 0.2); }

.skin-hydradark .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .skin-hydradark .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator, .skin-hydradark .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon { filter: invert(100%); }

.skin-hydradark .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { filter: unset; }

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { border-color: #ffffff; }

.skin-hydradark .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active { background-color: rgba(255, 255, 255, 0.2); }

.skin-hydradark .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .skin-hydradark .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label, .skin-hydradark .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon { filter: invert(100%); }

.skin-hydradark .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover { background-color: #282828; }

.skin-hydradark .oo-ui-indicator-down { background-image: linear-gradient(transparent, transparent), url("https://static.wikia.nocookie.net/commons_hydra/images/0/00/Light_down_arrow.svg"); filter: unset; }

.skin-hydradark .ve-ui-mwSaveDialog-options { background-color: #282828; }

.skin-hydradark .ve-ui-mwSaveDialog-license { color: #ffffff; }

/***************** /* Footer styles * /*****************/ .skin-hydradark div#footer { float: right; clear: right; width: 100%; max-width: 100%; box-sizing: border-box; border: none; background: transparent; color: #ffffff; margin: 0 0 0 0; padding: 10px 20px 10px 20px; overflow: hidden; }

.skin-hydradark div#footer ul li { color: #ffffff; }

/*************************** /* Template example styles * /***************************/ span.templateexample { font-family: monospace; }

span.templateexample span.templatelink { font-weight: bold; }

span.templateexample span.paramname { }

span.templateexample span.paramvalue { color: #808080; font-style: italic; }

/****************** /* Image licenses * /******************/ /* copyright images tweak */ .skin-hydradark .copyright-icon { display: inline-block; 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; }

.ambox { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; font-size: 95%; margin: 0 auto 10px auto; padding: 0; width: 80%; }

.ambox-gray { box-shadow: 10px 0 0 #383838 inset; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -10px; }

.ambox-text { padding: 3px 6px; }

.ambox-image { padding: 2px 0 2px 16px; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 6px; text-align: left; width: auto; }

/* Ambox colors */ .ambox-blue { box-shadow: 10px 0 0 #1e90ff inset; }

.ambox-red { box-shadow: 10px 0 0 #b22222 inset; }

.ambox-orange { box-shadow: 10px 0 0 #f28500 inset; }

.ambox-yellow { box-shadow: 10px 0 0 #f4c430 inset; }

.ambox-purple { box-shadow: 10px 0 0 #9932cc inset; }

.ambox-gray { box-shadow: 10px 0 0 #bba inset; }

.ambox-green { box-shadow: 10px 0 0 #228b22 inset; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; }

/*********************** /* Flex text link list * /***********************/ .flextextlinks ul { display: flex; flex-flow: row wrap; text-align: center; margin: 0 -20px 10px -20px; padding: 0; }

.flextextlinks ul li { list-style: none; flex: 1 0 15em; margin: 0; padding: 4px 20px; }

/*********************** /* Flex icon link list * /***********************/ .flexiconlinks { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: flex-start; text-align: center; margin: -10px -10px 0 -10px; padding: 0; }

.flexiconlinks.horizontal { margin: 0 -20px 10px -20px; }

.flexiconlinks .iconlink { display: flex; flex-flow: column nowrap; align-items: center; border: none; background: transparent; margin: 0; padding: 10px; flex: 0 0 8rem; min-width: 128px; }

.flexiconlinks.horizontal .iconlink { padding: 4px 20px; }

.flexiconlinks.iconsize24 .iconlink { flex: 0 0 1.5rem; min-width: 24px; }

.flexiconlinks.linksize24 .iconlink { flex: 0 0 1.5rem; min-width: 24px; }

.flexiconlinks.iconsize64 .iconlink { flex: 0 0 4rem; min-width: 64px; }

.flexiconlinks.linksize64 .iconlink { flex: 0 0 4rem; min-width: 64px; }

.flexiconlinks.iconsize96 .iconlink { flex: 0 0 6rem; min-width: 96px; }

.flexiconlinks.linksize96 .iconlink { flex: 0 0 6rem; min-width: 96px; }

.flexiconlinks.iconsize128 .iconlink { flex: 0 0 8rem; min-width: 128px; }

.flexiconlinks.linksize128 .iconlink { flex: 0 0 8rem; min-width: 128px; }

.flexiconlinks.iconsize192 .iconlink { flex: 0 0 12rem; min-width: 192px; }

.flexiconlinks.linksize192 .iconlink { flex: 0 0 12rem; min-width: 192px; }

.flexiconlinks.iconsize256 .iconlink { flex: 0 0 16rem; min-width: 256px; }

.flexiconlinks.linksize256 .iconlink { flex: 0 0 16rem; min-width: 256px; }

.flexiconlinks.horizontal .iconlink { flex-flow: row nowrap; align-items: flex-start; flex: 0 0 15rem; }

.flexiconlinks .iconlink .icon { display: flex; flex-flow: column nowrap; justify-content: stretch; min-width: 128px; width: 128px; height: 128px; }

.flexiconlinks.horizontal .iconlink .icon { min-width: 24px; width: 24px; height: 24px; }

.flexiconlinks.linksize24 .iconlink .icon { min-width: 24px; width: 24px; height: 24px; }

.flexiconlinks.linksize64 .iconlink .icon { min-width: 64px; width: 64px; height: 64px; }

.flexiconlinks.linksize96 .iconlink .icon { min-width: 96px; width: 96px; height: 96px; }

.flexiconlinks.linksize128 .iconlink .icon { min-width: 128px; width: 128px; height: 128px; }

.flexiconlinks.linksize192 .iconlink .icon { min-width: 192px; width: 192px; height: 192px; }

.flexiconlinks.linksize256 .iconlink .icon { min-width: 256px; width: 256px; height: 256px; }

.flexiconlinks.iconsize64 .iconlink .icon { min-width: 64px; width: 64px; height: 64px; }

.flexiconlinks.iconsize96 .iconlink .icon { min-width: 96px; width: 96px; height: 96px; }

.flexiconlinks.iconsize128 .iconlink .icon { min-width: 128px; width: 128px; height: 128px; }

.flexiconlinks.iconsize192 .iconlink .icon { min-width: 192px; width: 192px; height: 192px; }

.flexiconlinks.iconsize256 .iconlink .icon { min-width: 256px; width: 256px; height: 256px; }

.flexiconlinks .iconlink .icon a { display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; flex: 0 0 100%; }

.flexiconlinks .iconlink .text { color: #ffffff; width: 100%; text-align: center; }

.flexiconlinks.horizontal .iconlink .text { width: auto; text-align: left; }

.flexiconlinks .iconlink .text a { display: block; width: auto; }

.flexiconlinks.horizontal .iconlink .text a { padding-left: 0.5rem !important; }

/******************************* /* Responsive flex page layout * /*******************************/ .rfpelements { display: flex; flex-flow: row wrap; margin: -5px; }

.rfpshelf, .rfpstack { display: flex; flex-flow: column nowrap; margin: 0; padding: 0; flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }

.rfpblock { margin: 5px; padding: 3px 6px; flex: 0 0 calc( 100% - 10px ); max-width: calc( 100% - 10px ); text-align: center; box-sizing: border-box; }

.rfpblock img { max-width: 100%; height: auto; }

.rfpstack .rfpstack, .rfpstack .rfpshelf, .rfpshelf .rfpshelf, .rfpshelf .rfpstack { flex: 1 0 auto; max-width: 100%; }

.rfpstack .rfpblock, .rfpshelf .rfpblock { flex: 1 0 auto; max-width: calc( 100% - 10px ); }

.rfpstack .rfpnoresize { flex: 0 0 auto; }

@media (min-width: 820px) { .rfp100-50-67size, .rfp100-50-50size, .rfp100-50-33size { flex: 0 0 50%; max-width: 50%; }

.rfpblock.rfp100-50-67size, .rfpblock.rfp100-50-50size, .rfpblock.rfp100-50-33size { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); } }

@media (min-width: 1440px) { .rfp100-100-67size, .rfp100-50-67size { flex: 0 0 66.666667%; max-width: 66.666667%; }

.rfpblock.rfp100-100-67size, .rfpblock.rfp100-50-67size { flex: 0 0 calc( 66.666667% - 10px ); max-width: calc( 66.666667% - 10px ); }

.rfp100-100-50size, .rfp100-50-50size { flex: 0 0 50%; max-width: 50%; }

.rfpblock.rfp100-100-50size, .rfpblock.rfp100-50-50size { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfp100-100-33size, .rfp100-50-33size { flex: 0 0 33.333333%; max-width: 33.333333%; }

.rfpblock.rfp100-100-33size, .rfpblock.rfp100-50-33size { flex: 0 0 calc( 33.333333% - 10px ); max-width: calc( 33.333333% - 10px ); }

.rfpshelf { flex-flow: row wrap; }

.rfpshelf > .rfpstack { flex: 0 0 50%; max-width: 50%; }

.rfpshelf > .rfpblock { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfpshelf > .rfpstack.rfpkeepwide { flex: 0 0 100%; max-width: 100%; }

.rfpshelf > .rfpblock.rfpkeepwide { flex: 0 0 calc( 100% - 10px ); max-width: calc( 100% - 10px ); } }

/**************************** /* Responsive flex specials * /****************************/ .rfpaboutinfo { border-top: 1px solid #083c55; border-top: 1px solid rgba(0, 99, 128, 0.4); columns: auto 18rem; padding: 10px 0; }

.rfpaboutitem { padding-left: 6rem; text-align: left; }

.rfpaboutlabel { display: inline-block; text-align: right; width: 5.5rem; margin: 0 0 0 -6rem; padding: 0 0.5rem 0 0; }

.rfpplatforms { border-top: 1px solid #083c55; border-top: 1px solid rgba(0, 99, 128, 0.4); text-align: center; padding: 10px 0 0 0; }

.rfpplatformsheading { border-bottom: 1px solid #083c55; border-bottom: 1px solid rgba(0, 99, 128, 0.4); background: transparent; font-family: Rokkitt, sans-serif; font-weight: bold; color: #ffffff; margin: 0 0 10px 0; padding: 0 0 3px 0; }

.rfpplatformdates { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: center; text-align: center; }

.rfpplatformdate { flex: 1 0 18rem; text-align: center; padding: 0 0 10px 0; }

.rfpplatformdate img { padding: 0 5px; }

.rfpplatformdarkinvert { filter: invert(100%); }

.rfptwitter { display: flex; flex-flow: column nowrap; }

.rfptwitter .body, .rfptwitter .body .twitter-timeline-wrapper { border: none; display: flex; flex-flow: column nowrap; flex: 0 0 410px; }

.rfptwitter .body .twitter-timeline-wrapper iframe { border: none; width: auto !important; height: auto !important; flex: 0 0 400px; }

@media (min-width: 820px) { .rfptwitter .body, .rfptwitter .body .twitter-timeline-wrapper, .rfptwitter .body .twitter-timeline-wrapper iframe { flex: 1 0 auto; } }

.rfpblock div.slideboxlightshow, .rfpblock div.slideboxlightshow a { max-width: 100%; height: auto; }

/****************************** /* Responsive flex appearance * /******************************/ .rfpbox, .rfpdesktopbox { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 5px; padding: 3px 6px; }

.rfpblock .heading { border-bottom: 1px solid #083c55; border-bottom: 1px solid rgba(0, 99, 128, 0.4); background: transparent; font-family: Rokkitt, sans-serif; color: #ffffff; font-weight: bold; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

/****************************************** /* Responsive flex documentation examples * /******************************************/ .rfpdoclabel { border: 1px solid #09131e; padding: 3px 6px; text-align: center; }

.rfpdocexample { display: flex; flex-flow: row wrap; text-align: center; margin: 0 0 10px 0; }

.rfpdocnarrow { border: 1px solid #09131e; padding: 3px 0 0 0; width: 16.666667%; box-sizing: border-box; }

.rfpdocmedium { border: 1px solid #09131e; padding: 3px 0 0 0; width: 33.333333%; box-sizing: border-box; }

.rfpdocwide { border: 1px solid #09131e; padding: 3px 0 0 0; width: 50%; box-sizing: border-box; }

.rfpdocelements { display: flex; flex-flow: row wrap; }

.rfpdocshelf, .rfpdocstack { display: flex; flex-flow: column nowrap; margin: 0; padding: 0; flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }

.rfpdocblock { margin: 5px; padding: 3px 6px; flex: 0 0 calc( 100% - 10px ); max-width: calc( 100% - 10px ); text-align: center; box-sizing: border-box; }

.rfpdocstack .rfpdocstack, .rfpsdoctack .rfpdocshelf, .rfpdocshelf .rfpdocshelf, .rfpdocshelf .rfpdocstack { flex: 1 0 auto; max-width: 100%; }

.rfpdocstack .rfpdocblock, .rfpdocshelf .rfpdocblock { flex: 1 0 auto; max-width: calc( 100% - 10px ); }

.rfpdocstack .rfpdocnoresize { flex: 0 0 auto; }

.rfpdocmedium .rfpdoc100-50-67size, .rfpdocmedium .rfpdoc100-50-50size, .rfpdocmedium .rfpdoc100-50-33size { flex: 0 0 50%; max-width: 50%; }

.rfpdocmedium .rfpdocblock.rfpdoc100-50-67size, .rfpdocmedium .rfpdocblock.rfpdoc100-50-50size, .rfpdocmedium .rfpdocblock.rfpdoc100-50-33size { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfpdocwide .rfpdoc100-100-67size, .rfpdocwide .rfpdoc100-50-67size { flex: 0 0 66.666667%; max-width: 66.666667%; }

.rfpdocwide .rfpdocblock.rfpdoc100-100-67size, .rfpdocwide .rfpdocblock.rfpdoc100-50-67size { flex: 0 0 calc( 66.666667% - 10px ); max-width: calc( 66.666667% - 10px ); }

.rfpdocwide .rfpdoc100-100-50size, .rfpdocwide .rfpdoc100-50-50size { flex: 0 0 50%; max-width: 50%; }

.rfpdocwide .rfpdocblock.rfpdoc100-100-50size, .rfpdocwide .rfpdocblock.rfpdoc100-50-50size { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfpdocwide .rfpdoc100-100-33size, .rfpdocwide .rfpdoc100-50-33size { flex: 0 0 33.333333%; max-width: 33.333333%; }

.rfpdocwide .rfpdocblock.rfpdoc100-100-33size, .rfpdocwide .rfpdocblock.rfpdoc100-50-33size { flex: 0 0 calc( 33.333333% - 10px ); max-width: calc( 33.333333% - 10px ); }

.rfpdocwide .rfpdocshelf { flex-flow: row wrap; }

.rfpdocwide .rfpdocshelf > .rfpdocstack { flex: 0 0 50%; max-width: 50%; }

.rfpdocwide .rfpdocshelf > .rfpdocblock { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfpdocwide .rfpdocshelf > .rfpdocstack.rfpdockeepwide { flex: 0 0 100%; max-width: 100%; }

.rfpdocwide .rfpdocshelf > .rfpdocblock.rfpdockeepwide { flex: 0 0 calc( 100% - 10px ); max-width: calc( 100% - 10px ); }

/****************** /* Infobox styles * /******************/ .infoboxtable { float: right; border: none; background: transparent; color: #ffffff; margin: 0 0 10px 20px; padding: 3px 6px; width: 300px; }

.infoboxtable th { border: 1px solid #07111d; background: rgba(6, 6, 6, 0.5); color: #ffffff; font-weight: bold; text-align: right; vertical-align: top; padding: 0.5px 7px; }

.infoboxtable td { border: 1px solid #07111d; background: rgba(0, 0, 0, 0.5); color: #ffffff; text-align: left; vertical-align: top; padding: 0.5px 3px 0.5px 3px; }

.infoboxtable th.infoboxname { border: 1px solid #030303; background: #030303; font-size: 110%; color: #ffffff; font-family: Rokkitt, sans-serif; font-weight: normal; text-align: center; padding: 8px; }

.infoboxtable th.infoboxdetails { border: 1px solid #040608; background: rgba(3, 3, 3, 0.9); text-align: center; color: #ffffff; font-family: Rokkitt, sans-serif; font-weight: normal; padding: 0; }

/******************** /* Navbox templates * /********************/ table.navbox { border: none; background: transparent; color: #ffffff; clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; }

/* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

/* Base background */ .navbox, .navbox-subgroup { background: transparent; }

.navbox-list { background: transparent; /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { border: 1px solid #030303; background: #030303; color: #ffffff; font-weight: bold; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { border: 1px solid #040608; background: rgba(3, 3, 3, 0.9); color: #ffffff; }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { border: 1px solid #05090e; background: rgba(3, 3, 3, 0.8); color: #ffffff; }

/* Even row striping */ .navbox-even { border: 1px solid #07111d; background: rgba(0, 0, 0, 0.5); color: #ffffff; }

/* Odd row striping */ .navbox-odd { border: 1px solid #07111d; background: rgba(6, 6, 6, 0.5); color: #ffffff; }

.collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; }

.navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; }

table.collapsed tr.collapsible { display: none; }

/****************** /* General styles * /******************/ .contentbox, .doc, .doc-footer { border: 1px solid #09131e; background: rgba(3, 3, 3, 0.5); color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; overflow: auto; }

.contentbox .contentbox { border: 1px solid #09131e; background: transparent; color: #ffffff; }

.headerlike, .doc-header { border-bottom: 1px solid #083c55; border-bottom: 1px solid rgba(0, 99, 128, 0.4); background: transparent; color: #ffffff; font-family: Rokkitt, sans-serif; margin: 0 0 10px 0; padding: 0 0 5px 0; }

span.bullet { background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%2213%22%20viewBox%3D%220%200%205%2013%22%3E%3Cg%20fill%3D%22%23006380%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Ebullet%3C%2Ftitle%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center 60%; width: 9px; font-size: 11px; vertical-align: baseline; }

.dablink { padding: 2px 36px 10px 36px; font-style: italic; }

/* Style for horizontal lists (separator following item). @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 8 (2016-05-21) @author User:Edokter */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; }

/* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; }

/* Display nested lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; }

/* Hide empty list items */ .hlist .mw-empty-li { display: none; }

/* Generate interpuncts */ .hlist dt:after { content: ": "; }

.hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; }

.hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; }

/* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " ("; font-weight: normal; }

.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { content: ")"; font-weight: normal; }

/* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; }

.hlist ol > li { counter-increment: listitem; }

.hlist ol > li:before { content: " " counter(listitem) "\a0"; }

.hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before { content: " (" counter(listitem) "\a0"; }

.ghost { color: #808080; /* For any text that appear fainter for some reason */ }

.mark { color: #006380; }

.constrain_image { overflow: hidden; }

.constrain_image img { max-width: 100%; height: auto; }

.columns { padding: 0; margin: 10px 0 0 0; overflow: hidden; }

.columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.columns .centercol { float: left; margin: 0; padding: 0; }

.columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; }

.desktopleft { text-align: left; }

.desktopcenter { text-align: center; }

.desktopright { text-align: right; }

/* For elements which only display in the mobile view */ .mobileonly { display: none; }