MediaWiki:Wikia.css

/* Page Font */ .WikiaPage { font-family: 'Noto Sans', sans-serif; } .WikiaPageHeader > h1 { font-family: 'Noto Sans', sans-serif; /* This changes the header on every article */ } /* Wordmark (Credits to BLACKPINK Wiki) */ .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; } .WikiHeader .wordmark:hover { -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); } .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; } .pph-wiki-header .wordmark:hover { -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); } .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; } .wds-community-header__wordmark img:hover { -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); }

/* Decreasing Reference Size */ .references {font-size:10px;}

/**For Portal **/ .portal { -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .portal:hover { opacity:0.7; background:#ffffff; }

/* 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; } .WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; }

/* Custom Tabber */ ul.tabbernav {font-family: 'Comfortaa', 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:#a9a9a9 !important; border-bottom: 2px solid #2E8B57 !important; margin-right: 2px !important;}

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

ul.tabbernav li a:hover {color:#2E8B57 !important; border-bottom: 2px solid #2E8B57 !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

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

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #2E8B57 !important;  margin-right: 2px !important;}

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

/* Infobox */ .pi-title, .pi-header, .pi-horizontal-group .pi-header { font-family: 'Noto Sans', sans-serif; color: white; text-align: center; font-weight: bold; } .portable-infobox .pi-image img { max-width: 98%; height: auto; margin-top: 4px; margin-bottom: 4px; }