MediaWiki:Wikia.css

/* Imports */ @import url('https://fonts.googleapis.com/css2?family=Spartan&display=swap');

/* Site Border */ .WikiaPage .WikiaPageContentWrapper { border: 2px solid #9cf0ff; box-shadow: 0px 0px 28px #9cf0ff; border-top: 2px solid {color:#008094} !important; }

/* Background (UtauSteam) */ @media screen and (min-width: 1025px) { .mw-parser-output a.external{ color: var(--themed-link-color); }   body.skin-oasis { background-image: -moz-linear-gradient(#84d9e0,#95dfe6,#84d9e0); background-image: -webkit-linear-gradient(#84d9e0,#95dfe6,#84d9e0); background-image: -o-linear-gradient(#84d9e0,##95dfe6,#84d9e0); background-image: linear-gradient(to bottom,#84d9e0,#95dfe6,#84d9e0); }

.WikiaSiteWrapper .WikiaPage { padding-top: 0; }	.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.30; background: var(--activity-dark-background-color) url("/wiki/Special:FilePath/Wiki-background.png") center top fixed; background-size: cover; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } }

/* Infobox */ .portable-infobox {background-color:white !important; border-radius: 17px 17px 17px 17px;}

.portable-infobox .pi-title {background-color:#9cf0ff; color:black;}

.portable-infobox .pi-header {color:black}

/* Page Font */ .WikiaPage { font-family: 'Spartan', sans-serif; }

/** 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 (Credits to BTS Wiki) */ .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 (Credits to ENHYPEN Wiki) */ /* Wordmark hover */ .wds-community-header__wordmark img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; } .wds-community-header__wordmark img:hover { opacity: 0.6; filter: alpha(opacity=60); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } /*Avatar Style (Credits to ITZY Wiki)*/ .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); }