MediaWiki:Wikia.css

/* 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');

/* Font */ .WikiaPage { font-family: 'Quicksand', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans HK', 'Noto Sans JP', 'Noto Sans KR', sans-serif; }

/* Background */ @media screen and (min-width:1025px) { body.skin-oasis { background-image: linear-gradient(#000000,gray); }

.WikiaSiteWrapper .WikiaPage { padding-top: 0; }	.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; } }

@media screen and (min-width:1025px) { .WikiaPage .WikiaPageContentWrapper::before { opacity: 0.30; background: #fff5 url("https://akdongmusician.fandom.com/wiki/Special:FilePath/AKMU_Happening_promo_photo_1.jpg") top center fixed; background-size: 1280px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } } /* Members Background (Credits to BLACKPINK Wiki)*/ .page-Lee_Chan_Hyuk .WikiaPage .WikiaPageContentWrapper::before, .page-Lee_Chan_Hyuk_Gallery .WikiaPage .WikiaPageContentWrapper::before, .page-Lee_Chan_Hyuk_Discography .WikiaPage .WikiaPageContentWrapper::before, .page-Lee_Chan_Hyuk_Facts .WikiaPage .WikiaPageContentWrapper::before{ opacity: 0.2; background: #000 url("https://akdongmusician.fandom.com/wiki/Special:FilePath/Lee_Chan_Hyuk_Happening_promo_photo_1.jpg") top center fixed !important; }

.page-Lee_Su_Hyun .WikiaPage .WikiaPageContentWrapper::before, .page-Lee_Su_Hyun_Gallery .WikiaPage .WikiaPageContentWrapper::before, .page-Lee_Su_Hyun_Discography .WikiaPage .WikiaPageContentWrapper::before, .page-Lee_Su_Hyun_Facts .WikiaPage .WikiaPageContentWrapper::before{ opacity: 0.2; background: #000 url("https://akdongmusician.fandom.com/wiki/Special:FilePath/Lee_Su_Hyun_Happening_promo_photo_2.jpg") center fixed !important; }

/* 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; background: transparent; width: auto; float: none; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-data-value { font-size: 14px; } .pi-theme-lyrics .pi-navigation { background:#0000001a; font-size: 14px; font-weight: initial; } .portable-infobox .pi-section-tab:only-child { display: none; } .pi-theme-lyrics .pi-section-contents { background: #000001a; } .pi-theme-lyrics .pi-panel-scroll-wrapper { background: #000001a; } /* Infoboxes [Credit to : LOONA Wiki) */ .portable-infobox .pi-image-collection-tabs .pi-tab-link {   border: none;    border-bottom: 2px solid var(--theme-article-text-color);    margin: 2px;    padding: 0 5px;    color: CurrentColor;    font-weight: bold; } ul.pi-image-collection-tabs {  margin: 0 -1px -1px 0 !important; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current {    color: CurrentColor;    border-bottom: 2px solid var(--theme-accent-color); }

.pi-data-label, .pi-title, .pi-header { font-family: 'Roboto', sans-serif; }

.portable-infobox .pi-header { font-size: small; }

.portable-infobox .pi-title { border-radius: 3px 3px 0 0; }

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

.pi-image-collection-tabs li.tabberactive { background-color: #EDEDED; }

.pi-border-color { border-color: var(--activity-dark-background-color); }

.pi-image-collection-tabs li, .portable-infobox .pi-data, .portable-infobox .pi-horizontal-group, .pi-smart-group-body { background-color: var(--activity-dark-background-color); }

.pi-smart-group-body a.external:after { display: none; }

.portable-infobox.pi-background, .portable-infobox.pi-header { background-color: transparent; }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; background-color: var(--theme-accent-color); }

.portable-infobox .pi-image img { max-width: 100%; height: auto; background-color: var(--activity-dark-background-color); } .pi-data, .pi-group { border-bottom-width: 0; } .pi-horizontal-group { border-radius: 0 0 3px 3px; } /* To make dark pictures light */ .pi-item[data-source=signature] img, .page-BlockBerryCreative .pi-item[data-source=file] img { filter: invert(1); } .page-BlockBerryCreative .pi-item[data-source=file] img { background: var(--activity-light-background-color); } .pi-item[data-source=caption] { font-style:oblique; } .type-group .pi-item[data-source=members] { text-align:center; } .type-group .pi-item[data-source=members] .pi-data-value { margin: 0 auto; } .pi-section-tab:only-of-type { pointer-events: none; }

/* Scrollbar (Credit to LOONA Wiki)*/ /* non-standard version */ html::-webkit-scrollbar { width: 1rem; background-color: var(--themed-link-color--active); } html::-webkit-scrollbar-thumb { background: var(--themed-button-background); } html::-webkit-scrollbar-thumb:hover { background: var(--themed-button-background--hover); } html::-webkit-scrollbar-thumb:active { background: var(--themed-button-background--hover); } /* standard version */ html { scrollbar-color: var(--themed-button-background) var(--themed-button-background--hover); scrollbar-width: thin; }

/* TOC (JustLeafy's Wiki) */

border-left: 2px solid var(--themed-button-background) !important; border: none; padding: 1em; background-color: var(--activity-dark-background-color); border-radius: 0 3px 3px 0; }
 * 1) toc {

.WikiaArticle #toctitle h2 { font-size: 16px; font-weight: bold; }

.WikiaArticle h2 { font-weight: bold; }

.WikiaArticle h5 { font-size: 15px; }

background-image: url("https://images.wikia.nocookie.net/dev/images/8/89/Ui-icons_666666_256x240.png") !important; }
 * 1) toc-open {

/* 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(--themed-link-color); }

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

background: #FFFFFF; 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; }