MediaWiki:Wikia.css

/* Taken from Suzy Wiki CSSS */

/*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; }

/* Infobox customization */ .portable-infobox .pi-header, .portable-infobox .pi-title { text-align: center; font-weight: bold; }

/* 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; }

/*Theme Font*/ .WikiaPage, .WikiaPageHeader { font-family: 'Rubik'; }

/* Background (Credits to UtauSteam) */ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: linear-gradient(#e8b488,#f2eae9); } .WikiaSiteWrapper .WikiaPage { padding-top:0; }

.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; border: 2px solid var(--theme-accent-color); border-top:2px solid var(--theme-link-color); box-shadow:0 0 20px var(--theme-accent-color); }

.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background: #FFF url("https://static.wikia.nocookie.net/heize/images/f/f0/Heize_Happen_1.png/revision/latest?cb=20210517033554format=original") top center fixed; background-size: 1280px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

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

/* Links */ .WikiaPage a { font-weight: bold; }

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

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

/***********************************************************************/   background-color: #CC7548; border-color: #CC7548; color: white; } /* 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); }
 * 1) userProfileApp .user-identity-social__icon-tooltip {