MediaWiki:Hydradark.css

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

/****************** /* General styles * /******************/ /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 400; font-display: swap; src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url("https://fonts.gstatic.com/s/titilliumweb/v8/NaPAcZTIAOhVxoMyOr9n_E7fdMbWAaxWXr0.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: 'Titillium Web'; font-style: italic; font-weight: 400; font-display: swap; src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url("https://fonts.gstatic.com/s/titilliumweb/v8/NaPAcZTIAOhVxoMyOr9n_E7fdMbWD6xW.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; } /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 700; font-display: swap; src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url("https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbetIlDb5yciWM.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: 'Titillium Web'; font-style: italic; font-weight: 700; font-display: swap; src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url("https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbetIlDYZyc.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; } /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; font-display: swap; src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url("https://fonts.gstatic.com/s/titilliumweb/v8/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.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: 'Titillium Web'; font-style: normal; font-weight: 400; font-display: swap; src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url("https://fonts.gstatic.com/s/titilliumweb/v8/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.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; } /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; font-display: swap; src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url("https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY4SY.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: 'Titillium Web'; font-style: normal; font-weight: 700; font-display: swap; src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url("https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.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: #000000 url("https://static.wikia.nocookie.net/swrtp_gamepedia_en/images/5/56/Skin-Body-Background-v2.jpg/revision/latest") no-repeat fixed center top / 100vw auto; font-family: 'Titillium Web', sans-serif; }

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

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

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

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

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

.skin-hydradark div#mw-head { border-bottom: 2px solid #363f3e; box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.5); background: #161b1e; background: rgba(176, 216, 240, 0.125); font-family: 'Titillium Web', sans-serif; top: 0; left: 0; right: 0; width: auto; height: 100px; }

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

.skin-hydradark #right-navigation { margin: 70px 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: #27eac2; 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: #15dbb3 !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: #eeffff !important; }

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

.skin-hydradark div#mw-head div.vectorTabs li.new span a:visited { color: #f59898 !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: #fffafa !important; }

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

.skin-hydradark div.vectorTabs li.new span a:active { color: #fffafa !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%2315dbb3%22%20stroke%3D%22%2327eac2%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%2327eac2%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%2327eac2%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: #979797; margin: 0 0 0 21px; padding: 0; }

.skin-hydradark div.vectorMenu div.menu { border-radius: 0 0 16px 16px; border: 2px solid #363f3e; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #161b1e; color: #f5e18b; font-family: 'Titillium Web', sans-serif; margin: 0; padding: 0 4px 8px 4px; 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: #27eac2; margin: 2px 5px; padding: 1px 0; }

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

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

.skin-hydradark #p-search { position: absolute; top: 30px; 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: 'Titillium Web', sans-serif; border-radius: 8px; border: 2px solid #417b6c; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #191b1a; color: #f0d7b2; }

.skin-hydradark div#simpleSearch { border-radius: 8px; border: 2px solid #417b6c; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #191b1a; color: #ffffff; line-height: 1.4em; padding: 2px 8px; }

.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: #919191; }

.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: none; background: transparent; color: #27eac2; padding: 0 7px; box-sizing: border-box; }

.skin-hydradark .suggestions-results { border: 2px solid #417b6c; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #191b1a; color: #27eac2; }

.skin-hydradark .suggestions-results .suggestions-result, .skin-hydradark .suggestions-special { border: none; background: #191b1a; color: #27eac2; }

.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: #27eac2; }

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

.skin-hydradark .suggestions-result-current { background: #325656 !important; color: #27eac2; }

.skin-hydradark .suggestions-special { border-radius: 0 0 8px 8px; border: 2px solid #417b6c; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); }

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

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

.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: #27eac2; }

.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-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; 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: -10px; 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: 'Titillium Web', sans-serif; text-transform: uppercase; 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%2327eac2%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%2327eac2%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: #27eac2; }

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

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

.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: #27eac2; }

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

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

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

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

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

.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: #26eaa2; }

.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: #16dd94; }

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

/****************** /* 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: #f5e18b; margin: 0 0 0 0; padding: 0 20px 0 20px; }

.skin-hydradark div#content #firstHeading { border: none; border-bottom: 1px solid #325656; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-variant: small-caps; 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: 'Titillium Web', sans-serif; font-variant: small-caps; 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 #325656; }

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

.skin-hydradark div#content h3, .skin-hydradark div#content h4 { border-bottom: 1px solid #192b2b; border-bottom: 1px solid rgba(50, 86, 86, 0.5); }

/* 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: #979797; }

.skin-hydradark div.toc, .skin-hydradark div#toc { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#content div#toc .toctitle h2 { border: none; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; padding: 0 0 5px 0; }

.skin-hydradark .toctoggle, .skin-hydradark #toc .toctoggle { color: #f5e18b; font-family: 'Titillium Web', 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 #325656; }

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%23325656%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: #f5e18b; }

.skin-hydradark table.wikitable, .skin-hydradark table.dataTable { border-collapse: separate; border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); color: #f5e18b; margin: 0 0 10px 0; padding: 2px 4px; border-spacing: 2px; }

.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 #1a1a1a; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #1a1a1a; 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 #1a1a1a; background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; padding: 0 3px 1px 3px; }

.skin-hydradark table.dataTable td:hover { background: #0d0d0d; background: rgba(26, 26, 26, 0.5); }

.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 { background: #040809; background: rgba(33, 66, 69, 0.125); }

.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 { background: #030303; background: rgba(26, 26, 26, 0.125); }

.skin-hydradark table.jquery-tablesorter th.headerSort, .skin-hydradark table.dataTable thead .sorting { background: #1a1a1a 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%2327eac2%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: #1a1a1a 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%2327eac2%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: #1a1a1a 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%2327eac2%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: #979797; }

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

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

.skin-hydradark .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border-radius: 8px; border: 2px solid #4c7267; box-shadow: inset 0 0 0 2px #000000; background: #26544a; color: #ffffff; }

.skin-hydradark .dataTables_wrapper .dataTables_paginate .paginate_button.current, .skin-hydradark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border-radius: 8px; border: 2px solid #7fe8c7; box-shadow: inset 0 0 0 2px #000000; background: #7fe8c7; color: #434343; }

.skin-hydradark ul.gallery { }

.skin-hydradark li.gallerybox { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

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

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

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

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

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

.skin-hydradark div.thumbinner { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 5px !important; }

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

.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-radius: 8px; border: 2px solid #2a4840; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #131514; background: rgba(25, 27, 26, 0.75); color: #dfdfdf; padding: 2px 2px; white-space: pre-wrap; word-wrap: break-word; }

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

.skin-hydradark #catlinks { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 10px 0 10px 0; padding: 3px 6px; }

.skin-hydradark #catlinks li { border-left: 1px solid #325656; }

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

/******************** /* Interface styles * /********************/ .skin-hydradark input, .skin-hydradark select { font-family: 'Titillium Web', sans-serif; border-radius: 8px; border: 1px solid #417b6c; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #191b1a; 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: #1e2724; }

.skin-hydradark select optgroup, .skin-hydradark select option { font-family: 'Titillium Web', 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: #535453; }

.skin-hydradark input:disabled, .skin-hydradark select:disabled { border: 1px solid #417b6c; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #191b1a; color: #5a5a5a; opacity: 0.25; }

.skin-hydradark select:disabled optgroup { background: #1e2724; }

.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: #535453; }

.skin-hydradark textarea { border-radius: 8px; border: 1px solid #417b6c; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #191b1a; color: #ffffff; padding: 2px 2px; }

.skin-hydradark .wikiEditor-ui-text textarea { border-radius: 0; }

.skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled input, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea, .skin-hydradark .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input, .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: 'Titillium Web', sans-serif; border-radius: 8px; border: 2px solid #417b6c; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background-color: #191b1a; 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: #979797; }

.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: #979797; }

.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-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input: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-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input: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: #417b6c; box-shadow: none; background-color: #1e2724; 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(73.782%); }

.skin-hydradark .oo-ui-tabSelectWidget { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; color: #f5e18b; }

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

.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: #325656; 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: #979797; }

.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%23325656%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: 'Titillium Web', sans-serif; border: 2px solid #4c7267; box-shadow: inset 0 0 0 2px #000000; background: #26544a; color: #ffffff; padding: 3px 6px; }

.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 { border-radius: 8px; }

.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 { border-radius: 2px; }

.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: 2px solid #445c55; background: #26544a; }

.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(26.218%); }

.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: 2px solid #7fe8c7; background: #7fe8c7; color: #434343; }

.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: #434343; }

.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: #434343; }

.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%23434343%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, { border: 2px solid #7fe8c7; background: #7fe8c7; color: #434343; 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 { 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%23434343%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: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 { opacity: 0.25; }

.skin-hydradark .oo-ui-panelLayout-framed { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; 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: 'Titillium Web', sans-serif; padding: 2px 2px; box-shadow: none !important; }

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

.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: #f5e18b; }

.skin-hydradark .usermessage { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark .oo-ui-popupWidget-body, body.skin-hydradark .mw-notification { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; color: #f5e18b; padding: 3px 6px; }

body.skin-hydradark .mw-notification.postedit { box-shadow: none; border-radius: 0; border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; color: #f5e18b; 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: #f5e18b; text-shadow: none; }

.skin-hydradark div.mw-warning { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div.mw-warning-with-logexcerpt { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#content fieldset { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#content fieldset fieldset { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: transparent; color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

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

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

.skin-hydradark .mw-plusminus-pos { color: #11ff11; }

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

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

.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-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0; padding: 3px 6px; }

.skin-hydradark .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; 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-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 20px; padding: 3px 6px; }

.skin-hydradark .mw-search-profile-tabs { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

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

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

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

.skin-hydradark table.diff { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; 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-radius: 8px; border: 1px solid #005000; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #001b00; color: #bbbbbb; }

.skin-hydradark td.diff-deletedline { border-radius: 8px; border: 1px solid #3e3e00; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #151500; color: #bbbbbb; }

.skin-hydradark td.diff-context { border-radius: 8px; border: 2px solid #1d1d1d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070707; color: #979797; }

.skin-hydradark td.diff-addedline .diffchange { background: #002400; color: #11ff11; }

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

body.skin-hydradark fieldset#mw-searchoptions { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: -10px 0 10px 0 !important; padding: 3px 6px; }

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

body.skin-hydradark fieldset#mw-searchoptions div.divider { border: none; border-bottom: 1px solid #325656; }

.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-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: transparent; color: #f5e18b; }

.skin-hydradark .mw-prefs-buttons { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

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

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

.skin-hydradark div#preferences fieldset, .skin-hydradark div#preferences fieldset.prefsection fieldset { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; 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: 'Titillium Web', sans-serif; text-transform: uppercase; margin: 0 0 8px 0; padding: 3px 6px; }

.skin-hydradark div#preferences fieldset fieldset, .skin-hydradark div#preferences fieldset.prefsection fieldset fieldset { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: transparent; color: #f5e18b; 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: 'Titillium Web', sans-serif; text-transform: uppercase; margin: 0 0 8px 0; padding: 3px 6px; }

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

.skin-hydradark #preftoc { border: none; border-bottom: 1px solid #325656; background: transparent; }

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

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

.skin-hydradark #preftoc li a:visited { color: #27eac2; }

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

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

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

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

.skin-hydradark .errorbox { border-radius: 16px; border: 2px solid #730000; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #270000; background: rgba(52, 0, 0, 0.75); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px 3px 16px; }

.skin-hydradark .warningbox { border-radius: 16px; border: 2px solid #3e3e00; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #151500; background: rgba(28, 28, 0, 0.75); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark .successbox { border-radius: 16px; border: 2px solid #005000; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #001b00; background: rgba(0, 36, 0, 0.75); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: #001b00; background: rgba(0, 36, 0, 0.75); }

.skin-hydradark ul#filetoc { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark table.mw_metadata { border-collapse: separate; border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); color: #f5e18b; margin: 0 0 10px 0; padding: 2px 4px; border-spacing: 2px; }

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

.skin-hydradark table.mw_metadata td { border: 1px solid #1a1a1a; background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; padding: 0 3px 1px 3px; }

.skin-hydradark .TablePager, .skin-hydradark .mw-datatable, .skin-hydradark table.cargoTable { border-collapse: separate; border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); color: #f5e18b; margin: 0 0 10px 0; padding: 2px 4px; border-spacing: 2px; }

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

.skin-hydradark .TablePager td, .skin-hydradark .mw-datatable td { border: 1px solid #1a1a1a; background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; 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 { background: #040809; background: rgba(33, 66, 69, 0.125); }

.skin-hydradark table.cargoTable tr:nth-child(2n) td { background: #030303; background: rgba(26, 26, 26, 0.125); }

.skin-hydradark .TablePager tr:hover td, .skin-hydradark .mw-datatable tr:hover td { background: #0d0d0d; background: rgba(26, 26, 26, 0.5); }

.skin-hydradark .ui-widget-content, .skin-hydradark .ui-menu { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; color: #f5e18b; 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-collapse: separate; border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); color: #f5e18b; margin: 0 0 10px 0; padding: 2px 4px; border-spacing: 2px; }

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

.skin-hydradark table.mw-abuselog-details tr td { border: 1px solid #1a1a1a; background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; 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-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); 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: #f5e18b; }

.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: #f5e18b; margin: 0 0 0 0; padding: 10px 20px 10px 20px; overflow: hidden; }

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

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

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

span.templateexample span.paramname { }

span.templateexample span.paramvalue { color: #979797; 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-radius: 0 16px 16px 0; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; font-size: 95%; margin: 0 auto 10px auto; padding: 0; width: 80%; }

.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: inset 10px 0 0 #1e90ff, inset 0 0 0 2px rgba(0, 0, 0, 0.5); }

.ambox-red { box-shadow: inset 10px 0 0 #b22222, inset 0 0 0 2px rgba(0, 0, 0, 0.5); }

.ambox-orange { box-shadow: inset 10px 0 0 #f28500, inset 0 0 0 2px rgba(0, 0, 0, 0.5); }

.ambox-yellow { box-shadow: inset 10px 0 0 #f4c430, inset 0 0 0 2px rgba(0, 0, 0, 0.5); }

.ambox-purple { box-shadow: inset 10px 0 0 #9932cc, inset 0 0 0 2px rgba(0, 0, 0, 0.5); }

.ambox-gray { box-shadow: inset 10px 0 0 #bba, inset 0 0 0 2px rgba(0, 0, 0, 0.5); }

.ambox-green { box-shadow: inset 10px 0 0 #228b22, inset 0 0 0 2px rgba(0, 0, 0, 0.5); }

/* 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: #f5e18b; 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 #325656; 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 #325656; text-align: center; padding: 10px 0 0 0; }

.rfpplatformsheading { border-bottom: 1px solid #325656; background: transparent; font-family: 'Titillium Web', 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-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 5px; padding: 3px 6px; }

.rfpblock .heading { border-bottom: 1px solid #325656; background: transparent; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; color: #ffffff; font-weight: bold; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

/****************************************** /* Responsive flex documentation examples * /******************************************/ .rfpdoclabel { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); padding: 3px 6px; text-align: center; }

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

.rfpdocnarrow { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); padding: 3px 0 0 0; width: 16.666667%; box-sizing: border-box; }

.rfpdocmedium { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); padding: 3px 0 0 0; width: 33.333333%; box-sizing: border-box; }

.rfpdocwide { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); 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-collapse: separate; border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); color: #f5e18b; margin: 0 0 10px 20px; padding: 2px 4px; border-spacing: 2px; width: 300px; }

.infoboxtable th { border: 1px solid #1a1a1a; background: #040809; background: rgba(33, 66, 69, 0.125); color: #f5e18b; font-weight: bold; text-align: right; vertical-align: top; padding: 0.5px 7px; }

.infoboxtable td { border: 1px solid #1a1a1a; background: #030303; background: rgba(26, 26, 26, 0.125); color: #f5e18b; text-align: left; vertical-align: top; padding: 0.5px 3px 0.5px 3px; }

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

.infoboxtable th.infoboxdetails { border: 1px solid #1a1a1a; background: #0d0d0d; background: rgba(26, 26, 26, 0.5); text-align: center; color: #ffffff; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; }

/******************** /* Navbox templates * /********************/ table.navbox { border-collapse: separate; border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); color: #f5e18b; font-size: 88%; text-align: center; margin: 0 auto 10px auto; padding: 2px 4px; border-spacing: 2px; 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 #1a1a1a; background: #1a1a1a; color: #ffffff; font-weight: bold; }

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

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { border: 1px solid #1a1a1a; background: #0d0d0d; background: rgba(26, 26, 26, 0.5); color: #f5e18b; }

/* Even row striping */ .navbox-even { border: 1px solid #1a1a1a; background: #030303; background: rgba(26, 26, 26, 0.125); color: #f5e18b; }

/* Odd row striping */ .navbox-odd { border: 1px solid #1a1a1a; background: #040809; background: rgba(33, 66, 69, 0.125); color: #f5e18b; }

.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-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: #070708; background: rgba(54, 58, 61, 0.125); color: #f5e18b; margin: 0 0 10px 0; padding: 3px 6px; overflow: auto; }

.contentbox .contentbox { border-radius: 16px; border: 2px solid #363a3d; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); background: transparent; color: #f5e18b; }

.headerlike, .doc-header { border-bottom: 1px solid #325656; background: transparent; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-variant: small-caps; 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%23325656%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: #979797; /* For any text that appear fainter for some reason */ }

.mark { color: #325656; }

.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; }