MediaWiki:Wikia.css

/* Background (Credits to UtauSteam & WJSN Wiki) */ @media screen and (min-width: 1025px) { .mw-parser-output a.external{ color: var(--theme-link-color); }   body.skin-oasis { background-image: -moz-linear-gradient(#d7cff2,#d0c7ef,#c9bfed,#c3b7eb); background-image: -webkit-linear-gradient(#d7cff2,#d0c7ef,#c9bfed,#c3b7eb); background-image: -o-linear-gradient(#d7cff2,#d0c7ef,#c9bfed,#c3b7eb); background-image: linear-gradient(to bottom,#d7cff2,#d0c7ef,#c9bfed,#c3b7eb); }

.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-header-background-color); }	.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.30; background: #0002 url("https://static.wikia.nocookie.net/bae173/images/c/c8/BAE173_Intersection_-_Trace_concept_photo_2.png/revision/latest?cb=20210411184042") center fixed; background-size: 1280px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } }

/****************************** /* Font */ .WikiaPage { font-family: 'Nova Square', cursive; color:#381264; } .WikiaPageHeader > h1 { font-family: 'Kodchasan', sans-serif; /* This changes the header on every article */ }

.WikiaArticle { font-family: 'Kodchasan', sans-serif; /* This changes the text in the content space only */ } body, .category-gallery-item, .snippet, .text, .wikia-button, .wikia-single-button, a, .wikia-menu-button, input, .button, button, select, .tabbernav { font-family: 'Nova Square', cursive }

.wds-community-header__sitename { letter-spacing: 3px }

/****************************** /* Border */ .WikiaRail .module, .GamingCalendarModule { margin-top: 10px; margin-bottom:5px; background: #a485d6; font-size: 100%; border: 2px solid #7344c1; moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; box-shadow: inset 0 0 7px 		#b89fdf; -moz-box-shadow: inset 0 0 7px 	#a181d5; -webkit-box-shadow: inset 0 0 7px 	#b89fdf; -o-box-shadow: inset 0 0 7px 	#a181d5; }

/****************************** /* Scrollbar */
 * -webkit-scrollbar {

width: 12px !important; height:12px !important; background-color: #bea7e2; }
 * -webkit-scrollbar-thumb {

background-color: #8257c7; transition:0.2s; }
 * -webkit-scrollbar-thumb:hover {

background-color: #a181d5; transition:0.2s; }
 * -webkit-scrollbar-thumb:active {

background-color: #8257c7; transition:0.2s; }


 * -webkit-scrollbar-track {

background-color: #5a3399; }

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

/****************************** /* Galleries */ .wikia-gallery-item .title { display: none; } .wikia-gallery-item .lightbox-caption { font-weight: 600 }

/****************************** /* Infobox */ .portable-infobox { width: 285px }

.pi-data-label, .pi-title, .pi-header { font-family: 'Nova Square', cursive }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { font-weight: bold; text-align: center; }

/****************************** /* Slider - (Credit BAE173 Wiki if used) */ .wikiaPhotoGallery-slider-body .horizontal .description-background { border-radius: 5px 5px 0 0; background-color: #ffffff50 }

.wikiaPhotoGallery-slider-body .nav img, .button { transition-timing-function: ease-out; width: 60px; height: auto; transition: opacity .5s,border .5s; background-color: #9891cf; border-radius: 4px } .wikiaPhotoGallery-slider-body .horizontal .nav { margin: 0; width: 250px; top: 93%; transform: translateY(-40%) } .wikiaPhotoGallery-slider-body .horizontal .description h2, .wikiaPhotoGallery-slider-body .horizontal .description p { margin: 0; width: 250px; top: 93%; transform: translateY(-5%); text-align:center }

.wikiaPhotoGallery-slider-body .wikiaPhotoGallery-slider-controls .wikiaPhotoGallery-slider-next, .wikiaPhotoGallery-slider-body .wikiaPhotoGallery-slider-controls .wikiaPhotoGallery-slider-prev { background: none; color: #133258 }

.wikiaPhotoGallery-slider-body .description .read-more-button-wrapper { font-family: 'Kodchasan', sans-serif; font-size: 11px }

/****************************** /* Wikitable Items */

.ooui-theme-fandomooui .mw-datatable, .ooui-theme-fandomooui .mw-json, .ooui-theme-fandomooui .wikitable { background-color: #b7cef580 }

/****************************** /* Admin dashboard (Credits to ITZY Wiki) */ .AdminDashboardChromedArticle h2 { margin-left:20px; margin-right:20px; text-transform:none; } .AdminDashboardHeader { background-image:none; background-color:transparent; border:none; margin-top:35px; } .AdminDashboardHeader h1 { text-transform:uppercase; letter-spacing:3px; border:none }

/****************************** /* New releases (Credit to ITZY Wiki) .wds-community-header__local-navigation [href="/wiki/Category:Discography"] span::after, .wds-community-header__local-navigation [href="/wiki/Category:Mini_Albums"] span::after, .wds-community-header__local-navigation [href="/wiki/Intersection_:_Trace"]::after { content: 'new'; position: relative; background-color: #571f7a; top: 0; padding: 0 2px; font-size: 80%; font-weight: normal; border-radius: 4px; text-transform: lowercase; color: white; margin-left: 5px; }

font-family: 'Kodchasan', sans-serif;
 * article {

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

/*Link Hover (Credits to ENHYPEN 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:#764bd2; 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; }

/****************************** /* Tabs */ ul.tabbernav { font-weight:bold !important; padding:5px 0px !important; border: none !important; text-align: center; text-transform: uppercase !important;} ul.tabbernav li a { padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;} ul.tabbernav li a:link { color:#9071e5 !important; border-bottom: 2px solid #8c6ce4 !important; margin-right: 2px !important;} ul.tabbernav li a:visited { color: #43145c !important; border-bottom: 2px solid #8c6ce4 !important; margin-right: 2px !important;} ul.tabbernav li a:hover { color:#43145c !important; border-bottom: 2px solid #8c6ce4 !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:#43145c !important; border-bottom: 2px solid #8c6ce4 !important; background-color: transparent !important; margin-right: 2px !important;} ul.tabbernav li.tabberactive a:hover { border-bottom: 2px solid #8c6ce4 !important; margin-right: 2px !important;} .tabberlive .tabbertab { border:0px solid transparent !important; border-top:0 !important;}

/****************************** /* Headings (Credits to (G)I-DLE Wiki) */ .WikiaArticle h2 { font-family: 'Nova Square', cursive !important; font-size: 22px; color: #580d8c; line-height: 30px; border-bottom: solid 1px #580d8c; padding-bottom: 5px; } .WikiaPage .heading { font-family: 'Nova Square', cursive !important; font-weight: 700 !important; font-size: 22px; text-transform: none; letter-spacing: 0; margin-bottom: 10px; margin-top: 20px; }

.WikiaArticle .mw-editsection { float: right; margin-top: 5px; } /* .WikiaArticle .mw-editsection .section-edit-pencil-icon { content: url(/wiki/Special:Filepath?file=edit-pencil.png); width: 16px; height: 16px; } .WikiaArticle { font-family: 'Kodchasan', sans-serif; }

/****************************** /* Wordmark */ .wds-community-header__wordmark img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; } .wds-community-header__wordmark img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }

/****************************** /* Table of contents (Credits to (G)I-DLE Wiki) */

border-left: 2px solid #580d8c !important; border: none; padding: 1em; background-color: transparent; border-radius: 0 3px 3px 0; }
 * 1) toc {

.WikiaArticle #toctitle h2 { font-size: 16px; font-weight: bold; }

.WikiaArticle h2 { font-weight: bold; }

.WikiaArticle h5 { font-size: 15px; }

background-image: url(https://static.wikia.nocookie.net/bae173/images/c/c8/BAE173_Intersection_-_Trace_concept_photo_2.png/revision/latest?cb=20210411184042) !important; }
 * 1) toc-open {