MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Imports */ @import url('/load.php?mode=articles&articles=MediaWiki:CustomSlider.css|MediaWiki:DropdownMenu.css|u:dev:MediaWiki:EditorSourceMinimal/code.css|u:dev:MediaWiki:FandomizedActivityFeed.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:FandomizedMasthead.css|u:dev:MediaWiki:FandomizedTabs/tabviews.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:MediaWiki:MinimalistSliderText.css|u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:ModernRail.css|u:dev:MediaWiki:RedesignedAdminDashboard.css|MediaWiki:Themes.css|MediaWiki:UserProfile.css&only=styles');

/* Google Fonts */ @import url('https://fonts.googleapis.com/css?family=Quicksand|Nanum+Gothic|Comfortaa|Open+Sans|Roboto|Noto+Sans+TC|Noto+Sans+SC|Noto+Sans+HK|Noto+Sans+JP|Noto+Sans+KR');

/* Fonts */ .WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family: Quicksand; text-transform: lowercase; letter-spacing: 2px; color: #000; }

.wikia-photogallery-add { display: none !important; } body.skin-fandomdesktop { font-family: 'Quicksand'; }

/* Custom Tabber */ ul.tabbernav {font-family: Roboto, sans-serif !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: 0.2s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li a:link {color:CurrentColor  !important; border-bottom: 2px solid var(--themed-text-color)  !important; margin-right: 2px !important;}

ul.tabbernav li a:visited {color:CurrentColor !important; border-bottom: 2px solid var(--themed-text-color)  !important; margin-right: 2px !important;}

ul.tabbernav li a:hover {color:CurrentColor !important; border-bottom: 2px solid var(--themed-text-color--secondary) !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li.tabberactive a {color:CurrentColor !important; border-bottom: 2px solid var(--themed-button-background) !important; background-color: transparent !important;  margin-right: 2px !important;}

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid var(--themed-button-background) !important;  margin-right: 2px !important;}

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

/** Hover **/ /* Hover Spin */ .hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); transform: rotate(360deg) scaleX(0.94) scaleY(0.94); } /* Hover Image */ .hoverimage img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(0.95) scaleY(0.95); } /* 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; } .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); } /** Lyrics **/ .pi-theme-lyrics.portable-infobox { font-family: 'Quicksand', sans-serif; font-size: 13px; width: auto; float: none; border: none; } .pi-theme-lyrics .pi-data { width: 70%; margin: 0 auto; } .pi-theme-lyrics .pi-data-value { font-size: 13px; } .pi-theme-lyrics .pi-navigation { font-size: 13px; font-weight: initial; } .portable-infobox .pi-section-tab:only-child { display: none; }

/* Rails */ .WikiaRail .rail-module,.WikiaRail .module { border-radius: 5px; }

.activityfeed > li { border-radius: 0 3px 3px 0; }

/* Galleries (Credit to DubuHasBeenSnatched)*/ .wikia-gallery-border-small .thumb .gallery-image-wrapper, .wikia-gallery-border-medium .thumb .gallery-image-wrapper { border-color: var(--theme-link-color); }

/* Selection (Credit to DubuHasBeenSnatched)*/
 * selection {

background: var(--theme-accent-color); color: #000000; text-shadow: none; }

/* New releases in header - Credits to ITZY Wiki */ .wds-community-header__local-navigation [href="/wiki/Category:Discography"] span::after, .wds-community-header__local-navigation [href="/wiki/Category:Single"] span::after, .wds-community-header__local-navigation [href="/wiki/Happening"]::after { content: 'new'; position: relative; background-color: var(--themed-link-color); vertical-align: top; padding: 0 3px; font-size: 80%; font-weight: bold; border-radius: 3px; text-transform: lowercase; color: var(--themed-button-background); margin-left: 5px; }

/* Page Border (SU Wiki) */ .WikiaPage .WikiaPageContentWrapper { border: 1px solid var(--themed-text-color); border-top: 2px solid var(--themed-link-color) !important; }

/** Tabs (Credit to LOONA Wiki) **/ .mw-parser-output { overflow-x: visible; }

.pi-theme-tab.portable-infobox { display: table; width: fit-content; float: none; border: 0; margin: 0 auto; position: absolute; top: -20px; left: 50%; transform: translateX(-50%) translateY(-50%); } .pi-theme-tab.portable-infobox .pi-secondary-background { font-size:100%; } .pi-theme-tab.portable-infobox .pi-header { display: inline-block; } .pi-theme-tab .activetab .selflink { color: #000000 !important; } .pi-theme-tab.portable-infobox .pi-header:not(.activetab) { background-color:var(--activity-dark-background-color); }

.pi-theme-tab.portable-infobox .pi-header:first-of-type { border-bottom-left-radius:3px; }

.pi-theme-tab.portable-infobox .pi-header:last-of-type { border-bottom-right-radius:3px; } /*****Color Links*****/ a[href="/wiki/PLAY"]:hover, a[href="/wiki/PLAY/Gallery"]:hover, a[href="/wiki/Category:PLAY"]:hover { color:#04a353 !important; } a[href="/wiki/SUMMER_EPISODE"]:hover, a[href="/wiki/SUMMER EPISODE/Gallery"]:hover, a[href="/wiki/Category:SUMMER_EPISODE"]:hover { color:#7fc2cc !important; } a[href="/wiki/WINTER"]:hover, a[href="/wiki/WINTER/Gallery"]:hover, a[href="/wiki/Category:WINTER"]:hover { color:#98B0C0 !important; } a[href="/wiki/SAILING"]:hover, a[href="/wiki/SAILING/Gallery"]:hover, a[href="/wiki/Category:SAILING"]:hover { color:#283b7c !important; } a[href="/wiki/SPRING"]:hover, a[href="/wiki/SPRING/Gallery"]:hover, a[href="/wiki/Category:SPRING"]:hover { color:#5b82c6 !important; } a[href="/wiki/NEXT_EPISODE"]:hover, a[href="/wiki/NEXT_EPISODE/Gallery"]:hover, a[href="/wiki/Category:NEXT_EPISODE"]:hover { color:#115b1f !important; }