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

@media screen and (min-width:1025px) { .skin-oasis { background-image: -moz-linear-gradient(#d898bd,#f5f5f5); background-image: -webkit-linear-gradient(#d898bd,#f5f5f5); background-image: -o-linear-gradient(#d898bd,#f5f5f5); background-image: linear-gradient(to right,#d898bd,#f5f5f5); } }

@media screen and (min-width:1025px) { .WikiaPage{ background: #fff url("https://static.wikia.nocookie.net/redsquare-kpop/images/7/70/REDSQUARE_group_profile_photo.png/revision/latest?cb=20200904161728") top center fixed; } }

/*****Color Links*****/ a[href="/wiki/Green"]:hover, a[href="/wiki/Green/Gallery"]:hover, a[href="/wiki/Green/Trivia"]:hover, a[href="/wiki/Category:Green"]:hover { color:#00A652 !important; } a[href="/wiki/Lina"]:hover, a[href="/wiki/Lina/Gallery"]:hover, a[href="/wiki/Lina/Trivia"]:hover, a[href="/wiki/Category:Lina"]:hover, a[href="/wiki/Lina/Fancams"]:hover { color:#87CEEB !important; } a[href="/wiki/Chaea"]:hover, a[href="/wiki/Chaea/Gallery"]:hover, a[href="/wiki/ChaeA/Trivia"]:hover, a[href="/wiki/Category:Chaea"]:hover, a[href="/wiki/Chaea/Fancams"]:hover { color:#FFD700 !important; } a[href="/wiki/Ari"]:hover, a[href="/wiki/Ari/Gallery"]:hover, a[href="/wiki/Ari/Trivia"]:hover, a[href="/wiki/Category:Ari"]:hover, a[href="/wiki/Ari/Fancams"]:hover { color:#ff82a9 !important; } a[href="/wiki/Bomin"]:hover, a[href="/wiki/Bomin/Gallery"]:hover, a[href="/wiki/Bomin/Trivia"]:hover, a[href="/wiki/Category:Bomin"]:hover, a[href="/wiki/Bomin/Fancams"]:hover { color:#daaaf8 !important; } a[href="/wiki/REDSQUARE"]:hover, a[href="/wiki/REDSQUARE/Gallery"]:hover, a[href="/wiki/Category:REDSQUARE"]:hover { background: linear-gradient(90deg, #00A652, #87CEEB, #FFD700, #ff82a9, #daaaf8); 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%} } a[href="/wiki/Prequel"]:hover, a[href="/wiki/Prequel/Gallery"]:hover, a[href="/wiki/Category:Prequel"]:hover { color:#da1241 !important; } a[href="/wiki/Do_I_Feel"]:hover, a[href="/wiki/Do_I_Feel/Gallery"]:hover, a[href="/wiki/Category:Do_I_Feel"]:hover { color:#cd2524 !important; } a[href="/wiki/BLOOM*IZ"]:hover, a[href="/wiki/BLOOM*IZ/Gallery"]:hover, a[href="/wiki/Category:BLOOM*IZ"]:hover { color:#EA8D6E !important; } a[href="/wiki/Oneiric_Diary"]:hover, a[href="/wiki/Oneiric_Diary/Gallery"]:hover, a[href="/wiki/Category:Oneiric_Diary"]:hover { color:#551A9C !important; } a[href="/wiki/Suki_to_Iwasetai_(Single)"]:hover, a[href="/wiki/Suki_to_Iwasetai_(Single)/Gallery"]:hover, a[href="/wiki/Category:Suki to Iwasetai"]:hover { color:#D8D7DB !important; } a[href="/wiki/Buenos_Aires_(Single)"]:hover, a[href="/wiki/Buenos_Aires_(Single)/Gallery"]:hover, a[href="/wiki/Category:Buenos Aires"]:hover { color:#3636b4 !important; } a[href="/wiki/Vampire_(Single)"]:hover, a[href="/wiki/Vampire_(Single)/Gallery"]:hover, a[href="/wiki/Category:Vampire"]:hover { color:#727272 !important; }

/* Infoboxes */ .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid #f77493; margin: 2px; padding: 0 5px; color: #f77493; 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 #08ae5f; }

.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: #f5f5f566; border-radius: 6px }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; background-color: #f77493; }

.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; }

/*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: #ececec  !important; border-bottom: 2px solid #ff96ca !important; margin-right: 2px !important;} ul.tabbernav li a:visited { color: #ececec !important; border-bottom: 2px solid #ff96ca  !important; margin-right: 2px !important;} ul.tabbernav li a:hover { color:#ececec !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:#ececec !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 *****/

/**** Spanse and Hover for Main ****/ .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; }

/* Images hovers */ .hoverimage img { transition: all 0.5s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.7; filter: alpha(opacity=70); transform:scaleX(0.95) scaleY(0.95); }

.hoverspin { opacity: 1; transition: all 0.5s ease; }

.hoverspin:hover { opacity: 0.5; -webkit-transform: rotateY(360deg) rotateX(360deg); -moz-transform: rotateY(360deg) rotateX(360deg); -o-transform: rotateY(360deg) rotateX(360deg); -ms-transform: rotateY(360deg) rotateX(360deg); transform: rotateY(360deg) rotateX(360deg); }

/** Lyrics **/ .pi-theme-lyrics.portable-infobox { font-family: 'Palanquin Dark', 'Noto Sans KR', 'Noto Sans JP', 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:#f5f5f566; font-size: 14px; font-weight: initial; } .portable-infobox .pi-section-tab:only-child { display: none; } .pi-theme-lyrics .pi-section-contents { background: #f5f5f566; } .pi-theme-lyrics .pi-panel-scroll-wrapper { background: #f5f5f566; }

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