MediaWiki:Fandomdesktop.css

body { /* FANDOM VARIABLES */ --theme-border-color: #3f8e7c; --theme-link-color: #95f3ab; --theme-link-color--hover: #00ff9c; --theme-page-background-color: #0a1e23; --theme-page-background-color--rgb: 10,30,35; --theme-page-background-color--secondary: #133339; --theme-sticky-nav-background-color: #33735e; /* brighter top bar */ /* CUSTOM VARIABLES */ --theme-header-color: #e6ead6; --theme-body-background-image-skeletonchase: url(https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/d/df/Ach_Golden_Voyager.jpg/revision/latest?cb=20200428173625); --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); }

.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 * /*****************/ .fandom-community-header__background { background: var(--theme-body-background-image-skeletonchase) no-repeat; background-size:cover; height: 100%; filter: blur(2px); }

.fandom-community-header__background:before { background-image: linear-gradient(to top,transparent 20%,#0a1e23); }

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

.page-content .mw-parser-output a { font-weight: unset; }

.page-content p, .page-content section { margin: 0px 0px 0.5em; /* LESS BOTTOM MARGIN THAN DEFAULT */ }

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

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

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

.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 { 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) }

/**************************** /*  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: #020607; background-clip: padding-box; color: #ffffff; margin: 0 0 .5em 1em; padding: 3px 6px; width: 300px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/******************* /*  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{ font-size: 1.5rem; }

/* 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: 0px;  /* THIS WAS 64px */ width: 64px; font-size:1.5rem; }

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

/******************* /* SEASON REWARDS * /*****************/ .reward-frame { 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.     * /*****************/   background: var(--theme-page-background-color--secondary); }
 * toc, .toc {	/* Table of Contents background */

.page-content 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"); }

.page-content li ul { list-style-image: 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"); }

.page-content ul li { list-style-image: ; }

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

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

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

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

.talelocation { min-width: 500px; }

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