MediaWiki:Wikia.css

/* Font - do not move @import from the top of the page */ @import url('https://fonts.googleapis.com/css2?family=Sniglet&display=swap');

.WikiaPage h2, h3, h4, h5, h6 { font-family: 'Sniglet', cursive; } .WikiaArticle { font-family: 'Sniglet', cursive; } .WikiaArticle .new { color: red !important; }

body { font-family: 'Sniglet', cursive; }

.page-header__title { font-family: 'Sniglet', cursive; } .wds-community-header__sitename { font-family: 'Sniglet', cursive; } /*===========================*/ /*   User tags color    */ /*===========================*/ a.tag { color: ineherent; }

.tag.usergroup-bureaucrat { background-color: orange !important; color: black !important; } .tag.usergroup-sysop { background-color: blue !important; color: white !important; } .tag.usergroup-content-moderator { background-color: purple !important; color: white !important; } .tag.usergroup-poweruser { background-color: gold !important; color: white !important; } .tag.usergroup-autoconfirmed-user { background-color: maroon !important; color: white !important; } .tag.usergroup-user { background-color: orange !important; color: white !important; } .tag.usergroup-newuser { background-color: green !important; color: white !important; } .tag.usergroup-inactive { background-color: red !important; color: white !important; } .tag.usergroup-bloacked { background-color: red !important; color: white !important; } /* Wordmark */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } /* Notifications at the bottom of the website */ .WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0; } .WikiaNotifications li div a { font-weight: bold; } /* Custom Tabber */ ul.tabbernav {font-family: 'Sniglet', cursive !important; font-weight:bold !important; padding:5px 0px !important; border: none !important; }

ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li a:link {color:orange !important; border-bottom: 2px solid #191970 !important; margin-right: 2px !important;}

ul.tabbernav li a:visited {color:orange !important; border-bottom: 2px solid #191970 !important; margin-right: 2px !important;}

ul.tabbernav li.tabberactive a {color:orange !important; border-bottom: 2px solid #2f2f7e !important; background-color: transparent !important;  margin-right: 2px !important;}

.tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}

/* Infobox */ .portable-infobox .pi-data-label { color: black ; font-weight: bold; } .portable-infobox .pi-data { color: orange; } .pi-title, .pi-header, .pi-header { font-family: 'Sniglet', sans-serif; background-color: green; color: black; text-align: center; font-weight: bold; } .portable-infobox { border: 1px solid green; padding: 2px; } .portable-infobox.pi-background { background-color: transparent; } .pi-europa .pi-title { font-size: 14px; line-height: 24px; } .pi-europa .pi-header { font-size: 12px; line-height: 18px; } .pi-europa .pi-item-spacing { padding: 5px 10px; } .pi-image-collection-tab-content { background-color: transparent; } .portable-infobox .pi-image-collection-tabs { background-color: transparent; text-align: center; padding: 4px 0; } .portable-infobox.pi-image-collection-tab-content { background-color: transparent; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { border-style: none; color: black; font-size: 12px; font-weight: bold; margin: 0; padding: 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: transparent; color: black; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:after { color: black; content: "|"; width: 1em; padding-right: 3px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:last-of-type:after { content: none; }