MediaWiki:Wikia.css

/*Font import*/ @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap'); @import url('https://fonts.googleapis.com/css?family=Cherry+Cream+Soda');

/*Font site*/ body { font-family: 'Rubik'; } /*Import font*/ @font-face {font-family: "Candice"; src: url("//db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.eot"); src: url("//db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.woff") format("woff"), url("//db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.svg#Candice") format("svg"); }

/*Heading*/ .wds-community-header__local-navigation [href="/wiki/Category:Discography"] span::after, .wds-community-header__local-navigation [href="/wiki/Category:Mini_Albums"] span::after, .wds-community-header__local-navigation [href="/wiki/Plus_Two"]::after { content: 'new'; position: relative; background-color: #eaec99; top: 0; padding: 0 2px; font-size: 80%; font-weight: normal; border-radius: 100em; text-transform: lowercase; color: #FFF; margin-left: 5px; } /* Background (Credits to UtauSteam) */ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: linear-gradient(135deg, #eae498, #ffa6bc) }

.WikiaSiteWrapper .WikiaPage { padding-top: 0; }	.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; }	.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.30; background: #fff url("https://static.wikia.nocookie.net/fanaticskpop/images/3/36/Plus_Two_%281%29.jpeg/revision/latest") center fixed; background-size: cover; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } } /* Infoboxes (Credits to IZ*ONE Wiki)  */ .portable-infobox { border: 2px solid #ee4e74; border-radius: 10px; padding: 0; overflow:hidden; } .portable-infobox .pi-header, .portable-infobox .pi-title { background: #ee4e74; color: white; text-align: center; font-weight: bold; font-family: Rubik; }

.portable-infobox .pi-data-value { font-size: 12px; } .portable-infobox.type-pairing .pi-header, .portable-infobox.type-pairing .pi-title { padding:0; } ul.pi-image-collection-tabs { border-bottom: 2px solid #F5F5F5; width: 100%; } ul.pi-image-collection-tabs li { padding: 3px 8px !important; border: 1px solid #F5F5F5; border-bottom: 0; border-top: 0; } ul.pi-image-collection-tabs li.current { background: #F5F5F5; color: #252525; } .pi-caption { text-align: center; } /* Scroll Bar*/
 * -webkit-scrollbar {

background: #ee4e74; width:10px; height:10px; }


 * -webkit-scrollbar-thumb {

border-radius:100em; background:#eaee9a; }
 * -webkit-scrollbar-thumb:hover {

border-radius:100em; background:#cccf91; } /* Tabber */ .tabbernav { font-family: Rubik !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 4px solid #eaee9a !important; padding: 0.3em 0 !important; border-radius: 100em !important; text-shadow: none !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #FFFFFF !important; border: none !important; background: #ee4e74 !important; border-radius: 100em !important; } .tabberactive a { color: #FFFFFF !important; background: #eaee9a !important; border-radius: 100em !important; } .tabbernav :not(.tabberactive) a:hover { background: #cc3156 !important; } .tabbertab { border: none !important; padding: 0 !important; } /** 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); } /* Wiki Wordmark (Credits to Jiaer :D) */ .wds-community-header__wordmark img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; } .wds-community-header__wordmark img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } a[href="/wiki/User:Yanaaaaaaaaaaaa"]:hover, a[href="/wiki/Message_Wall:Yanaaaaaaaaaaaa"]:hover { background: linear-gradient(90deg,#d9598c,#f1d2e7,#f3aa51,#fcf695,#567ace,#b7d3e9,#bbb0dc,#db706c,#f1c3aa,#cee5d5,#fff,#a7e0e1); 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/User:Katze27632"]:hover, a[href="/wiki/Message_Wall:Katze27632"]:hover { background: linear-gradient(90deg,#d9598c,#f1d2e7,#f3aa51,#fcf695,#567ace,#b7d3e9,#bbb0dc,#db706c,#f1c3aa,#cee5d5,#fff,#a7e0e1); 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%} }