MediaWiki:Wikia.css

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

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

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

/* Imports */ @import url('/load.php?mode=articles&articles=u:dev:MediaWiki:ReferencePopups/code.js'); /* Font */ body { font-family: 'Nunito'! important; }

/* Page */ .WikiaPage { border-top: 4px solid white!important; border: 1px solid white; -moz-box-shadow:0 0 30px white; -webkit-box-shadow:0 0 30px white; box-shadow:0 0 30px white; border:0; }

/* Headings */ .WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family:'Kalam'; text-transform: capitalize; color: white; } .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; } /***********************************************************************/

/* Hovers */ .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); } /* Credit to fategrandorder.wikia.com */ .spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk{ float:left; display: block; position: relative; z-index: 99; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2{ transition-duration: 0.4s; 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; } /***********************************************************************/

@media screen and (min-width:1025px) { body.skin-oasis { background-image: -moz-linear-gradient(#48d1cc 70%,#afeeee); background-image: -webkit-linear-gradient(#48d1cc 70%,#afeeee); background-image: -o-linear-gradient(#48d1cc 70%,#afeeee); background-image: linear-gradient(to bottom,#48d1cc 70%,#afeeee); } } @media screen and (min-width:1025px) { .WikiaPage { background: #fff5 url("https://images.wikia.com/hello-my-twenties/images/5/5a/Age-of-youth-2-korean-2017-3.jpg") center fixed; } }

/* Youth */ .portable-infobox.pi-theme-Youth .pi-title, .portable-infobox.pi-theme-Youth .pi-header, .pi-theme-tab.pi-theme-Youth .pi-header.activetab, .page-Youth .pi-theme-tab .pi-header.activetab { background:linear-gradient(to right, #48d1cc,#d3b3cd, #48d1cc); }

/* Character tabs... based off of Fisheye Placebo Wiki, edited by True Beauty Wiki */ .charactertabs { margin-bottom: 20px; } .charactertabs ul { margin: 0px; padding: 0px; height: 37px; font-family: PT Sans; } .charactertabs li { display: inline-block; margin-right: 10px; padding: 0px; height: 25px; } .charactertabs li a { display: block; text-decoration: none; } .charactertabs li span { padding: 7px 15px 25px 15px; border: 2px solid #f03c79; border-radius: 1em; height: 25px; line-height: 18px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .charactertabs li strong span { color: #111111; border: 2px solid #f03c79; background-color: #f03c79; } .charactertabs li a span:hover { border-color: #98d651; }

/*Tabs ((G)I-DLE Wiki)*/ ul.tabbernav { font:'Nunito' !important; 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: #9be8e5  !important; border-bottom: 2px solid #9be8e5 !important; margin-right: 2px !important;} ul.tabbernav li a:visited { color: #9be8e5 !important; border-bottom: 2px solid #9be8e5  !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:#FFF !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 *****/

/* Infoboxes */ .portable-infobox .pi-header, .portable-infobox .pi-title { background: linear-gradient(to right, #48d1cc, #9bd0f1, #48d1cc); color: white; text-align: center; font-weight: bold; } .portable-infobox { border: 2.5px solid #48d1cc; border-radius: 10px; } ul.pi-image-collection-tabs li.current { background: #48d1cc; color: white; } .pi-collapse .pi-header:first-child::after { border-color: white; } .pi-caption { text-align: center; } /* Scroll Bar (from the Little Mix wiki)*/
 * -webkit-scrollbar {

background: white ; }
 * -webkit-scrollbar-thumb {

background:#48d1cc !important; }
 * -webkit-scrollbar-thumb:hover {

background:#48d1cc !important; }
 * -webkit-scrollbar-thumb {

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

/* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { padding: 1px 8px; font-family: 'Montserrat' !important; background: #000; } .custom-dropdown:hover { background: #261920 !important; border: 1px solid #000; } .custom-dropdown ul { list-style: none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { height: 14px; line-height: 14px; } .custom-dropdown strong.selflink { color: #d4d5d5; } /***********************************************************************/

/* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent !important; color: CurrentColor !important; font-weight:bold; padding: 1px 8px; } .custom-dropdown ul { list-style: none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a, .custom-dropdown li strong.selflink { height: 14px; line-height: 14px; } .custom-dropdown .wikia-menu-button:hover { background-color: #f5f5f5 !important; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { background: #f5f5f5; } /***********************************************************************/

/*Link HEX*/ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }	-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; text-shadow: 0px 0px 5px #FFF; text-decoration: none; }
 * 1) WikiaPage a {
 * 1) WikiaPage a:hover {