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 #f38400 !important; margin-right: 2px !important;}

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

ul.tabbernav li a:hover {color:#f38400 !important; border-bottom: 2px solid #f38400 !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:#f38400 !important; border-bottom: 2px solid #f38400 !important; background-color: transparent !important;  margin-right: 2px !important;}

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

.tabberlive .tabbertab {border:0px solid #f38400 !important; border-top:0 !important;}all skins on the entire site. ***/

/* Infobox */ .portable-infobox { padding: 4px; border: 1px solid #f38400 }

.portable-infobox.pi-background { background-color: transparent; border: 1px solid #f38400 } .portable-infobox .pi-data-label { color: #f38400; font-weight: bold; }

.portable-infobox .pi-data { color: #f38400; }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { font-family: 'Roboto', sans-serif; background-color: transparent; color: #f38400; text-align: center; font-weight: bold; }

.pi-title { padding-top: 6px; padding-bottom: 6px; }

.pi-header, .pi-horizontal-group .pi-header { padding-top: 2px; padding-bottom: 2px; }

.portable-infobox .pi-item-spacing { border-color: transparent; }

.portable-infobox .pi-image img { max-width: 98%; height: auto; margin-top: 4px; margin-bottom: 4px; }

.pi-data, .pi-group { border-bottom-width: 0; }

.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; }