MediaWiki:Wikia.css

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

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

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

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

ul.tabviewnav li a:hover { background-color: #8B0000 !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 #8B0000 !important; border-bottom: 1px solid #fff !important; background-color: #8B0000 !important; border-radius: 0 !important; } ul.tabviewnav li.tabviewactive a:hover { border: 0 solid #8B0000 !important; border-bottom: 0 solid #fff !important; border-radius: 0; } .tabviewlive { width: auto !important; } .tabviewlive .tabviewtab { border: 0px solid #8B0000 !important; border-top: 0 !important; border-radius: 0px !important; }

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

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

.tabbernav { font-family: suitmanfont !important; font-weight: normal !important; font-size: 18px !important; border-top: 3px solid #DC143C !important; border-bottom: 3px solid #DC143C !important; padding: 0.3em 0 !important; text-align: center; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #DC143C !important; border: none !important; background: transparent !important; } .tabberactive a { color: #FFFFFF !important; background: #DC143C !important; } .tabbernav :not(.tabberactive) a:hover { color: #FFFFFF !important; background: rgba(220, 20, 60, 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: #B22222; 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: #B22222; color: white; }

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

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

.portable-infobox .pi-horizontal-group-item.pi-data-label { font-family: suitmanfont; color: #B22222; flex-basis: 155px; 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-aurum .pi-title { background-color: #FFE860; color: black; } .pi-theme-cantamen .pi-title { background-color: #0895BA; color: black; } .pi-theme-coronam .pi-title { background-color: #6D2FAB; color: white; } .pi-theme-gladio .pi-title { background-color: #FF6767; color: black; } .pi-theme-carminaburana .pi-title { background-color: #1EED20; color: black; }