MediaWiki:Hydradark.css
Ir a la navegación
Ir a la búsqueda
En otros idiomas: Deutsch • English • Español • Français • Português • 中文
Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.
Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.
- Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
- Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
- Opera: vacía la caché en Herramientas → Preferencias
/* 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 *
/***************/
#p-logo {
position: absolute;
top: 0;
left: 0;
width: 350px;
height: 80px;
margin: 0;
padding: 0;
}
#p-logo a {
background-size: 100% 100%;
width: 350px;
height: 80px;
margin: 0;
padding: 0;
}
#p-logo a {
background: var(--main-logo);
}
/*****************
/* 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 *
/**************************/
#left-navigation {
margin: 80px 0 0 174px;
padding: 0;
}
#right-navigation {
margin: 80px 20px 0 0;
padding: 0;
}
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;
}
#p-search {
position: absolute;
top: 0;
right: 20px;
height: 30px;
line-height: 27px;
vertical-align: middle;
margin: 0 2px 0 2px;
padding: 0;
}
#p-search form {
line-height: 27px;
vertical-align: middle;
margin-bottom: 8px;
}
#p-search input[type="submit"],
#p-search input[type="button"],
#p-search input[type="reset"] {
font-size: 70%;
padding: 0 6px;
}
#searchInput {
font-family: 'Open Sans', sans-serif;
border-radius: 2px;
border: 1px solid #55b29b;
background: #002a26;
color: #ffffff;
}
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 *
/**********************/
#localNotice {
background: transparent;
color: #ffffff;
}
/***********************
/* 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 *
/******************/
#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;
}
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;
}
#contentSub {
color: #999999;
}
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,
#toc .toctoggle {
color: #ffffff;
font-variant: normal;
}
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;
}
#catlinks {
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;
}
#catlinks li {
border-left: 1px solid #55b29b;
}
#catlinks li:first-child {
border-left: none;
}
/********************
/* 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"],
#mw-createaccount-join, .mw-ui-button.mw-ui-primary {
font-family: PragRoman, Georgia, serif;
border-radius: 3px;
border: 1px solid #294d44;
background: #376655;
color: #ffffff;
}
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),
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
#mw-createaccount-join:hover,
.oo-ui-buttonElement-button:hover,
.mw-ui-button.mw-ui-primary:hover {
border: 1px solid #294d44 !important;
background: #20754d !important;
color: #ffffff !important;
}
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-createaccount-join: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;
}
.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;
}
.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;
}
#pagehistory li {
border: none;
background: transparent;
margin: 1px;
padding: 0;
}
#pagehistory li.selected {
border-radius: 2px;
border: none;
background: #002a26;
color: #ffffff;
margin: 0;
padding: 0;
}
.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);
}
#other_options div {
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;
}
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;
}
#bodyContent span.swmfactboxheadbrowse a,
#bodyContent span.swmfactboxheadbrowse a:hover {
color: #95f3ab;
}
#bodyContent span.swmfactboxheadbrowse a:visited,
#bodyContent span.swmfactboxheadbrowse a:visited:hover {
color: #acdcb6;
}
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: 337px;
}
.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 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;
}
#cargo-modifyQuery-form {
background: #2b2b2b;
border: solid 1px #294d44;
}
.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 */
/******************/
#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;
}
.talelocation {
min-width: 500px;
}
.riddlebox {
width: 700px !important;
}
/* ------ 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;
}
}