MediaWiki:Wikia.css

@import url('//dev.wikia.com/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css&only=styles'); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/code.css&only=styles'); @import "//dev.wikia.com/load.php?mode=articles&articles=Global_Lua_Modules/NavboxBuilder/code.css&only=styles"; @import url(/load.php?mode=articles&articles=MediaWiki:Slide.css&only=styles); @import url(/load.php?mode=articles&articles=MediaWiki:PortableInfobox.css&only=styles); @import "//dev.wikia.com/load.php?mode=articles&articles=Highlight/code.css&only=styles"; @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:RedesignedAdminDashboard.css&only=styles");

@font-face { font-family: 'suitmanfont'; src: url("https://vignette.wikia.nocookie.net/suitmansurvivor/images/5/5f/Geometos_Rounded.ttf") format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'wikifont'; src: url("https://vignette.wikia.nocookie.net/suitmansurvivor/images/5/5b/Rubik-Light.ttf") format('truetype'); font-weight: normal; font-style: normal; }

/* Background image */ body.skin-oasis { background-image: url(https://i.pinimg.com/originals/28/8e/65/288e65a8b04b65bc11f55524a9968918.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #000; color: #000; }

.aw-header { border-bottom: 3px solid #85857C; background-color: #808080 !important; color: #FFFFFF !important; font: "Dosis"; font-size: 28px; padding-bottom: 3px; padding-top: 3px; text-transform: uppercase; text-align: center; font: rubik; }

.wds-community-header { font-family: suitmanfont; color: #808080; }

.wds-community-header__sitename { font-size: 24px; }

.WikiaPage { border: 10; border-color: #EBEBEB; }

.WikiaArticle { font-family: rubik; }

.WikiaMainContent { font-family: suitmanfont; }

.page-header { color: #808080; }

.page-header__title { font-family: suitmanfont; }

.WikiaArticle h2 { font-size: 20px; font-family: suitmanfont; color: #808080; }

.WikiaArticle h3 { font-size: 17px; font-family: suitmanfont; color: #808080; } .WikiaArticle h4 { font-family: suitmanfont; color: #808080; } .WikiaArticle h5 { font-family: suitmanfont; color: #808080; } .WikiaArticle h6 { font-family: suitmanfont; color: #808080; }

.WikiaRail .module, .WikiaRail .rail-module { font-family: suitmanfont; position: relative; margin: 0; margin-bottom: 20px; padding: 20px 15px 15px; background: #EBEBEB; color: #808080; border: none; word-wrap: break-word; }

.WikiNav { font-family: suitmanfont; }

.h2 { color: #808080; }

.tally { font-family: suitmanfont; color: #808080; }

color: #808080; }
 * 1) recirculation-impactFooter-container {

color: #808080; }
 * 1) CreatePageModalDialog {

.mcf-header { color: #808080; }

.WikiaFooter section { background: #EBEBEB; border: none; }   background-image: none !important } .WikiaFooter.notoolbar section { background: #EBEBEB; }
 * 1) SPOTLIGHT_FOOTER {

.WikiaArticle h3 .editsection .sprite.edit-pencil, .WikiaArticle h4 .editsection .sprite.edit-pencil, .WikiaArticle h5 .editsection .sprite.edit-pencil, .WikiaArticle h6 .editsection .sprite.edit-pencil { display: none; } .WikiaArticle h2 .editsection .sprite.edit-pencil { background: url('https://i.imgur.com/bLbeZjb.png') no-repeat !important; margin-bottom: -2px; margin-right: 3px; } .editsection a { font-size: 9px; text-transform: uppercase; }

/* Collapse */ .collapseButton-altered span.collapseButton { font-weight:normal } .collapseButton-altered span.collapseLink { color:#00b06c; cursor:pointer; } .collapseButton-altered span.collapseLink:hover { text-decoration:underline } /* Roundy template */ .roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

.WikiHeader { background: url(https://vignette.wikia.nocookie.net/suitmansurvivor/images/d/de/Wikia_Banner.png) }

/* Class */ .hoverimage img { opacity: 0.70; filter: alpha(70); /* For IE8 and earlier */ }   .hoverimage img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* Class */ .lighthover img { opacity: 0.90; filter: alpha(70); /* For IE8 and earlier */ }   .lighthover img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }

/* Class */ .imagehover img { opacity: 1.00; filter: alpha(100); /* For IE8 and earlier */ }   .imagehover img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ -webkit-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); -ms-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }

.EditPage { font-family: suitmanfont; }

background-color:#808080; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none!important; -ms-box-shadow:none; -o-box-shadow:none; -box-shadow:none; display:block; }
 * 1) EditPageHeader {

.editpage-extra-header-html { color: white; }

background-color: white; color: black; }
 * 1) wpTextbox {

.AdminDashboardHeader { font-family: suitmanfont; color: #808080; }

.AdminDashboardRail { font-family: suitmanfont; color: #808080; }

/* Margins and padding */ .page-Main_Page div.header-column { display: inline-flex; padding: 0 0 4px 0; } .page-Main_Page .WikiHeader { margin: 0; } .page-Main_Page div#mp3-global { padding: 0; margin-top: 0; } .page-Main_Page header#WikiaPageHeader { margin: 0; } .page-Main_Page div.header-container { margin: 0; }

.portal { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

.portal:hover { opacity: 0.5; }

ul.tabviewnav { border-bottom: 0 solid !important; font: normal 14px Helvetica, Arial, sans-serif !important; padding: 10px 0 !important; border-top: 5px solid #808080; border-radius: 0 !important; } ul.tabviewnav li a { padding: 10px 10px !important; margin-left: 0 !important; border: 0 solid !important; background: #FFF !important; border-radius: 0 !important; } ul.tabviewnav li a:link { color: #808080 !important; } ul.tabviewnav li a:visited { color: #808080 !important; }

ul.tabviewnav li a:hover { background-color: #808080 !important; border-color: transparent !important; color: #FFF !important; border-radius: 0 !important; } ul.tabviewnav li.tabviewactive a { color:#FFF !important; font-weight:normal !important; border: 0 solid #D9D9D9 !important; border-bottom: 1px solid #fff !important; background-color: #808080 !important; border-radius: 0 !important; } ul.tabviewnav li.tabviewactive a:hover { border: 0 solid #D9D9D9 !important; border-bottom: 0 solid #fff !important; border-radius: 0; } .tabviewlive { width: auto !important; } .tabviewlive .tabviewtab { border: 0px solid #D9D9D9 !important; border-top: 0 !important; border-radius: 0px !important; }

.Watery { width: auto; height: auto; min-height: 21px; background-color: #808080; font-family: suitmanfont; color: white; font-size: 18px; border-radius: 0.75em; text-align: center; } .Watery2 { width: 327px; height: auto; min-height: 21px; background-color: #808080; font-family: suitmanfont; color: white; font-size: 20px; border-radius: 0.75em; text-align: center; }

.Waterybig { width: auto; height: auto; min-height: 21px; background-color: #808080; font-family: suitmanfont; color: white; font-size: 20px; border-radius: 0.75em; text-align: center; }

/* .watery-collapsible class to use collapsible div alongside .Waterybig header */ .watery-collapsible .mw-collapsible-toggle { line-height: 30px; padding-right: 30px !important; color: white; font-family: "suitmanfont"; margin-left: -100% !important; } /* .watery-collapsible class to use collapsible div alongside .Waterybig header */ .watery-collapsible .mw-collapsible-toggle { line-height: 30px; padding-right: 30px !important; color: white; font-family: "suitmanfont"; margin-left: -100% !important; } .watery-collapsible .mw-collapsible-toggle a { color: white !important; }

.tabs .selected a { border-right: none; border-left: none; border-top: none; color: black; background: transparent; } .tabs li a:hover { background: url(https://vignette.wikia.nocookie.net/suitmansurvivor/images/1/1b/Wikia_Header.png); color: white; border: 1px #000 solid; }

.community-page-entry-point-new, .community-page-entry-point-description, .community-page-entry-point-button { font-family: suitmanfont; }

/* BEGIN: List tabs */

.tableDiv { display:table; }

.tableDiv > div { display:table-cell; }

.list-tab { float: left; font-weight: normal !important; text-align: center; background: none !important; margin-right: 2px !important; }

.list-tab.selected { padding:3px; font-weight: normal !important; border-radius: 10px 10px 0 0; border:2px solid #808080; background-color: #808080 !important; font-family: suitmanfont; color: white; }

.list-tab.last { margin-right: 0 !important; }

.list-tab a { display: block; font-weight:normal !important; padding:3px; color: black; border-radius: 10px 10px 0 0; border:2px solid #bfbeb8; background-color: #bfbeb8 !important; font-family: suitmanfont; }

.list-tab.extra a, .list-tab.selected.extra { padding-left:10px !important; padding-right:10px !important; }

.list-tab a:hover { text-decoration: none !important; font-weight: normal !important; color: white; background-color: #bfbeb8 !important; border-radius: 10px 10px 0 0; border: 2px solid #bfbeb8; font-family: suitmanfont; }

.tableDiv > div:not(.selected):hover { margin: 0 3px -1px 1px !important; }

@media screen and (max-width: 1023px) { .list-tab a, .list-tab.selected { padding:1px !important; } .list-tab.extra a, .list-tab.selected.extra { padding-left:8px !important; padding-right:8px !important; } }

@media screen and (min-width: 1024px) and (max-width: 1599px) { .list-tab a, .list-tab.selected { padding:3px !important; } .list-tab.extra a, .list-tab.selected.extra { padding-left:10px !important; padding-right:10px !important; } }

@media screen and (min-width: 1600px) { .list-tab a, .list-tab.selected { padding:5px !important; } .list-tab.extra a, .list-tab.selected.extra { padding-left:12px !important; padding-right:12px !important; } }

/* END: List tabs */

/* Homepage Portal */ .aw-table { padding:10px; } .aw-table td { height: 150px; padding: 0; } .aw-table td div { font-family: "suitmanfont", sans-serif; height: 24px; max-height: 24px; padding: 3px !important; text-transform: uppercase; font-size:18px; } .aw-table td:hover div { height: 100%; max-height: 300px; transition: max-height 1s; -webkit-transition: max-height 1s; } .aw-table td:hover { cursor: pointer; } .aw-table-portals tr:first-child td:first-child { background: url("https://vignette.wikia.nocookie.net/suitmansurvivor/images/f/fa/Survivor.png") no-repeat; background-position:center; background-position-y:-40px; background-size: auto 155%; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:first-child td:last-child { background: url("https://vignette.wikia.nocookie.net/survivor/images/6/64/Savaii_tribe.jpg") no-repeat; background-position:center; background-size: 200% auto; background-position-y:0px; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:nth-child(2) td:first-child { background-size: 80% auto; background: url("https://vignette.wikia.nocookie.net/survivor/images/6/61/Gabon_necklace.jpg") no-repeat; background-size:200px; background-position:center; background-position-y:0px; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:nth-child(2) td:last-child { background: url("https://vignette.wikia.nocookie.net/survivor/images/f/fc/Redemptionislandfacade.jpg") no-repeat; background-size: 200% auto; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:last-child td:first-child { background-size: 80% auto; background: url("https://vignette.wikia.nocookie.net/survivor/images/c/cd/Season_33_cast.jpg") no-repeat; background-position:center; background-size:370px; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:last-child td:last-child { background: url("https://vignette.wikia.nocookie.net/survivor/images/0/0e/Probst-and-idol.jpg") no-repeat; background-position-y:-30px; background-position-x:-20px; background-size: 130% auto; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals td div { background-color: rgba(63, 63, 48, 0.85); color: #fff; }

/* Homepage Buttons */ .btn1 { -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: rgba(0, 0, 0, 0); color: #808080; display: inline-block; font-size: 40px; margin: auto; padding: 30px; text-decoration: none; transition: all 0.5s ease; width: 200px !important; text-align: center; font-family: suitmanfont; } .btn1:hover { background-color: #808080; color: #FFFFFF; text-align: center; padding: 30px; }

.tabbernav { font-family: suitmanfont !important; font-weight: normal !important; font-size: 22px !important; border-bottom: 3px solid #808080 !important; padding: 0.3em 0 !important; text-align: center; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #808080 !important; border: none !important; background: transparent !important; } .tabberactive a { color: #FFFFFF !important; background: #808080 !important; } .tabbernav :not(.tabberactive) a:hover { color: #FFFFFF !important; background: rgba(47, 79, 79, 0.50) !important; } .tabbertab { border: none !important; padding: 0 !important; }

/* Portable Infobox Data */ .portable-infobox.pi-background { background-color: #dadad8; color: black; }

.portable-infobox .pi-title { background-color: #808080; color: white; font-size: 20px; display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ }

.portable-infobox .pi-header { background-color: #808080; color: white; }

.portable-infobox .pi-collapsearrow { color: white; }

.portable-infobox .pi-data-label { flex-basis: 190px; font-size: 13px; }

.portable-infobox .pi-horizontal-group-item.pi-data-label { font-family: suitmanfont; color: #808080; flex-basis: 190px; font-size: 13px; }

.pi-collapse .pi-header::after { border-color: white !important; }

.pi-theme-castaways .pi-header { background-color: #CCCCCC; font-size: 16px; display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ }

.pi-theme-castaways .pi-image-thumbnail { width: 275px; height: auto; }

/* TRIBE INFOBOX TITLE CLASSES */ .pi-theme-dagouein .pi-title { background-color: #d4321b; color: white; } .pi-theme-tadjoura .pi-title { background-color: #2e1897; color: white; } .pi-theme-yaguer .pi-title { background-color: #f1c413; color: black; } .pi-theme-glenkito .pi-title { background-color: #6e2368; color: white; }

/* TRIBE INFOBOX HEADER CLASSES */ .pi-theme-dagouein .pi-header { background-color: #d4321b; color: white; } .pi-theme-tadjoura .pi-header { background-color: #2e1897; color: white; } .pi-theme-yaguer .pi-header { background-color: #f1c413; color: black; } .pi-theme-glenkito .pi-header { background-color: #6e2368; color: white; }

/* EPISODE INFOBOX TITLE CLASSES */ .pi-theme-season0 .pi-title { background-color: #D7E7F4; color: black; font-size: 15px; line-height: 20px; } .pi-theme-glenkito0 .pi-title { background-color: #6e2368; color: white; font-size: 15px; line-height: 20px; }