MediaWiki:Wikia.css

/*Font Imports*/ @import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope|Alex+Brush|Architects+Daughter|Cinzel+Decorative|Coming+Soon|Indie+Flower|Lobster|Nothing+You+Could+Do|Pangolin|Shadows+Into+Light|The+Girl+Next+Door|Waiting+for+the+Sunrise|Pacifico|Life+Savers|Unica+One|Josefin+Sans|Bilbo+Swash+Caps|Marck+Script|Abril+Fatface|Henny+Penny|Eater|BenchNine|Bigelow+Rules|Almendra+Display|Exo+2|IM+Fell+DW+Pica|Coiny|Black+Melody|Modak|Cherry+Swash|Merienda|Pacifico|Tangerine|Audiowide|Inherit|Exo|Exo+2|Montserrat|Comfortaa|Courgette|Caveat|Papyrus|Cookie|Orbitron|Futura&display=swap'); @import url('https://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Oswald|Raleway|Ubuntu|Parisienne|Poiret+One|Rock+Salt:100,200,400,700,800,900|Droid+Serif|Droid+Sans|Merriweather:400,400italic,700,700italic,900,300,300italic|Gentium+Basic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext');

.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external {   color: #FFF;    text-decoration: none;    text-shadow: none; }

/* Tabs */ .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #D2AEF5 !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: #B4D7F0 !important; } .tabbernav :not(.tabberactive) a:hover { background: #D2AEF5 !important; } .tabbertab { border: none !important; padding: 0 !important; } ul.tabs { background-color: transparent; font-family: Montserrat; color:goldenrod; text-align: center; border: none; border-bottom: 3px solid goldenrod; } /* Colored Usernames */ /*a[href$= "/ARMYandBLINK11"], a[href$= ":ARMYandBLINK11"]{ background-image: url(https://media.giphy.com/media/jsUIl8W67ohMXGx1V8/giphy.gif)!important; font-family: Alex Brush !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold !important; font-size:20px; }

.wds-community-header__local-navigation [href="/wiki/User:ARMYandBLINK11"]::after { content: 'Founder, ARMY, BLINK, ReVeluv, Active'; position: relative; background-color: #CDE9FA; top: 0; padding: 0 2px; font-size: 80%; font-weight: normal; border-radius: 4px; text-transform: lowercase; color: black; margin-left: 5px; } /*End of Colored Usernames*/ /*Theme Font*/ .WikiaPage, .WikiaPageHeader { font-family: 'Montserrat'; color: #fff } /*Buttons*/ .cc2-wikia-button { text-decoration: none; background-color: #cee; padding: 7px; } /*End of Buttons*/ .WikiaPageHeader > h1 { font-family: Montserrat; /* This changes the header on every article */ } .WikiaArticle { font-family: Montserrat; /* This changes the text in the content space only */ } body, .category-gallery-item, .snippet, .text, .wikia-button, .wikia-single-button, a, .wikia-menu-button, input, .button, button, select, .tabbernav { font-family:Montserrat !important; }

/***Custom Background (Credits to UtauSteam)***/ @media screen and (min-width: 1025px) {

body.skin-oasis {

background-image: -moz-linear-gradient(#FAF6EB, #D9A90B,#FAF6EB);

background-image: -webkit-linear-gradient(#FAF6EB, #D9A90B,#FAF6EB);

background-image: -o-linear-gradient(#FAF6EB, #D9A90B,#FAF6EB);

background-image: linear-gradient(to right,#FAF6EB, #D9A90B,#FAF6EB);

}

.WikiaSiteWrapper .WikiaPage {

padding-top: 0;

}

.WikiaPage .WikiaPageContentWrapper {

background: transparent;

position: relative;

}

.WikiaPage .WikiaPageContentWrapper::before {

opacity: 0.25;

background: #fff url("https://static.wikia.nocookie.net/precious-kpop/images/d/d8/PRECIOUSkpop.jpg/revision/latest?cb=20200925000155") center fixed;

background-size: cover;

content: "";

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: -1;

}

}

/* Border wiki customized and header */ .WikiaPage { border: 1px solid #FFF; -moz-border-radius:5px; -webkit-border-radius:2px; } /***********************************************************************/

/* Links */ .WikiaPage a { font-weight: bold; transition: opacity 7s ease; } .WikiaPage a:hover { color: #fff; }

/* Span class */ .spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk { float:left; display: block; position: relative; z-index: 99; }

.spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { transition-duration: 0.5s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; }

.spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { opacity: 0; } .spanse2:hover, .spanmm2:hover, .spanen2:hover, .spancr2:hover, .spanqunew2:hover, .spansk2:hover{ opacity: 100; }

/** Hovers **/ .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); }

.hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: invert(100%); }

.hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

/* Color Links - Credit to NATURE (kpop) Wiki */ a[href="/wiki/PRECIOUS"]:hover, a[href="/wiki/PRECIOUS/Gallery"]:hover, a[href="/wiki/PRECIOUS/Trivia"]:hover, a[href="/wiki/Category:PRECIOUS"]:hover { background: linear-gradient(90deg, #E0AD04,#121211,#FC53D2); background-size: 2400% 2400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: izdient 8s ease infinite; -moz-animation: izdient 8s ease infinite; animation: izdient 8s ease infinite; }

a[href="/wiki/Han_Byeol"]:hover, a[href="/wiki/Han_Byeol/Gallery"]:hover, a[href="/wiki/Han_Byeol/Trivia"]:hover, a[href="/wiki/Category:Han_Byeol"]:hover { color: #F0E662 !important; } a[href="/wiki/Eun_B"]:hover, a[href="/wiki/Eun_B/Gallery"]:hover, a[href="/wiki/Eun_B/Trivia"]:hover, a[href="/wiki/Category:Eun_B"]:hover { color: #F54242 !important; } a[href="/wiki/Han_Woom"]:hover, a[href="/wiki/Han_Woom/Gallery"]:hover, a[href="/wiki/Han_Woom/Trivia"]:hover, a[href="/wiki/Category:Han_Woom"]:hover { color: #5AFC44 !important; } a[href="/wiki/Jihyo"]:hover, a[href="/wiki/Jihyo/Gallery"]:hover, a[href="/wiki/Jihyo/Trivia"]:hover, a[href="/wiki/Category:Jihyo"]:hover { color: #AE3FFC !important; } a[href="/wiki/Lee_Soo"]:hover, a[href="/wiki/Lee_Soo/Gallery"]:hover, a[href="/wiki/Lee_Soo/Trivia"]:hover, a[href="/wiki/Category:Lee_Soo"]:hover { color: #5DCFFC !important; } a[href="/wiki/User:ARMYandBLINK11"]:hover, a[href="/wiki/Message_Wall:ARMYandBLINK11"]:hover { background: linear-gradient(90deg, #FF6663,#FEB144,#FDFD97, #9EE09E, #9EC1CF, #CC99C9); background-size: 2400% 2400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: izdient 8s ease infinite; -moz-animation: izdient 8s ease infinite; animation: izdient 8s ease infinite; } @-webkit-keyframes izdient { 0%{background-position:0% 56%} 50%{background-position:100% 45%} 100%{background-position:0% 56%} } @-moz-keyframes izdient { 0%{background-position:0% 56%} 50%{background-position:100% 45%} 100%{background-position:0% 56%} } @keyframes izdient { 0%{background-position:0% 56%} 50%{background-position:100% 45%} 100%{background-position:0% 56%} }

/***********************************************************************

/* Infoboxes */ .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid #5c8367; margin: 2px; padding: 0 5px; color: #5c8367; 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 #5c8367; } .pi-data-label, .pi-title, .pi-header { font-family: 'Lato', sans-serif; } .portable-infobox .pi-header { font-size: normal; } .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: #611e0355; border-radius: 6px } .pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; background-color: #5c8367; } .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; }

/** Lyrics **/ .pi-theme-lyrics.portable-infobox { font-family: 'Montserrat', 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:#0013; font-size: 14px; font-weight: initial; } .portable-infobox .pi-section-tab:only-child { display: none; } .pi-theme-lyrics .pi-section-contents { background: #001c; } .pi-theme-lyrics .pi-panel-scroll-wrapper { background: #0013; }

/***********************************************************************/ /* 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: #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); } /* New in Navigation */ .wds-community-header__local-navigation [href="/wiki/Category:Discography"] span::after, .wds-community-header__local-navigation [href="/wiki/Category:Single_Albums"] span::after, .wds-community-header__local-navigation [href="/wiki/Let_it_Shine!"]::after { content: 'New!'; position: relative; background: linear-gradient(90deg, #FF6663,#FEB144,#FDFD97, #9EE09E, #9EC1CF, #CC99C9); background-size: 2400% 2400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: izdient 8s ease infinite; -moz-animation: izdient 8s ease infinite; animation: izdient 8s ease infinite; top: 0; padding: 0 2px; font-size: 80%; font-weight: normal; border-radius: 4px; text-transform: lowercase; color: black; margin-left: 5px; }