MediaWiki:Wikia.css

/* Imports */ @import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:CustomSlider.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:ModernLightbox.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:FandomizedMasthead.css|u:dev:MediaWiki:FandomizedActivityFeed.css|u:dev:MediaWiki:Common.css');

/********************/ /* Google Web Fonts */ /********************/ @import url('https://fonts.googleapis.com/css?family=Baloo Chettan'); @import url('https://fonts.googleapis.com/css?family=Montserrat'); @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative'); @import url('https://fonts.googleapis.com/css2?family=Lobster'); @import url('https://fonts.googleapis.com/css2?family=Monoton');

.WikiaPage { font-family: 'Montserrat'; }

/* Infoboxes */ .portable-infobox .pi-header { text-align: center; background-color: #000000; color: #fff; padding: 6px; } .portable-infobox .pi-title { background: #000000; color: white; border-radius: 3px 3px 0 0; padding-top: 10px; text-align: center; } .portable-infobox .pi-caption { text-align: center; font-style: normal; } .portable-infobox { background-color: #FFFFFF; border: 3px solid #000000; border-radius: 9px; } .pi-collapse .pi-header:first-child::after { border-color: #fff; } .portable-infobox .pi-navigation { background-color: #000000; color: white; text-align: right; padding: 5px; border-radius: 0 0 3px 3px; } .portable-infobox .pi-navigation a { color: white; } .portable-infobox .pi-navigation a:hover { color: #AFAFAF; } .portable-infobox .pi-image-collection-tabs { background-color: #FFFFFF; text-align: center; border-bottom: 2px solid #000000; } .portable-infobox .pi-image-collection-tabs .current { background-color: #000000; color: white; } ul.pi-image-collection-tabs li { border:0; } li.pi-tab-link.pi-item-spacing:hover { background: #000000; } li.pi-tab-link.pi-item-spacing:active { color: #000000; }

.portable-infobox ul.pi-image-collection-tabs { margin: 0; }

/* Rounded corners for nav */ .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 0.75em 0 0.75em; }  .WikiHeader > nav li:first-child { border-radius: 0.75em 0 0 0; }  .WikiHeader > nav li:last-child { border-radius: 0 0.75em 0 0; }  .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 .marked2 .subnav-2a { border-radius: 0.75em 0.75em 0 0; }  .WikiHeader nav { border-radius: 1em 1em 0 0; }  .WikiHeader > nav li.marked > a { border-top: none; }  .WikiHeader > nav .subnav-3 { border-radius: 0 0.75em 0.75em 0.75em; }  .GlobalNavigation .subnav { border-radius: 0 0 0.75em 0.75em; }/* Rounded corners for nav */  .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 0.75em 0 0.75em; }  .WikiHeader > nav li:first-child { border-radius: 0.75em 0 0 0; }  .WikiHeader > nav li:last-child { border-radius: 0 0.75em 0 0; }  .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 .marked2 .subnav-2a { border-radius: 0.75em 0.75em 0 0; }  .WikiHeader nav { border-radius: 1em 1em 0 0; }  .WikiHeader > nav li.marked > a { border-top: none; }  .WikiHeader > nav .subnav-3 { border-radius: 0 0.75em 0.75em 0.75em; }  .GlobalNavigation .subnav { border-radius: 0 0 0.75em 0.75em; }/* Rounded corners for nav */  .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 0.75em 0 0.75em; }  .WikiHeader > nav li:first-child { border-radius: 0.75em 0 0 0; }  .WikiHeader > nav li:last-child { border-radius: 0 0.75em 0 0; }  .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 .marked2 .subnav-2a { border-radius: 0.75em 0.75em 0 0; }  .WikiHeader nav { border-radius: 1em 1em 0 0; }  .WikiHeader > nav li.marked > a { border-top: none; }  .WikiHeader > nav .subnav-3 { border-radius: 0 0.75em 0.75em 0.75em; }  .GlobalNavigation .subnav { border-radius: 0 0 0.75em 0.75em; }/* Rounded chat avatars */  .ChatModule .avatar { border-radius: 10px; }/* Rounded chat avatars */  .ChatModule .avatar { border-radius: 10px; }

/*Hover (Credits to BLACKPINK Wiki)*/ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: linear-gradient(60deg, #A3A3A399, #FFFFFF99, #A3A3A399); } .WikiaSiteWrapper .WikiaPage { padding-top: 0; } .WikiaPage .WikiaPageContentWrapper { background: #fff4; position: relative; } .WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background: #fff url("/wiki/Special:FilePath/WikiaPageBackground.jpg") center fixed; background-size: 1280px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

/* Scroll Bar (from the Little Mix wiki)*/
 * -webkit-scrollbar {

background:white ; }
 * -webkit-scrollbar-thumb {

background:#000000 !important; }
 * -webkit-scrollbar-thumb:hover {

background:#000000 !important; }
 * -webkit-scrollbar-thumb {

width:auto !important; }

/* Rounded Avatars */ .avatar { border-radius: 100%; border-width: 2px; }

/* Tabber */

.tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #000000 !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #000000 !important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; background: #000000 !important; } .tabbernav :not(.tabberactive) a:hover { background: #AFAFAF !important; } .tabbertab { border: none !important; padding: 0 !important; }

/*Border*/ .WikiaRail .module, .GamingCalendarModule { margin-top: 10px; margin-bottom:5px; background: #FFFFFF; font-size: 100%; border: 2px solid #6BABCE; moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; box-shadow: inset 0 0 7px 		#6BABCE; -moz-box-shadow: inset 0 0 7px 	#6BABCE; -webkit-box-shadow: inset 0 0 7px 	#6BABCE; -o-box-shadow: inset 0 0 7px 	#6BABCE; }

/* 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: #EFEA2E; 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: #EFEA2E; 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); }

/* Links */ a:link { color: #17308C; } a:visited { color: #17308C; } a:hover { color: #17308C; } a:active { color: #17308C; } /* New in Navigation (Credits to IZ*ONE Wiki) */

.wds-community-header__local-navigation [href="/wiki/Discography"] span::after, .wds-community-header__local-navigation [href="/wiki/Mini_albums"] span::after, .wds-community-header__local-navigation [href="/wiki/Love_Synonym_2:_Right_for_Us"]::after { content: 'new'; position: relative; background-color: #17308C; top: 0; padding: 0 2px; font-size: 80%; font-weight: normal; border-radius: 4px; text-transform: lowercase; color: white; margin-left: 5px; }

/* Media Icons (Credits to Attack on Titan Wiki) */ margin-bottom: 1em; overflow: hidden; }
 * 1) media-icons {

float: right; margin: 0; }
 * 1) media-icons ul {

float: left; line-height: 0; list-style-type: none; margin: 0 5px 0 0; }
 * 1) media-icons li {

.mi-current a, .mi-other a { border: 2px purple; border-radius: 0.5em; display: inline-block; height: 50px; opacity: 0.5; overflow: hidden; position: relative; width: 50px; }

.mi-current a, .mi-other a:hover { opacity: 1; }

.mi-mobile { display: none; }