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/9/96/Forta.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/47/0a/19/470a19a36904fe200610cc1f41eb00d9.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 #92817C; background-color: #9f3588 !important; color: #FFFFFF !important; font: "Dosis"; font-size: 26px; padding-bottom: 3px; padding-top: 3px; text-transform: uppercase; text-align: center; font: rubik; }

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

.wds-community-header__sitename { font-size: 24px; } .mediawiki { font-family: suitmanfont, Open Sans Condensed, Arial, sans-serif; } .WikiaPage { border: 10; border-color: #EBEBEB; }

.WikiaArticle { font-family: rubik; }

.WikiaMainContent { font-family: suitmanfont; }

.page-header { color: #9f3588; }

.page-header__title { color: #9f3588; font-family: suitmanfont; }

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

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

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

.WikiNav { font-family: suitmanfont; }

.h2 { color: #3A3A3A; }

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

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

color: #3A3A3A; }
 * 1) CreatePageModalDialog {

.mcf-header { color: #3A3A3A; }

.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(90); /* 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:#9f3588; 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: #9f3588; }

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

/* 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 #9f3588; 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: #9f3588 !important; } ul.tabviewnav li a:visited { color: #9f3588 !important; }

ul.tabviewnav li a:hover { background-color: #9f3588 !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: #9f3588 !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: #9f3588; 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: #9f3588; 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: #9f3588; 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 #9f3588; background-color: #9f3588 !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 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: #4a2b1c; 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: #9f3588; color: #FFFFFF; text-align: center; padding: 30px; }

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

.tabbermain .tabbernav { font-family: suitmanfont !important; font-weight: normal !important; font-size: 20px !important; border-bottom: 3px solid #9f3588 !important; text-align: center; } .tabbermain .tabbernav a { margin: 0 !important; color: #9f3588 !important; border: none !important; background: transparent !important; } .tabbermain .tabberactive a { color: #FFFFFF !important; background: #4a2b1c !important; } .tabbermain .tabbernav :not(.tabberactive) a:hover { color: #FFFFFF !important; background: rgba(74, 43, 28, 0.50) !important; } .tabbermain .tabbertab { border: none !important; padding: 0 !important; }

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

.portable-infobox .pi-title { background-color: #9f3588; 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: #B3B3B3; color: black; font-size: 16px; }

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

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

.portable-infobox .pi-horizontal-group-item.pi-data-label { font-family: suitmanfont; color: black; flex-basis: 185px; font-size: 11px; }

.portable-infobox .pi-border-color { border-color: #ADA09C; }

.portable-infobox .pi-image-thumbnail { width: 270px; height: auto; }

ul.pi-image-collection-tabs li { margin-top:-3px; font-size: 13px; padding: 0 5px 1px !important; margin: 1px !important; border: 0px !important; font-family: suitmanfont; } ul.pi-image-collection-tabs li.current { color: #3e251a; }

.pi-tab-link.pi-item-spacing.current { font-size: 18px; }

ul.pi-image-collection-tabs li.pi-tab-link { background: transparent; border-color: transparent; }

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

.pi-theme-career .pi-title { font-size: 15px; line-height: 25px; }

.pi-theme-seasons .pi-header { background-color: #9f3588; color: white; font-size: 12px; }

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

.pi-theme-career .pi-header { color: black; font-size: 15px; display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ }

.pi-theme-seasons .pi-image-thumbnail { width: 270px; height: auto; }

.pi-theme-twists .pi-image-thumbnail { width: 270px; height: auto; }

.pi-theme-seasons .pi-data-label { flex-basis: 130px; }

.pi-theme-career .pi-data-label { flex-basis: 700px; }

.pi-theme-career .pi-data-value { font-size: 14px; }

.portable-infobox .pi-navigation { background-color: transparent; color: black; font-family: suitmanfont; font-size: 18px; display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ }

/* TRIBE INFOBOX TITLE CLASSES */ .pi-theme-elim .pi-title { background-color: #B8B8B8; color: black; } .pi-theme-quit .pi-title { background-color: #D3AAC0; color: black; } .pi-theme-evac .pi-title { background-color: #D3D2AA; color: black; } .pi-theme-jury .pi-title { background-color: #AAABD3; color: black; } .pi-theme-ghost .pi-title { background-color: #36454F; color: white; } .pi-theme-final .pi-title { background-color: #AED8E5; color: black; } .pi-theme-winner .pi-title { background-color: #AEE5BB; color: black; } .pi-theme-hamitu .pi-title { background-color: #5DC4DA; color: black; } .pi-theme-manui .pi-title { background-color: #00A679; color: white; } .pi-theme-nifulee .pi-title { background-color: #FFCC2C; color: black; } .pi-theme-yawateg .pi-title { background-color: #B5722F; color: white; }

/* TRIBE INFOBOX HEADER CLASSES */ .pi-theme-elim .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-quit .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-evac .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-jury .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-final .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-winner .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-hamitu .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-manui .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-nifulee .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ } .pi-theme-yawateg .pi-header { display: flex; align-items: center; /*vertically align items or text*/ justify-content: center ; /*horizontally aligns items or text*/ }

/* EPISODE INFOBOX TITLE CLASSES */ .pi-theme-merged0 .pi-title { background-color: #0C0C0C; color: white; font-size: 14px; line-height: 20px; } .pi-theme-yawateg0 .pi-title { background-color: #B5722F; color: white; font-size: 14px; line-height: 20px; }

/* EPISODE INFOBOX IMAGE CLASSES */ .pi-theme-merged0 .pi-image-thumbnail { width: 270px; height: auto; } .pi-theme-yawateg0 .pi-image-thumbnail { width: 270px; height: auto; }