Sea of Thieves Wiki
Advertisement
In other languages: DeutschEnglishEspañolFrançaisPortuguês中文
Note: After saving, you may have to bypass your browser's cache to see the changes.
  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
body {
    --theme-page-headings-font: 'Inknut Antiqua';	
	--theme-border-color: #3f8e7c;
	--theme-sticky-nav-background-color: #33735e; /* brighter top bar */
	--theme-body-background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/f/f0/Season_Five.jpg/revision/latest);
	--parchment-border: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/4/40/Skin-Element-Border.png/revision/latest);
	--item-border-light: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/5/50/Border-light.svg/revision/latest);
	--item-border-standard: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/a/a6/Border-standard.svg/revision/latest);
	--item-border-premium: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/c/c1/Border-premium.svg/revision/latest);
	--item-border-athena: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/d/d6/Border-athena.svg/revision/latest);
}

.theme-fandomdesktop-dark {
	/* FANDOM VARIABLES */
	--theme-link-color: #95f3ab;
	--theme-link-rgb: 149, 243, 171;
	--theme-link-color--hover: #00ff9c;
	--theme-page-background-color: #0a1e23;
	--theme-page-background-color--rgb: 10,30,35;
	--theme-page-background-color--secondary: #133339;
	/* CUSTOM VARIABLES */
	--theme-header-color: #e6ead6;
}

.theme-fandomdesktop-light {
    --theme-page-text-color: #323335;
    --theme-link-color: #8a621f;
    --theme-link-color--rgb:138, 98, 31;
    --theme-link-color--hover: #8a621f;
    --theme-page-background-color: #e2dfd8;
    --theme-page-background-color--rgb: 226, 223, 216; /* light parchment */
    --theme-page-background-color--secondary: #d3c8ac;
    --theme-page-background-color--secondary--rgb: 211, 200, 172; /* darker parchment */
    
    --theme-header-color: #1d4351;    
}


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

/*******************
/* FANDOM-DESKTOP RELATED *
/*****************/

.WikiaBarWrapper {
    background-color: var(--theme-border-color);
}

.fandom-community-header__background {
    background: var(--theme-body-background-image) no-repeat;
    background-size:cover;
    height: 100%;
    filter: blur(2px);
    position: fixed; /* to fix issue Theme Designer */
    margin-bottom: auto; /* to fix issue Theme Designer */
}

.fandom-community-header__background:before {
    /* OLD KEEP FOR NOW background-image: linear-gradient(to top,transparent 20%,#0a1e23); */
    background-image: linear-gradient(to bottom,rgb(10 30 35 / 70%), transparent);
    top: 0; /* to fix issue of gradient  appearing at bottom of screen */
}

.page-content .mw-parser-output a {
    font-weight: unset; /* removes bolded links (Fandom) */
}

.page-content p, .page-content section {
    margin: 0px 0px 0.25em; /* Less bottom margin than the Fandom default */
}

.theme-fandomdesktop-dark .page__main {
	background-color: rgba(var(--theme-page-background-color--rgb),.85);
	backdrop-filter: blur(8px);
}

.theme-fandomdesktop-dark .page {
    border: solid 1px var(--theme-border-color);
    border: solid 1px #214f44;
    border-radius:3px;
}

.theme-fandomdesktop-light .page {
    border: solid 1px var(--theme-border-color);
    border-radius:3px;
}

.page__right-rail {
	background-color: var(--theme-page-background-color--secondary);
}

.oo-ui-panelLayout-framed {
    background: var(--theme-page-background-color); /* solid background */
}

.updatemarker {
	background: var(--theme-success-color);
	padding: 0 0.5em;
}

.oo-ui-messageDialog-message {
    color: var(--theme-body-text-color);
}

.page-content p+p {
    margin-top: 0px; /* FIX for unnecessarily large gap above paragraphs */
}

/* Dark theme - white arrows on REDIRECT pages */
.theme-fandomdesktop-dark .mw-content-ltr .redirectText li:first-child {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='20' viewBox='0 0 47 20'%3E%3Cpath fill='none' stroke='white' stroke-miterlimit='10' stroke-width='2' d='M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02'/%3E%3Cpath fill='white' d='M23.48 9.5l.02 7L30 13z'/%3E%3C/svg%3E");
}
.theme-fandomdesktop-dark .mw-content-ltr .redirectText li {
    background-image: linear-gradient(transparent,transparent),urlbackground-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='20' viewBox='0 0 42 20'%3E%3Cpath fill='%23fff' stroke='white' stroke-miterlimit='10' stroke-width='2' d='M11 10h17.064'/%3E%3Cpath d='M23 6l8 4-8 4z' fill='white'/%3E%3C/svg%3E");
}

/********************
/* AMBOX & BANNERS *
/******************/

/* copyright images tweak */
.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: none;
    /* border-image: var(--parchment-border) 27 54 31 39 fill / 1 / 0 round; */
    background: linear-gradient(to right,rgb(0 0 0 / 80%),rgb(0 0 0 / 0%)) padding-box;
    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;
}

/* SOURCE EDITOR */
.skin-fandomdesktop .ve-init-mw-desktopArticleTarget-originalContent:not(:empty) {
	background: black;
    border: 1px solid #3f8e7c;
}

/*****************
/*  FRONT PAGE  *
/***************/

.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;
    margin: 5px;
    padding: 5px;
    overflow: auto;
}

.fpbox .mainheading {
    border: none;
    font-family: var(--theme-page-headings-font),rubik,helvetica,arial,sans-serif;
    font-size: 125%;
    margin: 0 0 10px 0;
	color: var(--theme-header-color);
}

.fpbox .heading {
    font-family: var(--theme-page-headings-font),rubik,helvetica,arial,sans-serif;
    font-size: 125%;
    margin: 0 0 10px 0;
	color: var(--theme-header-color);
    border-bottom: solid 1px var(--theme-border-color);
}

.theme-fandomdesktop-light .fpbox:not(.plain) {
    color:white;
}

.theme-fandomdesktop-light .fpbox:not(.plain) a {
    color: #f9a825;
}
.theme-fandomdesktop-light .fpbox:not(.plain) a:hover {
    color:gold;
}
.theme-fandomdesktop-light .fpbox:not(.plain) .heading {
    color:#e6ead6
}

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


/************
/* HEADERS * 
/**********/
body.page-Sea_of_Thieves_Wiki h1.page-header__title{ 
    display:none;	/* Hides HOME text on main page */
}

.page-header__title {
    font-family: var(--theme-page-headings-font),rubik,helvetica,arial,sans-serif;
}

.page-header__title, .page-content h1, .page-content h2, .page-content h3 {
	color: var(--theme-header-color);
}

.page-content h2 {
    border-bottom: solid 1px var(--theme-border-color);
}

.page-content h3, .page-content h4, .page-content h5, .page-content h6 {
	font-family: rubik,helvetica,arial,sans-serif;	/* Sets headers h3-h6 to plain font */
}
/***********
/* TABLES *
/*********/

.article-table-wrapper {
    background-color: var(--theme-page-background-color);
    background: none;
}

.article-table, .wikitable {
    background-color: var(--theme-page-background-color);
}

.article-table>caption, .wikitable>caption{
    border: none;
    margin-bottom: 0;
}

.wikitable {
    margin: .5em 0; /* REMOVES EXCESSIVE TOP & BOTTOM MARGIN */
}

.article-table tr th, .wikitable tr th {
    background-color: var(--theme-sticky-nav-background-color);
    background-color: rgba(51, 85, 81, .5);
    background-color: #213736;
}

/************
/* GALLERY *
/**********/
div.thumbinner, ul.mw-gallery-traditional li.gallerybox div.thumb{
    background-color:rgba(3, 4, 2, .5);
    background-color:rgba(76, 105, 102, .5);
        background: linear-gradient(to top, rgba(85, 178, 155, .3), rgba(21, 30, 29, .6));
    border: 1px solid rgba(85, 178, 155, .5);
    /* border-color: rgba(47, 162, 136, .2); */
    border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #000, inset 0px 0px 3px rgba(47, 162, 136, .5)
}

.theme-fandomdesktop-light div.thumbinner, .theme-fandomdesktop-light ul.mw-gallery-traditional li.gallerybox div.thumb {
    background: linear-gradient(to top, rgba(var(--theme-page-background-color--secondary--rgb),0.9),rgba(var(--theme-link-color--rgb),0.45));
    border: 1px solid rgba(178, 155, 85, .5);
    border-radius: 3px;
    box-shadow: 0px 0px 0px 1px var(--theme-link-color),inset 0px 0px 3px rgba(var(--theme-link-color--rgb),.5);
}

/****************************
/*   COSMETIC 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%;
}

/******************
/*   INFOBOXES   *
/****************/
.infoboxtable {
    float: right;
    border-collapse: separate;
    border-style: solid;
    border-width: 15px;
    border-color: transparent;
    border-image: var(--parchment-border) 39 26 repeat;
    background-color: #020607;
    background-color: rgba(0, 0, 0, .80);
    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;
}

.theme-fandomdesktop-light .infoboxtable a:hover {
    color:gold;
}

.theme-fandomdesktop-light .infoboxtable a {
    color:#f9a825;
}

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

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

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

.repNum {
    font-size: 110%;
    text-align: center ;
    font-family: PragRoman, Georgia, serif;
    color: #f1eee5;
    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;
}

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

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

td.repNum{
    width: 3.25rem;
    font-size: 1rem;
    line-height: 48px;
    background-size: 48px;
}

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

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

.infoboxtable td.repNum span, .list td.repNum span {
    display: inline-block; 
    top: 100%;
    text-align: center;
    vertical-align: middle;
	line-height: 64px;
    width: 64px;
    font-size: 1.25rem;
}

/******************
/* DIALOGUE STYLES * 
/******************/
/* ------ DIALOG (AUG 2021) ------ */
.dialog2-box { 
	font-family: PragRoman;
	font-size: .9rem;
}

.dialog2-box br {
  content: '';
  display: block;
  margin-bottom: 0.5em;
}

.dialog2-intro {
	border-radius: 16px 16px 0 0;
	padding: 1rem 1.75rem 0rem .75rem; /* top was .75rem */
	position: relative;
	display: flex;
	align-items: center;
}

.dialog2-icon { /* these cancel out inline styles meant for mobile */
    display: inline !important;
    height: 100% !important;
    margin-bottom: 0 !important;
}

.dialog2-intro .floatleft {
    margin:0;
}

.dialog2-intro p {
    margin: 0 0 0 .75rem !important;
}

/* ------ OLD DIALOG CSS ------ */
/* ------ remove once new update is functional ------ */
.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;
}

/* ------ OLD VOICEOVER (USING DIALOGUE TEMPALTE) ------ */
/* ------ remove once all voiceovers are moved to new template ------ */

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

/* ------ VOICEOVER TEMPLATE ------ */
.voiceover-box .mw-collapsible-toggle {
	margin: .35rem;
    padding-right:.5rem;
}

.voiceover-box {
    width: fit-content;
    width: -webkit-fill-available;
    border-radius: 8px;
    margin: 0 0 1rem .5rem;
}

.voiceover-box br {
  content: '';
  display: block;
  margin-bottom: 0.5em;
}

.voiceover-intro {
    padding: 0em;
}

.voiceover-box .name {
	font-family: Windlass, PragRoman;
	font-weight: normal !important;   /* cancels out inline bolding used for mobile */
}

.voiceover-intro p {
    margin-left: 1rem;
    font-size: 1.25rem;
    margin-top: 0.25rem;
    margin-bottom: 0.1rem;
}

.voiceover-body {
    font-size: 1.1rem;
    margin: 0 .75rem .75rem;
}

.voiceover-box .mw-collapsible-content p{
    padding: 0 .5rem 0 1.25rem;
    margin: 0 0 .15rem 0;
}

.voiceover-box .mw-collapsible-content .name  { 
    padding-left: .25rem;
    margin-bottom: 0;
}

.voiceover-box .mw-collapsible-content .option { 
    padding-left: .25rem;
    margin-bottom: 0;
    margin-top: 0.8em;
}


/*******************
/* SEASON REWARDS *
/*****************/
.reward-frame {
	background: none !important;
    position:relative; }

.reward-frame:before {
    background-image: var(--item-border-standard);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
}
.reward-type-pass:before {
    background-image: var(--item-border-premium);
}
.reward-type-legend:before {
    background-image: var(--item-border-athena);
}

.reward-frame img {
    background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/5/50/Standard-bg.png/revision/latest);
    background-size: contain;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    z-index:1;
}
.reward-type-pass img {
    background-image: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/7/76/Premium-bg.png/revision/latest);
    }
.reward-type-legend img {
    background-image:url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/0/04/Athena-bg.png/revision/latest);
}

/*******************
/*      MISC.     *
/*****************/
.theme-fandomdesktop-light img[data-image-name="WikiWhite.png"] {
    filter: drop-shadow(0px 0px 2px #2b2b2b);
}

#toc, .toc {	/* Table of Contents background */
    background: var(--theme-page-background-color--secondary);
}

.theme-fandomdesktop-light .page-content #toc, .theme-fandomdesktop-light .page-content .toc{
    background: rgba(var(--theme-page-background-color--secondary--rgb),0.5);
}

/*** list styling ***/

.page-content dl {
	margin: 0.2em 0 0.5em; /* less margin on lists */
}

.page-content ul, .page-content ol {
    margin: .2rem 0 .2rem 2rem;
}

.page-content li ul {
    margin-top: 0; /* fixes large gap from 2nd tier bullet list and parent */
}

.page-content p+ol,
.page-content p+ul,
.page-content section+ol,
.page-content section+ul {
    margin-top: inherit; /* fixes negative margin (Fandom bug) */
}

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

/* solid green bullets points */
.theme-fandomdesktop-dark .page-content ul {
	list-style: 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");
}
/* hollow green bullet points */
.theme-fandomdesktop-dark .page-content li ul {
	list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5'%0A%3E%3Ccircle cx='2.4996688' cy='2.4956303' id='circle2' style='fill:none;stroke:%2395f3ab;stroke-width:0.83333331;stroke-opacity:1' r='2.0833333' /%3E%3C/svg%3E%0A");
}

.theme-fandomdesktop-dark .mw-body-content .unified-search__results,.theme-fandomdesktop-dark .page-content .unified-search__results, .theme-fandomdesktop-dark .WikiaPageContentWrapper .unified-search__results, .theme-fandomdesktop-dark .tabber ul, .theme-fandomdesktop-dark .page-content ul.wds-tabs,
.theme-fandomdesktop-dark .AdminDashboard ol, .theme-fandomdesktop-dark .AdminDashboard ul, .theme-fandomdesktop-dark .page-content .toc ul {
	list-style: none;
}

div.hatnote {
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}

.theme-fandomdesktop-dark div#content a.new {
    color: #f39595;
}

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

.wikitable .mw-collapsible-toggle {
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
}

.talelocation, .minwidth500 { 
	min-width: 400px;
}

.riddlebox, .trialtable {
	width: 700px !important; 
}

.mobileonly, .dt-hidden {
	display:none; /* Hides an element from desktop view but not mobile */
}

.emotevid {
    width: 300px !important;
    height: auto !important;
    object-fit: unset;
}

.theme-fandomdesktop-light .invert img, .theme-fandomdesktop-light img.invert {
	filter:invert(1);
}

.theme-fandomdesktop-light .rune img, .theme-fandomdesktop-light img.rune {
	filter:invert(.65);
}

.theme-fandomdesktop-light .coin {
    color:var(--theme-page-text-color);
}
.theme-fandomdesktop-light .infoboxtable .coin {
    color: white;
}
.theme-fandomdesktop-light .coin img[alt="Gold.png"] {
    filter: drop-shadow(0 0 0.05rem #2d2d2d);
}

/* ------ 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;
}
	
}
Advertisement