MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan+2:wght@500&display=swap');

@import url('https://fonts.googleapis.com/css?family=Handlee&display=swap');

@import url('https://fonts.googleapis.com/css?family=Kalam&display=swap'); /***********************************************************************/ /* Font body */ body { font-family:'Roboto' !important; } /* Page */ .WikiaPage { border-top: 4px solid #7e1c48!important; border: 1px solid #7e1c48; -moz-box-shadow:0 0 30px #7e1c48; -webkit-box-shadow:0 0 30px #7e1c48; box-shadow:0 0 30px #7e1c48; border:0; }

/* Background --> Credits to UtauSteam (LOONA Wiki) */ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: -moz-linear-gradient(#b38b91,#d7b5b6,#ece9ea); background-image: -webkit-linear-gradient(#b38b91,#d7b5b6,#ece9ea); background-image: -o-linear-gradient(#b38b91,#d7b5b6,#ece9ea); background-image: linear-gradient(to bottom,#b38b91,#d7b5b6,#ece9ea); }   .WikiaPage .WikiaPageBackground { opacity: 0.25; background: #EDEDEB url("https://vignette.wikia.nocookie.net/3ye/images/4/40/3YE_TRIANGLE_Coming_Up_1.jpg/revision/latest?cb=20200703225138") center fixed; } /* Headings */ .WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family:'Handlee'; text-transform: capitalize; color: #7e1c48; } .WikiaPage h2 { border-bottom: 1px solid transparent; } .WikiaArticle .editsection { float: right; } .WikiaArticle .editsection > a { content: url(/wiki/Special:Filepath?file=edit-pencil.png); width: 16px; height: 16px; } .WikiaArticle .editsection .edit-pencil { display: none; } /***********************************************************************/

/* Wordmark hover */ .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: #ff87c3; 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: #ff87c3; 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); } /***********************************************************************/

/* Infoboxes */ .portable-infobox .pi-header, .portable-infobox .pi-title { background: #7e1c48; color: #ece9ea; text-align: center; font-weight: bold; } .portable-infobox { border: 2px solid #7e1c48; border-radius: 6px; } ul.pi-image-collection-tabs li.current { background: #7e1c48; color: black; } .pi-collapse .pi-header:first-child::after { border-color: #ece9ea; } .pi-caption { text-align: center; } /* Scroll Bar (from the Little Mix wiki)*/
 * -webkit-scrollbar {

background: #eee ; }
 * -webkit-scrollbar-thumb {

background:#7e1c48 !important; }
 * -webkit-scrollbar-thumb:hover {

background:#7e1c48 !important; }
 * -webkit-scrollbar-thumb {

width:auto !important; } /***** SCROLL BAR ENDS *****/

/*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 #7e1c48 !important; margin-right: 2px !important;} ul.tabbernav li a:visited { color: #ececec !important; border-bottom: 2px solid #7e1c48  !important; margin-right: 2px !important;} ul.tabbernav li a:hover { color:#ececec !important; border-bottom: 2px solid #d7b5b6 !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 #d7b5b6 !important; background-color: transparent !important; margin-right: 2px !important;} ul.tabbernav li.tabberactive a:hover { border-bottom: 2px solid #d7b5b6 !important; border-bottom: 2px solid #d7b5b6 !important; margin-right: 2px !important;} .tabberlive .tabbertab { border:0px solid transparent !important; border-top:0 !important;} } /***** Tabber ENDS *****/ /* Hovers */ a { transition: all .2s; } a:hover { color: #5D191A; } a:active { color: #EAD48C; }

/** 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); } /* Clear UI—blocking VisualEditor "focus" */ body.ve .WikiaMainContent { box-shadow: initial; z-index: 1; border: 1px dashed rgba(230, 126, 34, 0.35); } body.ve { pointer-events: auto; }

@media screen and (min-width:1025px) { .page-Yuji .WikiaPageBackground, .page-Yuji_Gallery .WikiaPageBackground{ background: #EDEDEB url("https://vignette.wikia.nocookie.net/3ye/images/4/47/3YE_TRIANGLE_Yuji_1.jpg/revision/latest?cb=20200703225037") center -200px fixed; } .page-Yurim .WikiaPageBackground, .page-Yurim_Gallery .WikiaPageBackground{ background: #EDEDEB url("https://vignette.wikia.nocookie.net/3ye/images/a/af/3YE_TRIANGLE_Yurim_1.jpg/revision/latest?cb=20200703225021") center -100px fixed; } .page-Haeun .WikiaPageBackground, .page-Haeun_Gallery .WikiaPageBackground{ background: #EDEDEB url("https://vignette.wikia.nocookie.net/3ye/images/1/12/3YE_TRIANGLE_Haeun_1.jpg/revision/latest?cb=20200703225120") center -100px fixed; } } /***********************************************************************/ /** Color Coding**/ .pi-theme-color-coding.portable-infobox { background: transparent; width: auto; float: none; padding: 0; } .pi-theme-color-coding.portable-infobox .pi-data { background-color: transparent; } .pi-theme-color-coding.portable-infobox .pi-data-value { font-size: inherit; } /** Lyrics **/ .pi-theme-lyrics.portable-infobox { width: auto; float: none; transition-duration: 0.3s; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { background:transparent; font-size: 14px; font-weight: initial; } .pi-theme-lyrics.portable-infobox .pi-header { display: none; } /*******************************************/

/** hover highlights - Credits to Birbfriend **/ a[href="/wiki/Yuji"]:hover { color:#fb0 !important; transition: all .2s !important; text-shadow: 0 0 20px #fb0 !important; } a[href="/wiki/Yurim"]:hover { color:#f3f !important; transition: all .2s !important; text-shadow: 0 0 20px #f3f !important; }

a[href="/wiki/Yurim/Gallery"]:hover { color:#f3f !important; transition: all .2s !important; text-shadow: 0 0 20px #f3f !important; } a[href="/wiki/Haeun"]:hover { color:#06f !important; transition: all .2s !important; text-shadow: 0 0 20px #06f !important; }