MediaWiki:Wikia.css

@import "/MediaWiki:Themes.css?ctype=text/css&action=raw"; @import url('https://fonts.googleapis.com/css?family=Palanquin+Dark|Quattrocento+Sans|Montserrat|Text+Me+One|Lato|Noto+Sans+JP|Noto+Sans+KR'); /* Font Site */ body { font-family: 'Lato', sans-serif; } .WikiaPage, .custom-dropdown { font-family: 'Palanquin Dark', 'Noto Sans KR', 'Noto Sans JP', sans-serif; } ul.pi-image-collection-tabs { margin: 0; } /***********************************************************************/ /* Border wiki customized and header */ .WikiaPage { border: 1px solid #FFF; -moz-border-radius:5px; -webkit-border-radius:2px; } /***********************************************************************/ /*Link Hover (Credit to ITZY Wiki)*/ a { -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a:hover { color:#FFF; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } /****Background****/

@media screen and (min-width:1025px) { .skin-oasis { background-image: -moz-linear-gradient(#ff7570,#c77dff,#63b8ff); background-image: -webkit-linear-gradient(#ff7570,#c77dff,#63b8ff); background-image: -o-linear-gradient(#ff7570,#c77dff,#63b8ff); background-image: linear-gradient(to bottom,#ff7570,#c77dff,#63b8ff); } }

@media screen and (min-width:1025px) { .WikiaPage{ background: #fff url("https://static.wikia.nocookie.net/sun-mi/images/b/b6/Sunmi_Pporappippam_Teaser_3.png/revision/latest?cb=20200907194707") top center fixed; } } /*Tabs ((G)I-DLE Wiki)*/ ul.tabbernav { 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;} ul.tabbernav li a:link { color: #E10600  !important; border-bottom: 2px solid #FFF !important; margin-right: 2px !important;} ul.tabbernav li a:visited { color: #147BD1 !important; border-bottom: 2px solid #FFF  !important; margin-right: 2px !important;} ul.tabbernav li a:hover { color:#8246AF !important; border-bottom: 2px solid #FFFFFF !important; background-color: transparent !important; margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;} ul.tabbernav li.tabberactive a { color:#8246AF !important; font-weight:normal !important; border-bottom: 2px solid #FFFFFF !important; background-color: transparent !important; margin-right: 2px !important;} ul.tabbernav li.tabberactive a:hover { border-bottom: 2px solid #FFFFFF !important; border-bottom: 2px solid #FFFFFF !important; margin-right: 2px !important;} .tabberlive .tabbertab { border:0px solid transparent !important; border-top:0 !important;} } /***** Tabber ENDS *****/

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

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

/* Infobox */ .portable-infobox { float:right; background: #c5d8e666; color: #000; border-radius: 6px 6px 6px 6px; border:3px solid white !important; overflow: hidden; } .portable-infobox h2 { background-color: white; color: #000; font-family:'Lato'; font-weight: bold !important; } .pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #000; text-align: center; background-color:#FFF; font-family:'Lato'; } .portable-infobox figure, .portable-infobox .pi-image { overflow:hidden; width:auto; } .portable-infobox .pi-border-color { border-color:white !important; } /***********************************************************************/