MediaWiki:Wikia.css

/* Google Fonts */ @import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Montserrat'); @import url('https://fonts.googleapis.com/css?family=Rubik'); body { font-family: 'Roboto'; } /* Background (Credits to UtauSteam) */ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: linear-gradient(#585858); } .WikiaSiteWrapper .WikiaPage { padding-top:0; }

.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; border: 2px solid var(--theme-accent-color); border-top:2px solid var(--theme-link-color); box-shadow:0 0 20px var(--theme-accent-color); }

.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background: #FFF url("https://static.wikia.nocookie.net/too/images/2/24/TO1_RE-BORN_2.jpg/revision/latest?cb=20210516131828&format=original") center fixed; background-size: 1280px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } /* Infobox*/ .pi-europa.pi-background { background-color: #FFF2; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; }

.pi-europa.pi-image-collection { background-color: #FFF2; }

.pi-europa .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid var(--themed-link-color); border-radius: 10px; margin: 2px; padding: 0 5px; font-weight: light; background:var(--themed-button-background--hover); }

.pi-europa .pi-image-collection-tabs .pi-tab-link.current { color: #fff; border-bottom: 2px solid var(--themed-button-background--hover); background:var(--themed-button-background); }

.pi-europa .pi-image-collection-tabs .pi-tab-link:not(.current):hover { border-bottom: 2px solid var(--themed-link-color); }

.pi-europa .pi-image-collection-tabs { text-align: center; background:none; } /* Lyrics */ .pi-europa.pi-theme-lyrics { width: 90%; float: left; clear: none !important; font-weight: bold; }

.pi-theme-lyrics .pi-header { display: none; } /* Tabber*/ ul.tabbernav {font-family: Roboto, sans-serif !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; transition-duration: 0.2s !important; transition-timing-function: ease-out !important;} ul.tabbernav li a:link {color:CurrentColor  !important; border-bottom: 2px solid #D7D8D5  !important; margin-right: 2px !important;} ul.tabbernav li a:visited {color:CurrentColor !important; border-bottom: 2px solid #D7D8D5  !important; margin-right: 2px !important;} ul.tabbernav li a:hover {color:CurrentColor !important; border-bottom: 2px solid #FEFEFE !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important;} ul.tabbernav li.tabberactive a {color:CurrentColor !important; border-bottom: 2px solid #886457 !important; background-color: transparent !important;  margin-right: 2px !important;} ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #1B1A1B !important;  margin-right: 2px !important;} .tabberlive .tabbertab {border:0px solid transparent !important; border-top: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); } }