MediaWiki:Wikia.css

@import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css";

.WikiaPageHeader { font-family: Josefin Sans; /* This changes the header on every article */ }

.WikiaArticle { font-family: Josefin Sans; /* This changes the text in the content space only */ }

/* To make images responsive */ .res-img img { max-width:100%; height:auto; }

.ogg_custom div { display: inline; } .ogg_custom, .ogg_custom:hover { opacity: 0.6; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .ogg_custom:hover { opacity: 1; } .ogg_custom button>img, .ogg_custom .image img { display: none; } .ogg_custom button { border: none !important; } .ogg_custom .image, .ogg_custom .ogg-player-options+a:after { content:""; height: 42px; vertical-align: bottom; background-size: 100%; display: inline-block; } .ogg_custom audio { border-radius:4px } .ogg_custom>.ogg_player>div>button:after { content: url("https://vignette.wikia.nocookie.net/hisuperb/images/9/90/Play.png/revision/latest?cb=20190302132859&format=original") !important; } .ogg_custom .ogg-player-options { margin-left: 3px; } div.ogg_player .ogg-player-options { background: white !important; } .ogg_player>div+div:hover .ogg-player-options { display: inline-block !important; position: absolute; z-index: 2; } /* .OGG Player - Default */ .ogg_custom.default .ogg_player button, .ogg_custom.default audio { background: #333333; } .ogg_custom.default audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { /* The reason this is separate is due to firefox */ background: #333333; } .ogg_custom.default .image, .ogg_custom.default .ogg-player-options+a:after { background-image: url("https://vignette.wikia.nocookie.net/bpro/images/5/57/B.png/revision/latest?cb=20181004173204&format=original"); width: 34px; /* The height is set elsewhere at 50px, but we have to set the width for each image. */ } .ogg_custom.default .ogg-player-options { border: 1px solid #333333; }

/* Customizing Tabber */ .tabbertab { border-top: 2px solid #ffffff !important; border-bottom: 2px solid #ffffff !important; border-left: 2px solid #ffffff !important; border-right: 2px solid #ffffff !important; background-color: #ffffff; color: #333333; } /* add spaces to tabview tabs */ .tabberlive > ul.tabbernav > li { line-height: 250% !important; margin-right: 2px; }   /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 2; } .tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; } ul.tabbernav li a { -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; background: #333333 !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border: 2px solid #333333 !important; color: white !important; font-size: 14px !important; font-weight: normal !important; margin-left: 0 !important; padding: 3px 0.5em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #e50011 !important; border: 2px solid #e50011 !important; color: white !important; cursor: default; font-size: 14px !important; font-weight: bold !important; } ul.tabbernav li.tabberactive { line-height: 200% !important; }   ul.tabbernav li.tabberactive:first-child a { margin-left: 0 !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }

/* End of Customizing Tabber */

ul.tabs li { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; } /* Selected Tab */ ul.tabs li.selected a { background-color: #e50011 !important; border: 2px solid #e50011 !important; color: white !important; cursor: default; font-size: 14px !important; font-weight: bold !important; } /* Normal Tab; NOT selected */ ul.tabs li a { -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; background: #333333 !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border: 2px solid #333333 !important; color: white !important; font-size: 14px !important; font-weight: normal !important; margin-left: 0 !important; padding: 3px 0.5em !important; position: relative; }