MediaWiki:Hydradark.css

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

/* Variables */ body { --main-logo: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/7/76/WikiWhite.png/revision/latest); --main-background: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/1/13/Skin-Body-Background.jpg/revision/latest); --main-header-background: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/7/78/Skin-Header-Background.jpg/revision/latest); --parchment-border: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/4/40/Skin-Element-Border.png/revision/latest); --parchment-opaque: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/5/5a/Skin-Opaque-Element-Border.png/revision/latest); --heading-border-1: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/6/68/Skin-Heading-Border.png/revision/latest); --heading-border-2: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/b/b9/Skin-Header-Border.png/revision/latest); --sidebar-border: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/8/8e/Skin-Sidebar-Background.png/revision/latest); --item-border-light: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/5/50/Border-light.svg/revision/latest); }

/****************** /* General styles * /******************/ @font-face { font-family: 'PragRoman'; font-style: normal; font-weight: 400; src: local('PragRoman'), url("/media/hydra/fonts/pragroman.ttf") format('truetype'); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype'); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype'); }

@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype'); }

@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype'); }

@font-face { font-family: 'Lora-Regular'; src: local('Lora-Regular'), local('Lora-Regular'), url(/media/hydra/fonts/Lora-Regular.ttf) format('truetype'); }

body { background: var(--sidebar-border) repeat-y left top, #002a26 var(--main-background) no-repeat center 150px / 100% auto; font-family: 'Open Sans', sans-serif; }

div#mw-page-base { background: #55b29b var(--main-header-background) no-repeat center top / 1130px 125px !important; height: 125px; margin: 0 0 18px 0; }

@media (min-width: 1130px) { div#mw-page-base { background: #55b29b var(--main-header-background) no-repeat center top / 100% auto !important; } }

.pseudo-after:after, .pseudo-before:before, .pseudo-both:after, .pseudo-both:before { display: block; width: 100%; height: 100%; content: ""; position: absolute; pointer-events: none; }

/*************** /* Logo styles * /***************/   position: absolute; top: 0; left: 0; width: 350px; height: 80px; margin: 0; padding: 0; }
 * 1) p-logo {

background-size: 100% 100%; width: 350px; height: 80px; margin: 0; padding: 0; }
 * 1) p-logo a {

background: var(--main-logo); }
 * 1) p-logo a {

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

div#mw-head { border: none; border-bottom: none; background: transparent var(--heading-border-2) repeat-x center bottom; font-family: PragRoman, Georgia, serif; top: 0; left: 0; right: 0; width: auto; height: 143px; }

/************************** /* Article navigation bar * /**************************/   margin: 80px 0 0 174px; padding: 0; }
 * 1) left-navigation {

margin: 80px 20px 0 0; padding: 0; }
 * 1) right-navigation {

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

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

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

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

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

div#mw-head div.vectorTabs li span a { background: transparent; color: #95f3ab; text-transform: uppercase; height: 30px; line-height: 30px; padding: 0 3px 0 3px; margin: 0 3px 0 3px; }

div#mw-head div.vectorTabs span a:visited { color: #acdcb6 !important; }

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

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

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

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

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

div.vectorTabs li.new span a:active { color: #e0cccc !important; }

div#mw-head #ca-unwatch.icon a, 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; }

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

div#mw-head #ca-unwatch.icon a, div#mw-head #ca-unwatch.icon a:hover, div#mw-head #ca-unwatch.icon a:focus { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QkbAzQcNqnBiQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABaklEQVRIx+XVvUoeQRTG8d+uH4hNBEEMpDBoExUtJELQShAsEtRGK0mwsPESbMTGKxDSBLs0uYBIUqYIwc4iSAJCQBBFsFBB/HhfmyOsy6orbEiRBw57Zmfnz5w5D7PJ2vEnVSv1F/RPoSk6qoYu4CcGq4a2Y74q6HO8iHy6zJoy0Ck0R/4UA1VA5zJ5Q25cqMZMPorO3Hwb+pDEuI5ZfC9g/cFmFtqLr2iJhXklmWcnPuZ2n2IfXTi7Kf8A3zLAJBdZeAOaMpGghg2cZ8/0EK+xggtclbRaHadhuXcBv9WocyzjTez86uajAtUitjGCDw91/wuGAnyXEvzAMLbKWuoompbcAz7DyWN8OoInOWjeFS/DcqWhMzlv1rAbeT3mWuOYSkFTjMfCepS5iB6s4jLep3hbFtqNZ5Hv4BXehzuWMBkWhLEiRuMd5f+Kri4UNONz3KvrMW6Oau6F/kb/A6bfw8T/8+N7lK4BxYNE5UbOOdoAAAAASUVORK5CYII=") no-repeat center center; }

div#mw-head #ca-watch.icon a, div#mw-head #ca-watch.icon a:hover, div#mw-head #ca-watch.icon a:focus { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QkbAzUUIWl4+gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABnklEQVRIx+3VP0hWYRQG8N9XYf9QSCkMBKXJyUarITEIIZcg6EOJJrFZqJbmCBSCgiICxSXKhKaKyKU/gwQuBS1iFCIlCC2amn6iy7nwJl98X3CjpbPcl3vO+9z3PM9z3lu4szgu79jhL8Q/BS1gf96gx/EAjXmCnkV3gOcCegAnMR3AhTxAj6IB93GiGgqqAT2DWUyEWMcqbdiVrFtQty2/D6cxFu2/xzl8KoP1HXMp6CE8RitWsZ4Ur+INSniKftxN8gdxOHIXUcpAl/AEV/ERNzAfuUV8ifUIHiaAbbiJ3XiJjZTTZQzhQqh9JU74AZ+xGXWl+MgS2jEce4sYzepSoTbwHOeDnzF0lOFuJy7hXpyuB+8qqT+NvngORGtpNONa0HA5oamipVawF1/xc9vsL8T7H1j7E5+2hOknUBscPwtqlvE6rLankk/TaA9bzeNWcPsKgzgSfi2iCTPVgBbQGVzeDqV7MYUuXA8HZHfCTDXt18co1mMyUTdzRxHfYtpOlbtgftf+i/DoozJiZO54i5qwWOmXVv//+HKPLfnlYGzjPeeqAAAAAElFTkSuQmCC") no-repeat center center; }

div.vectorMenu { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeAQMAAAD5HscWAAAABlBMVEVvcnSV86u+xzIhAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EJGwM0IvfI3CIAAAAcSURBVAjXY2AgAzD/Y2Bg/ANk/ADiAiBWINkIANYUA4cFgSyjAAAAAElFTkSuQmCC") no-repeat right center; height: 30px; line-height: 27px; margin: 0; padding: 0 3px; }

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

div#p-sharing { width: auto; }

div.vectorMenu h3 span::after { opacity: 0; }

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

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

div#mw-head div#p-sharing h3 { height: 30px; line-height: 30px; margin: 0 0 0 0; background: transparent; padding-top: 0 !important; }

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

div#mw-head div#p-sharing h3 span { color: #fff; text-transform: uppercase; margin: 0 16px 0 4px; padding: 0; }

div.vectorMenu div.menu { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-opaque) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin: 0; padding: 0; top: 30px; z-index: 3000; }

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

div#p-sharing div.menu { left: -15px; }

div#p-cactions div.menu { left: auto; right: -15px; text-align: right; }

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

div#p-cactions div.menu ul li a { color: #95f3ab; margin: 2px 5px; padding: 1px 0; }

div#p-cactions div.menu ul li a:visited { color: #acdcb6; }

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

position: absolute; top: 0; right: 20px; height: 30px; line-height: 27px; vertical-align: middle; margin: 0 2px 0 2px; padding: 0; }
 * 1) p-search {

line-height: 27px; vertical-align: middle; margin-bottom: 8px; }
 * 1) p-search form {

font-size: 70%; padding: 0 6px; }
 * 1) p-search input[type="submit"],
 * 2) p-search input[type="button"],
 * 3) p-search input[type="reset"] {

font-family: 'Open Sans', sans-serif; border-radius: 2px; border: 1px solid #55b29b; background: #002a26; color: #ffffff; }
 * 1) searchInput {

div#simpleSearch { border-radius: 2px; border: 1px solid #55b29b; background: #002a26; line-height: 1.4em; padding: 2px 2px; padding-right: 1.4em !important; }

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

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

.skin-hydradark div.suggestions, html > body.skin-hydradark div.suggestions { margin-top: -28px; border-radius: 2px; border: 1px solid #55b29b; background: #002a26; color: #95f3ab; }

.skin-hydradark .suggestions-results, .skin-hydradark .suggestions-results .suggestions-result, .skin-hydradark .suggestions-special { border: none; background: #002a26; color: #95f3ab; }

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

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

.skin-hydradark .suggestions-result-current { background: #005e52 !important; color: #95f3ab; }

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

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

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

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

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

/********************** /* Site notice styles * /**********************/   background: transparent; color: #ffffff; }
 * 1) localNotice {

/*********************** /* 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: -30px; 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.7em !important; padding-bottom: 5px !important; padding-right: 5px !important; text-align: left; 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: #cdf9d9; font-family: PragRoman, Georgia, serif; font-weight: normal; text-transform: uppercase; margin: 0 auto 0 auto !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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHAQMAAAD6aRWtAAAABlBMVEVvcnSV86u+xzIhAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EJGwM0KvkTVBAAAAAUSURBVAjXY3BgSGAoYKgA4gQGBwASNgKZbE2zTAAAAABJRU5ErkJggg==") center right no-repeat; color: #cdf9d9; padding: 0 8px 0px 0 !important; width: auto !important; }

.skin-hydradark div#mw-panel.collapsible-nav div.portal.expanded h3 { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEVvcnSV86u+xzIhAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EJGwM1DUUC0DoAAAAQSURBVAjXY/jHUMNgwSAAAAoeAcMat+RvAAAAAElFTkSuQmCC) center right no-repeat; color: #cdf9d9; padding: 0 11px 5px 0 !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: #cdf9d9 !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: #cdf9d9 !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, 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 ul, .skin-hydradark div#mw-panel.collapsible-nav div.portal ul { margin: 0; padding: 0; }

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

div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:link { color: #95f3ab; }

div#mw-panel div.portal div.body ul li a:visited { color: #acdcb6; }

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

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

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

div#mw-panel div#p-sitePromos h3, div#mw-panel div#p-socialProfiles h3, 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; }

div#mw-panel div#p-sitePromos div.body div.promoSidebar, 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; }

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

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

a:not(.mw-mmv-project-info-link):not(.mw-mmv-credit-fallback):not(.mw-mmv-about-link):not(.mw-mmv-discuss-link):not(.mw-mmv-help-link):not(.mw-mmv-license):not(.mw-mmv-description-page-button):not(.mw-selflink), a:link:not(.mw-mmv-project-info-link):not(.mw-mmv-credit-fallback):not(.mw-mmv-about-link):not(.mw-mmv-discuss-link):not(.mw-mmv-help-link):not(.mw-mmv-license):not(.mw-mmv-description-page-button):not(.mw-ui-button):not(.mw-selflink) { color: #95f3ab; }

div#content a:visited, a:visited:not(.mw-mmv-project-info-link):not(.mw-mmv-credit-fallback):not(.mw-mmv-about-link):not(.mw-mmv-discuss-link):not(.mw-mmv-help-link):not(.mw-mmv-license):not(.mw-mmv-description-page-button):not(.mw-ui-button):not(.mw-selflink) { color: #acdcb6; }

div#content a.new, a.new { color: #f39595; }

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

a.stub { color: #f3f395; }

div#content a.stub:visited, a.stub:visited { color: #dcdcac; }

div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external { color: #adf395; }

div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited { color: #b8dcac; }

a:active:not(.mw-mmv-project-info-link):not(.mw-mmv-credit-fallback):not(.mw-mmv-about-link):not(.mw-mmv-discuss-link):not(.mw-mmv-help-link):not(.mw-mmv-license):not(.mw-mmv-description-page-button) { color: #cdf9d9; }

/****************** /* Article styles * /******************/   margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; padding-top: 0; padding-left: 160px; padding-right: 0; padding-bottom: 0; }
 * 1) pageWrapper {

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 40px; }

div#content #firstHeading { border: none; background: transparent var(--heading-border-1) repeat-x center bottom; color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 10px 0 !important; }

.toctitle h2 { padding-bottom: 4px !important; }

body.page-Sea_of_Thieves_Wiki #firstHeading { display: none; }

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { border: none; font-family: PragRoman, Georgia, serif; font-variant: small-caps; color: #cdf9d9; margin: 20px 0 8px 0; padding: 0 0 5px 0; overflow: hidden; }

divcontent h3, div#content h4, div#content h4 span, div#content h5, div#content h6 { font-variant: normal; }

div#content h1, div#content h2 { background: transparent var(--heading-border-1) repeat-x center bottom; padding: 0 0 10px 0; }

div#content .login-intro h2 { border-bottom: none; background: transparent; }

div#content h3, div#content h4 { background: transparent var(--heading-border-1) repeat-x center bottom / 144px 2px; padding: 0 0 7px 0; }

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

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

color: #999999; }
 * 1) contentSub {

div.toc, div#toc { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

div#content #toctitle h2 { border: none; background: transparent; font-family: PragRoman, Georgia, serif; padding: 0 0 5px 0; }

.toctoggle, color: #ffffff; font-variant: normal; }
 * 1) toc .toctoggle {

label.toctogglelabel{ color: #95f3ab !important; }

.skin-hydradark .tocnumber { color:#cdf9d9; }

hr { border: none; background: transparent var(--heading-border-1) repeat-x center bottom; height: 5px; }

ul{ list-style-image: url("data:image/svg+xml, %3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%225%22 height=%2213%22> %3Ccircle cx=%222.5%22 cy=%229%22 r=%222.5%22 fill=%22%2395f3ab%22/%3E %3C/svg%3E") }

li ul { margin-top: 0 !important; /* Tones down spacing for list sub-items */ list-style: none; list-style-image: url(https://gamepedia.cursecdn.com/seaofthieves_gamepedia/a/ab/Hollow_circle_bullet.png); }

table { border-spacing:1px; }

/* list spacing */ .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0.5em 0 0 1.6em; }

.skin-hydradark table.wikitable { border-collapse: separate; border-color: black; border-style: solid; border-width: 3px; /* border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; */ background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

.skin-hydradark table.cargoTable > * > tr > th.headerSort { background-color:black; }

.skin-hydradark table.wikitable th, .skin-hydradark table.wikitable tr th, .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th { border: 1px solid #55b29b; background: rgba(255, 255, 255, 0.2); color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-weight: normal; 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 { border: 1px solid #55b29b; background: transparent; color: #ffffff; padding: 0 3px 1px 3px; }

.skin-hydradark table.cargoTable { border: 1px solid rgba(85, 178, 155, .5); }

.skin-hydradark table.jquery-tablesorter th.headerSort { background: #3b4e4e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEVvcnSV86u+xzIhAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EJGwM1BUvZWAgAAAAfSURBVAjXY2AAAQUgLgDiHwwMjH/AIhD6B1RcASwEAG8KBQuwtitdAAAAAElFTkSuQmCC) no-repeat right center !important; padding: 0 15px 1px 3px; }

.skin-hydradark table.jquery-tablesorter th.headerSortDown { background: #3b4e4e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSV86u+xzIhAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EJGwM0Nu0SCF8AAAAWSURBVAjXY2AAAQEgtgDiGiD+BxYBAA8UAcOZ4zP9AAAAAElFTkSuQmCC) no-repeat right center !important; padding: 0 15px 1px 3px; }

.skin-hydradark table.jquery-tablesorter th.headerSortUp { background: #3b4e4e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSV86u+xzIhAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EJGwM1ADuzrIcAAAAYSURBVAjXY2AAAsY/QOIHEBcAsQJIhAEAJJMChvytl+IAAAAASUVORK5CYII=) no-repeat right center !important; padding: 0 15px 1px 3px; }

li.gallerybox { border: 15px solid transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

li.gallerybox div.thumb { border-radius: 4px; border: none; background: #000; color: #ffffff; }

div.gallerytext { text-align: center; }

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

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

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

div.thumbinner { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 5px !important; }

html .thumbimage { border: none; background: #002a26; color: #ffffff; }

code { background: transparent; white-space: pre-wrap; word-wrap: break-word; }

border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 10px 0 10px 0; padding: 3px 6px; }
 * 1) catlinks {

border-left: 1px solid #55b29b; }
 * 1) catlinks li {

border-left: none; }
 * 1) catlinks li:first-child {

/******************** /* Interface styles * /********************/ input, select { font-family: 'Open Sans', sans-serif; border: none; background: #ffffff; color: #000000; padding: 2px 2px; }

textarea { border: none; background: #ffffff; color: #000000; padding: 2px 2px; }

button:not(.mw-mmv-fullscreen):not(.mw-mmv-close):not(.mw-mmv-options-button):not(.mw-mmv-next-image):not(.mw-mmv-prev-image):not(.mw-mmv-options-cancel-button):not(.mw-mmv-options-submit-button), input[type="submit"], input[type="button"], input[type="reset"], font-family: PragRoman, Georgia, serif; border-radius: 3px; border: 1px solid #294d44; background: #376655; color: #ffffff; }
 * 1) mw-createaccount-join, .mw-ui-button.mw-ui-primary {

div.ui-dialog-buttonset .ui-button { border: 1px solid #294d44 !important; background: #376655 !important; }

button:hover:not(.mw-mmv-fullscreen):not(.mw-mmv-close):not(.mw-mmv-options-button):not(.mw-mmv-next-image):not(.mw-mmv-prev-image):not(.mw-mmv-options-cancel-button):not(.mw-mmv-options-submit-button), .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .oo-ui-buttonElement-button:hover, .mw-ui-button.mw-ui-primary:hover { border: 1px solid #294d44 !important; background: #20754d !important; color: #ffffff !important; }
 * 1) mw-createaccount-join:hover,

button:active:not(.mw-mmv-fullscreen):not(.mw-mmv-close):not(.mw-mmv-options-button):not(.mw-mmv-next-image):not(.mw-mmv-prev-image):not(.mw-mmv-options-cancel-button):not(.mw-mmv-options-submit-button), input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .mw-ui-button.mw-ui-primary:active, .skin-hydradark .mw-ui-button.mw-ui-progressive:disabled, .skin-hydradark .mw-ui-button.mw-ui-primary:disabled { border: 1px solid #294d44; background: #005e52; color: #376655; }
 * 1) mw-createaccount-join:active,

.mw-ui-button { border-radius: 3px; border: 1px solid #294d44; background: #376655; color: #ffffff; }

.mw-ui-button:hover,.mw-ui-button:focus { border: 1px solid #294d44; background: #20754d; color: #ffffff; }

.mw-mmv-filepage-buttons .mw-mmv-view-expanded.mw-ui-icon:before, .mw-mmv-filepage-buttons .mw-mmv-view-config.mw-ui-icon:before{ filter: invert(1); /* invert icons on Media Viewer buttons */ }

.oo-ui-dropdownWidget, .oo-ui-dropdownWidget-handle, .oo-ui-menuSelectWidget, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { border: none; color: #000000; }

.oo-ui-dropdownWidget .oo-ui-selectWidget { border: none; }

.oo-ui-dropdownWidget, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .skin-hydradark .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { background: #002925 !important; /* dropdown lists */ }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #d33 !important; /* delete button */ border-color: #d33 !important; }

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background: #005e52; color: #ffffff; }

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background: #005e52; color: #ffffff; }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { border-radius: 3px; border: 1px solid #294d44; background: #376655; color: #ffffff; }

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: #002925; color: #fff; border: 1px solid #294d44; }

.oo-ui-panelLayout-framed { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

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

.oo-ui-checkboxInputWidget { border: 1px solid #909090; } .oo-ui-checkboxInputWidget:hover{ border-color:#2f6d5c; }

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span { background-color: #33ceb1; box-shadow: none; }

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span{ background-color: #00ff9c; }

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:hover { border-color: #20764d; } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus{ border-color: #376655; box-shadow: inset 0 0 0 1px #376655; }

.toggle-button{ font-size: 95%; text-align:center; width: max-content; margin-left: 6px; margin-bottom: 2px; padding: 6px 0 !important; }

.toggle-button a, .toggle-button a:visited{ font-weight: normal; text-decoration: none; color: #ffffff !important; padding: 6px 16px; }

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

a.cta-button, a:link.cta-button, a:visited.cta-button { color: #ffffff; }

div.editOptions { border: none; background: transparent; }

.usermessage { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

body.skin-hydradark .mw-notification { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-opaque) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

div.mw-warning { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

div.mw-warning-with-logexcerpt { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

div#content fieldset { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

div#content fieldset legend { border-radius: 2px; border: 1px solid #55b29b; background: #002a26; color: #ffffff; font-family: PragRoman, Georgia, serif; font-weight: normal; margin: 0 0 8px 0; padding: 3px 6px; }

div#content fieldset#templatesandbox-editform{ margin: 2.5em 0 0 0; }

.mw-plusminus-null { color: #999999; }

.newpage, .mw-plusminus-pos { color: #33ff33; }

.mw-plusminus-neg { color: #ff6666; }

.skin-hydradark .mw-search-profile-tabs { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; 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; }

border: none; background: transparent; margin: 1px; padding: 0; }
 * 1) pagehistory li {

border-radius: 2px; border: none; background: #002a26; color: #ffffff; margin: 0; padding: 0; }
 * 1) pagehistory li.selected {

.skin-hydradark table.diff { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

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

td.diff-addedline { border: none; background: #006600; color: #cce0cc; }

td.diff-deletedline { border: none; background: #666600; color: #e0e0cc; }

td.diff-context { border: none; background: #333333; color: #d6d6d6; }

td.diff-addedline .diffchange, td.diff-deletedline .diffchange { background: rgba(255, 255, 255, 0.2); color: #ff9999; }

body.skin-hydradark fieldset#mw-searchoptions { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; 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; background: transparent var(--heading-border-1) repeat-x center bottom; height: 5px; }

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

.skin-hydradark div#preferences fieldset { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark div#preferences fieldset legend { border-radius: 2px; border: 1px solid #55b29b; background: #002a26; color: #ffffff; font-family: PragRoman, Georgia, serif; font-weight: normal; margin: 0 0 8px 0; padding: 3px 6px; }

.skin-hydradark div#preferences fieldset.prefsection fieldset { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 5px; padding: 10px; }

.skin-hydradark div#preferences fieldset.prefsection fieldset legend { border-radius: 2px; border: 1px solid #55b29b; background: #002a26; color: #ffffff; font-family: PragRoman, Georgia, serif; font-weight: normal; margin: 0 0 8px 0; padding: 3px 6px; }

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

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

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

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

.skin-hydradark #preftoc li a, .skin-hydradark #preftoc li a:active, .skin-hydradark #preftoc li a:visited { color: #95f3ab; height: 25px; line-height: 25px; padding: 3px 0 0 0; margin: 0 4px; }

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

.errorbox { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; box-shadow: 10px 0 0 #ff0000 inset; background: transparent; color: #ffcccc; margin: 0 0 10px 0; padding: 3px 6px 3px 16px; }

.warningbox { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; box-shadow: 10px 0 0 #ffff00 inset; background: transparent; color: #ffffcc; margin: 0 0 10px 0; padding: 3px 6px; }

.successbox { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; box-shadow: 10px 0 0 #00ff00 inset; background: transparent; color: #ccffcc; margin: 0 0 10px 0; padding: 3px 6px; }

table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(255, 255, 255, 0.2); }

ul#filetoc { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

.skin-hydradark table.mw_metadata { border-collapse: separate; border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

.skin-hydradark table.mw_metadata th { border: 1px solid #55b29b; background: rgba(255, 255, 255, 0.2); color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-weight: normal; padding: 0 3px 1px 3px; }

.skin-hydradark table.mw_metadata td { border-radius: 10px; border: 1px solid #55b29b; background: transparent; color: #ffffff; padding: 0 3px 1px 3px; }

.skin-hydradark .TablePager, .skin-hydradark .mw-datatable { border-collapse: separate; border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th { border: 1px solid #55b29b; background: rgba(255, 255, 255, 0.2); color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-weight: normal; padding: 0 3px 1px 3px; }

.skin-hydradark .TablePager td, .skin-hydradark .mw-datatable td { border: 1px solid #55b29b; background: transparent; color: #ffffff; padding: 0 3px 1px 3px; }

.skin-hydradark .TablePager tr:hover td, .skin-hydradark .mw-datatable tr:hover td { background: rgba(255, 255, 255, 0.15); }

border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }
 * 1) other_options div {

table.smwtable { border-collapse: separate; border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

table.smwtable th { border: 1px solid #55b29b; background: rgba(255, 255, 255, 0.2); color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-weight: normal; padding: 0 3px 1px 3px; }

table.smwtable td { border: 1px solid #55b29b; background: transparent; color: #ffffff; padding: 0 3px 1px 3px; }

.smwrdflink { color: #999999; }

div.smwfact { border: none; background: transparent; margin: 0; padding: 0; }

color: #95f3ab; }
 * 1) bodyContent span.swmfactboxheadbrowse a,
 * 2) bodyContent span.swmfactboxheadbrowse a:hover {

color: #acdcb6; }
 * 1) bodyContent span.swmfactboxheadbrowse a:visited,
 * 2) bodyContent span.swmfactboxheadbrowse a:visited:hover {

div.smwfact table { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

div.smwfact table tr { border: none; background: none; }

div.smwfact table tr td { border: none; background: none; }

.smw-ask-options table, .smw-ask-options table tr, .smw-ask-options table tr td { border: none !important; background: transparent !important; }

table.smwb-factbox, table.smwb-ifactbox { border: none; background: transparent; margin: 0 0 10px 0; padding: 0; }

table.smwb-factbox tr, table.smwb-ifactbox tr { border: none; background: none; }

table.smwb-factbox tr th, table.smwb-ifactbox tr th { font-weight: bold; padding: 0 3px 1px 3px; }

table.smwb-factbox tr td, table.smwb-ifactbox tr td { padding: 0 3px 1px 3px; }

.ui-widget-content, .ui-menu { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-opaque) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; }

div#content fieldset.smw-ask-options legend { padding-left: 20px; }

table.mw-abuselog-details { border-collapse: separate; border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 0; }

table.mw-abuselog-details tr th { border: 1px solid #55b29b; background: rgba(255, 255, 255, 0.2); color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-weight: normal; padding: 0 3px 1px 3px; }

table.mw-abuselog-details tr td { border: 1px solid #55b29b; background: transparent; color: #ffffff; padding: 0 3px 1px 3px; }

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

/***************** /* Footer styles * /*****************/ 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 40px; overflow: hidden; }

div#footer ul li { color: #ffffff; }

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

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

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

/****************** /* Image licenses * /******************/

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

.ambox { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; font-size: 95%; margin: 0 auto 10px auto; padding: 3px 6px 3px 16px; 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: 0.25em 0.5em; }

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

.ambox-tiny .ambox-image { padding: 2px 0.5em; 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; }

.banner { background: rgba(47, 162, 136, .3); margin: .5em .5em 1.2em .5em; border-left: 6px solid rgba(47, 162, 136, 1); padding: .5em 2em .5em 1em; clear: left; display: table; width: -webkit-fill-available; }

/********************* /* Front page styles * /*********************/ @media (min-width: 1300px) { .logo-small { display: none; }

.logo-big { display: block; } }

@media (max-width: 1300px) { .logo-small { display: block; }

.logo-big { display: none; } }

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

.fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpmidsections { float: left; width: 100%; overflow: hidden; }

.fpbox { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 5px; padding: 5px; overflow: auto; }

.fpbox .mainheading { border: none; background: transparent var(--heading-border-1) repeat-x center bottom; color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-size: 150%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 10px 0; overflow: auto; }

.fpbox .heading { border: none; background: transparent var(--heading-border-1) repeat-x center bottom; color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 10px 0; overflow: auto; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; }

.fpsection1, .fpsection2, .fpsection3, .fpsection4 { float: left; clear: both; width: 100%; }

div.fp2columnonly, div.fp3columnonly { display: none; }

.fpsection1 > .fpbox.plain, .fpsection4 > .fpbox { height:auto !important; }

@media (min-width: 790px) { .fpsection1 { float: left; clear: none; width: 100%; }

.fpmidsections { float: left; clear: none; width: 100%; display: flex; }

.fpsection4 { float: left; clear: none; width: 100%; }

div.fp2columnonly { display: block; } }

@media (min-width: 990px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

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

@media (min-width: 1390px) { .fpmidsections { clear: none; float: right; width: 66.667%; }

.fpsection1 { clear: none; width: 33.333%; }

.fpsection2 { clear: none; width: 50%; }

.fpsection3 { clear: none; width: 50%; }

.fpsection4 { clear: left; width: 33.333%; }

div.fp2columnonly { display: none; }

div.fp3columnonly { display: block; } }

.fpbox.plain { background: transparent; border: none; box-shadow: none; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }

/****************** /* Infobox styles * /******************/ .infoboxtable { float: right; border-collapse: separate; border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 39 26 repeat; background: #020607; background-clip: padding-box; color: #ffffff; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; }

.infoboxheader { border: 1px solid #55b29b; background: rgba(255, 255, 255, 0.25); font-size: 115%; color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-weight: normal; text-transform: uppercase; vertical-align: top; text-align: center; padding: 8px; }

.infoboxtable ul { margin: 0em 0px 0px 0.9em; }

.infoboxtable th { border-right: 1px solid #1c1f20; border: 0px; background-image: linear-gradient(to left, rgba(90, 90, 90, .4), #5a5a5a4d, #ffff0000); color: #f1eee5; font-family: PragRoman, Georgia, serif; font-weight: normal; text-align: right; vertical-align: middle; padding: 0.5px 7px; padding-left: 1em; font-size: 85%; }

.infoboxtable td { border: 1px solid transparent; background: transparent; color: #ffffff; font-family: PragRoman,Georgia,serif; font-size: 85%; text-align: left; vertical-align: middle; padding: 3px; padding-left: .5em; line-height: 19px; font-weight: normal; }

.infoboxtable th+td{ border-right: 0px; text-align: left !important; }

.infoboxtable th.infoboxname { background: linear-gradient(30deg, rgba(110, 110, 110, 0) 0, rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110, 110, 110, 0)); box-shadow: inset 0px 16px 32px rgba(0, 0, 0, 0.5); font-size: 110%; color: #f1eee5; font-family: PragRoman, Georgia, serif; text-transform: uppercase; text-align: center; padding: 8px; box-shadow: inset 0px 16px 32px rgba(0, 0, 0, 0.5); }

.infoboxtable th.infoboxdetails { background: linear-gradient(30deg, rgba(110, 110, 110, 0) 0, rgba(255,255,255,0.2) 49%,rgba(255,255,255,0.2) 51%,rgba(110, 110, 110, 0)); text-align: center; color: #f1eee5; font-family: PragRoman, Georgia, serif; text-transform: uppercase; border: 1px solid transparent; padding: 3px; }

.infoboxtable .image img { background-image: radial-gradient(rgba(181, 179, 168, .75) 0%, #20202000 75%); }

/* SPECIAL INFOBOX TAGS */ .infoboxtable th.infoboxname, .infoboxtable th.infoboxnametimelimited, .infoboxtable th.infoboxtimelimited, .infoboxtable th.infoboxnameremoved, .infoboxtable th.infoboxremoved, .infoboxtable th.infoboxnameinsider, .infoboxtable th.infoboxinsider { border: 1px solid transparent; text-transform: uppercase; text-align: center; padding: 8px; }

.infoboxtable th.infoboxnametimelimited { background: linear-gradient(30deg,rgba(110, 110, 110, 0) 0,rgba(47, 162, 136, 0.5) 49%,rgba(47, 162, 136, 0.5) 51%, rgba(110, 110, 110, 0)); box-shadow: inset 0px 16px 32px rgba(0, 0, 0, 0.5); font-size: 110%; color: #cdf9d9; }

.infoboxtable th.infoboxtimelimited { background: url(https://gamepedia.cursecdn.com/seaofthieves_gamepedia/1/13/Icon_time.png?version=39c7eb2a35bf5f9bda8ce54f0ec6362d) no-repeat 10px -7px/42px, linear-gradient(30deg,rgba(110, 110, 110, 0) 0,rgba(47, 162, 136, 0.5) 49%, rgba(47, 162, 136, 0.5) 51%,rgba(110, 110, 110, 0)) !important; height: 1.5em; vertical-align: baseline; color: #cdf9d9; padding: 3px; /* background-size: 42px !important; */ }

.infoboxtable th.infoboxnameinsider { background: linear-gradient(30deg, rgba(110, 110, 110, 0) 0, rgba(49, 78, 90, 1) 49%, rgba(49, 78, 90, 1) 51%, rgba(110, 110, 110, 0)) !important; color: white; font-size: 110%; text-shadow: 0px 2px 1px #10191c; }

.infoboxtable th.infoboxinsider { background: url(https://gamepedia.cursecdn.com/seaofthieves_gamepedia/b/b2/Icon_insiders.png) no-repeat 7px -8px/42px,linear-gradient(30deg,rgba(110, 110, 110, 0) 0,rgba(49, 78, 90, 1) 49%,rgba(49, 78, 90, 1) 51%,rgba(110, 110, 110, 0)) !important; height: 1.5em; vertical-align: baseline; color: white; padding: 3px; text-shadow: 0px 2px 1px #10191c; }

.infoboxtable th.infoboxnameremoved { background: linear-gradient(30deg,rgba(110, 110, 110, 0) 0,rgba(231, 84, 63, .5) 49%,rgba(231, 84, 63, .5) 51%,rgba(110, 110, 110, 0)) !important; box-shadow: inset 0px 16px 32px rgba(0, 0, 0, 0.5); font-size: 110%; color: #f1eee5 !important; }

.infoboxtable th.infoboxremoved { background: url(https://gamepedia.cursecdn.com/seaofthieves_gamepedia/b/bf/Icon_bigx.png?version=382495d5996d01d8e4fc52dc58947c4d) no-repeat 10px -7px/42px, linear-gradient(30deg,rgba(110, 110, 110, 0) 0,rgba(231, 84, 63, .5) 49%,rgba(231, 84, 63, .5) 51%,rgba(110, 110, 110, 0)) !important; color: #f1eee5; padding: 3px; }

/* REPUTATIONS */ .repText { text-shadow: 2px 2px 2px black; }

.repNum { font-size: 110% !important; text-align: center !important; font-family: PragRoman, Georgia, serif !important; color: #f1eee5 !important; height: 33px; }

/* Rep for tables */ td.rep-hoarder, td.rep-merchant, td.rep-souls, td.rep-hunter, td.rep-seadog, td.rep-reaper, td.rep-athena, td.rep-legend { background-position: center !important; }

/* Rep logo general */ .rep-hoarder, .rep-merchant, .rep-souls, .rep-hunter, .rep-seadog, .rep-reaper, .rep-athena, .rep-legend { background-repeat: no-repeat !important; background-size: contain !important; }

/* Rep logo images */ .rep-hoarder { background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/1/15/Hoarder_Rep_Logo.png/revision/latest) !important; }

.rep-merchant { background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/b/b3/Merchant_Rep_Logo.png/revision/latest) !important; }

.rep-souls { background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/8/8a/Souls_Rep_Logo.png/revision/latest) !important; }

.rep-hunter { background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/d/d6/Hunters_Rep_Logo.png/revision/latest) !important; }

.rep-seadog { background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/a/a2/Seadogs_Rep_Logo.png/revision/latest) !important; }

.rep-reaper { background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/d/db/Reaper_Rep_Logo.png/revision/latest) !important; }

.rep-athena { background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/8/81/Athena_Rep_Logo.png/revision/latest) !important; }

.rep-legend { background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/f/f3/Legend_Rep_Logo.png/revision/latest) !important; }

/* Rep logo in Infoboxes */ .infoboxtable td.repNum { padding: 0; }

.infoboxtable td.repNum div { width: 64px; height: 64px; display: block; font-size: 100%; margin-left: 5px; }

.infoboxtable td.repNum span { display:inline-block; top: 100%; text-align: center; vertical-align: middle; line-height: 64px; width: 64px; } /******************** /* Item lists * /********************/ .wikitable .thumb { display: revert !important; /* displays thumbnails on desktop page lists */ }

.skin-hydradark .wikitable th.thumb { padding: 0.25em; } .wikitable.list .thumb-frame img { margin: 2px; top:0; background: linear-gradient(rgb(86, 82, 66), rgb(145, 139, 116)); } .thumb-frame { position: relative; height: 78px; width: 78px; } .thumb-frame:before { background-image: var(--item-border-light); background-repeat: no-repeat; background-size: 100%; }

/******************** /* Navbox templates * /********************/ table.navbox { border-collapse: separate; border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; 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 #55b29b; background: rgba(255, 255, 255, 0.2); color: #cdf9d9; font-family: PragRoman, Georgia, serif; font-weight: normal; text-transform: uppercase; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(255, 255, 255, 0.2); color: #cdf9d9; font-family: PragRoman, Georgia, serif; text-transform: uppercase; }

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

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

/* Odd row striping */ .navbox-odd { background: rgba(0, 0, 0, 0.05); 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 * /******************/ .referencetooltip { color:white; }

.contentbox { border-style: solid; border-width: 15px; border-color: transparent; border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; background: transparent; color: #ffffff; margin: 0 0 10px 0; padding: 3px 6px; overflow: auto; }

span.bullet { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEVvcnSV86u+xzIhAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EJGwM0MARxrWoAAAATSURBVAjXY2BAAQUMP8CwgIEBABqSA8k7awalAAAAAElFTkSuQmCC") no-repeat center 60%; width: 9px; font-size: 11px; vertical-align: baseline; }

.dablink { padding: 2px 36px 0.5em 2em; margin-bottom: 0.5em; font-style: italic; }

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

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

.fpbox li { font-weight: bold; list-style-type: none !important; }

.fpbox ul { list-style-type: none !important; margin: 0; padding: 0; list-style-image: none !important; }

footer { border-top: 3px white solid; }

/* Cargo */ table.cargoTable td.odd { background: #000; }

table.cargoTable td.even { background: #222; }

div.cargoReplacementTableInfo { background: black; }

/* Heading tweaks */

.mw-body-content .toc h2 { font-size: 1.1em !important; background: transparent var(--heading-border-1) repeat-x center bottom !important; border-bottom: none !important; font-weight: normal !important; }

.mw-body-content h1 { font-size: 1.9em !important; }

.mw-body-content h2 { font-size: 1.5em !important; }

.mw-body h1, .mw-body-content h1, .mw-body-content h2 { margin-bottom: 0.25em !important; }

.mw-body-content h3 { font-size: 1.2em !important; }

.mw-body-content h4, .mw-body-content h4 span, .mw-body-content h4.span.mw-headline { font-size: 1.0em !important; background: none !important; font-style: normal !important; font-variant: normal !important; }

.mw-body-content h5, .mw-body-content h5 span, .mw-body-content h5.span.mw-headline, .mw-body-content h6, .mw-body-content h6 span, .mw-body-content h6.span.mw-headline { font-size: 0.95em !important; background: none !important; }

.mw-body-content h3, .mw-body-content h4, .mw-body-content h4 span, .mw-body-content h5, .mw-body-content h6 { margin-top: 0.3em !important; margin-bottom: 0.25em !important; padding-bottom: 0px !important; letter-spacing: 1px !important; font-style: normal!important; font-variant: normal !important; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 !important; overflow: hidden; padding-top: 0.5em !important; padding-bottom: 0.17em !important; }

div#content h2.flashed, div#content h3.flashed, div#content h4.flashed { background:rgba(65, 255, 134, 0.42) none repeat scroll 0% 0% !important; box-shadow:rgba(65, 255, 134, 0.42) 0px 0px 5px; }

/* Gamepedia lines */ footer {border-top: #f48020 3px solid;} .netbar-flex {border-bottom: 1px solid #f48020;}

/* GeSHi syntax highlighting */ .kw1 {color: #FFFFFF; font-weight: bold;}

.nf {color: aqua;}

/* Operators */ .mw-highlight .p, .mw-highlight .o {color: #fff; font-weight: bold;}

/* Comments */ .mw-highlight .c {color: #8d9e6b; font-weight: bold;}

/* HTML Tags */ .mw-highlight .nt {color: #bfe431;}

/* IDs */ .mw-highlight .nn {color: #a8a8ff;}

/* Classes */ .mw-highlight .nc {color: #7676ff;}

/* Pseudo-classes */ .mw-highlight .nd {color: #cf82ff;}

/* Properties */ .mw-highlight .k, .mw-highlight .kp {color: #fff; font-weight: normal;}

/* Keywords */ .mw-highlight .nb {color: #ff5858;}

/* Text values, strings */ .mw-highlight .kc, .mw-highlight .s1, .mw-highlight .s2, .mw-highlight .sx, .mw-highlight .n {color: #00c6d2;}

/* Numeric values */ .mw-highlight .mi, .mw-highlight .mf {color: #60feff; font-weight: bold;}

/* Units */ .mw-highlight .kt {color: #ff3f85; font-weight: bold;}

/* #Color values */ .mw-highlight .mh {color: #b2d241;}

/* !important */ .mw-highlight .cp {color: #F37F20;}

div#mw-panel div.portal li a[href="https://discord.gg/7YSQSHa"] { background: url(https://discordapp.com/api/guilds/603707155362742288/widget.png) no-repeat; color: transparent !important; display: inline-block; height: 20px; width: 119px; margin-top: 10px; opacity: 0.8; }

div#mw-panel div.portal li a[href="https://discord.gg/7YSQSHa"]:hover{ opacity: 1; }

background: #2b2b2b; border: solid 1px #294d44; }
 * 1) cargo-modifyQuery-form {

.cargo-query-textarea { background: #002a26; border: solid 1px #294d44; }

div.drilldown-filters-wrapper { border: 1px solid #428c7c; background-color: #002a26; color: #ffffff; }

/****************** /* TABBER * /******************/ ul.tabbernav { background:none; }

ul.tabbernav li a, ul.tabbernav li.tabberactive a { background: none !important; }

div ul.tabbernav li.tabberactive{ background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20139%2037.85%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cpath%20class%3D%22a%22%20d%3D%22M137.69%2C37.35l1.1-3%2C.21-6.88L138.41%2C15l.29-4.3-.09-7.39L137.4%2C1.07l-3.58.6L128%2C.48h-6.77l-3%2C0-4.58%2C1h-8.29L102.15.72%2C83.82.18l-12.75.89L59.5%2C0%2C45.19.36l-2%2C.53L34.11.18%2C12.25.36%2C2%2C0%2C.52%2C2.37%2C0%2C10.29.48%2C21.81%2C0%2C28.73l.54%2C7%2C1.27%2C1.7%2C16.47-.21%2C1.31.61%2C15.95-.91%2C1.65.23L83.33%2C37l10%2C.32%2C1.07-.51%2C16.93.71h13.19l7.93-.55Z%22%20fill%3D%22%23696763%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/98% 75%; background-position: bottom; }

ul.tabbernav li { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20255.77%2031.21%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cpath%20d%3D%22M253.37%2C30.8l2-2.51.39-5.67L254.7%2C12.38l.54-3.54-.16-6.09L252.84.88l-6.58.58L235.61.57H223.16L217.57.43l-8.43.83-15.25-.06L188%2C.59%2C154.24.15%2C130.79.88%2C109.5%2C0%2C83.16.29%2C79.44.73%2C62.77.15%2C22.53.29%2C3.59%2C0%2C1%2C2%2C0%2C8.48.88%2C18%2C.07%2C23.69l1%2C5.79%2C2.35%2C1.4%2C30.31-.18%2C2.4.51%2C29.35-.75%2C3%2C.19%2C84.82-.18%2C18.37.27%2C2-.58%2C31.16.42h24.27l14.6-.29Z%22%20opacity%3D%220.4%22%20fill%3D%22%23696763%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 100%/98% 75%; background-position-y: 10px; background-position: bottom; }

ul.tabbernav li:after { content:" "; background: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/6/68/Skin-Heading-Border.png/revision/latest) repeat-x center bottom; display: block; height:5px; }

ul.tabbernav:after { content: " " ; background: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/6/68/Skin-Heading-Border.png/revision/latest) repeat-x center bottom; display: block; height:5px; top: -5px; position: relative; left:5px; z-index: -1; }

/******************/ /* EMOTE VIDEO SIZING /******************/ .emotevid { width: 300px !important; height: auto !important; object-fit: unset; }

/****************** /* DIALOGUE STYLES * /******************/ .dialog-button{ display: block !important; padding-top: 1px; top: -.5rem; position: relative; }

.dialog-box { width: fit-content; width: -webkit-fill-available; max-width: 600px; display:flex; flex-direction: column; border-radius: 24px; text-align: left; margin: 2.5rem 0.5rem 1.5rem 1rem; padding: 0 1em; background: #000; position:relative; }

.dialog-intro{ border-radius: 16px; background: #282828; margin: -1.5rem; padding: 1.25rem 2.5rem 1.25rem 1rem; padding-right: 2.5rem; position: relative; display: flex; align-items: center; }

.dialog-intro .floatleft { margin: 0px; }

.dialog-intro p { color: #cec6a4; margin-left: 1rem; }

.dialog-box .mw-collapsible-content { margin-top: 3rem; padding: 0 1.75rem .75rem 1.75rem; }

.dialog-box .mw-collapsible-content p { margin-top: .5em; }

.dialog-box .mw-collapsible-content dl { color: #cec6a4; }

/* -- VOICEOVER -- */

.dialog-box.voice .dialog-button{ top: -.5rem; }

.dialog-box.voice .mw-collapsible-toggle{ margin-right: .25rem; }

.dialog-box.voice { border-radius: 8px; background: #181818; }

.dialog-intro.voice { border-radius: 8px 8px 0px 0px; background: #0d0d0d; margin: -1.5rem -1em; padding: 0em; font-family: Windlass, PragRoman; }

.dialog-intro.voice .floatleft { position: absolute; display: none; }

.dialog-intro.voice p { color: #f2ad31; margin-left: 1rem; text-transform: uppercase; font-size: 1.5em; margin-top: 0.25em; margin-bottom: 0.1em; }

.dialog-box.voice .mw-collapsible-content{ padding: 0; padding-bottom: 0; }

.dialog-box.voice .mw-collapsible-content p{ margin-top: -.5em; padding:.5em; font-size: 1.1em; }

.dialog-box.voice .mw-collapsible-content dl{ color: #fff4dc; font-size: 1.1em; }

/****************** /* NAVBOX */ /******************/   margin: auto; width: 80%; border: 1px solid #356f65; padding: 5px; border-radius: 11px; clear: both; margin-top: 15px; } /****************** /* MISC */ /******************/ .wikitable .mw-collapsible-toggle { font-family: 'Open Sans',sans-serif; font-weight: 600; }
 * 1) navbox {

.talelocation { min-width: 500px; }

.riddlebox { width: 700px !important; }

.dt-hidden { display:none; /* allows to hide an object from desktop view but not mobile */ }

/* -- For combination image + text sections -- */ .article-comp { display: flex; position: relative; }

.article-comp .floatleft { margin: 0 1em 0.5em 0; }

.article-comp .egg b { padding-right: .25rem; }

@media screen and (max-width: 1084px) {

.article-comp { display:block!important; }

.article-comp .egg table{ height: 110px; } .article-comp .floatleft img { width: 175px; height: 110px; } }