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

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

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

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

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

/* Infobox */ .portable-infobox .pi-data-label { color: #000 ; font-weight: bold; } .portable-infobox .pi-data { color: #000; } .pi-title, .pi-header, .pi-header { font-family: 'Noto Sans', sans-serif; background-color: #4f6330; color: white; text-align: center; font-weight: bold; } .portable-infobox { border: 1px solid #4f6330; padding: 2px; } .portable-infobox.pi-background { background-color: #DBDDD6; } .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; }

.portable-infobox .pi-image-collection-tabs { text-align: center; padding: 4px 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: none; border-style: none; color: #4f6330; font-size: 12px; font-weight: bold; margin: 0; padding: 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #4f6330; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:after { color: #4f6330; content: "|"; width: 1em; padding-right: 3px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:last-of-type:after { content: none; }