MediaWiki:Wikia.css

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

a.external:after { display: none !important; }

/* Background image */ body.skin-oasis { background-image: url(https://i.imgur.com/Ef05RXs.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #000; color: #000; }

.WikiaPage { border: 2; }

.WikiaArticle { font-family: "Avenir", "Arial"; }

.WikiaMainContent { font-family: suitmanfont; }

.page-header__title { 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 { text-align:left; font-family: suitmanfont; }

.WikiNav { font-family: suitmanfont; }

/* 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 */ } .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 */ } .imagehover img { opacity: 0.80; filter: alpha(80); /* For IE8 and earlier */ }   .imagehover img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .EditPage { font-family: suitmanfont; }

background-color:#4E3254; 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: #4E3254; }

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

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

ul.tabviewnav li a:hover { background-color: #423E3E !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: #423E3E !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; }

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

/* 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: #895598; 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: #895598; color: #FFFFFF; text-align: center; padding: 30px; }

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

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

.portable-infobox .pi-title { background-color: #4E3254; 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: #895598; color: white; }

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

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

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

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

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

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