MediaWiki:Wikia.css

/* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work. To import fonts, I ask you to put it in MediaWiki:Common.css =================== */

/* =============    FONT AND PAGE ============= */ .WikiaPage h3, .WikiaPage h4, .WikiaPage h5 { font-family: 'Comfortaa', 'Gothic A1'; font-weight: bold; font-style: bold; } body { font-family: 'Montserrat', 'Gothic A1'; }

.WikiaPage .page-header__title { font-family: 'Comfortaa', 'Gothic A1'; font-weight: normal; } .wds-community-header { /*Site Header*/ font-family: 'Comfortaa', 'Gothic A1' !important; } .WikiaPage h2 { font-family: 'Comfortaa', 'Gothic A1'; font-weight: normal; font-size: 22px; }

/* Hover (BTS Wiki) */ .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); }

/* ==================    CONTENT (TOC) =================== */   border-left: 2px solid var(--theme-accent-color) !important; border: none; padding: 1em; background-color: var(--activity-dark-background-color); 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://images.wikia.nocookie.net/dev/images/8/89/Ui-icons_666666_256x240.png") !important; }
 * 1) toc-open {

/* Custom Tags (Credit to LOONA Wiki) */ .tag { color: inherit; }

/* Custom Tabber (Credit to LOONA Wiki) */ 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 var(--theme-page-text-color)  !important; margin-right: 2px !important;}

ul.tabbernav li a:visited {color:CurrentColor !important; border-bottom: 2px solid var(--theme-page-text-color)  !important; margin-right: 2px !important;}

ul.tabbernav li a:hover {color:CurrentColor !important; border-bottom: 2px solid var(--theme-page-text-color--secondary) !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 var(--theme-accent-color) !important; background-color: transparent !important;  margin-right: 2px !important;}

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid var(--theme-accent-color) !important;  margin-right: 2px !important;}

.tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}

/* Custom Dropdown Menu (Credit to LOONA Wiki) */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent !important; color: CurrentColor !important; font-weight:bold; padding: 1px 8px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a, .custom-dropdown li strong.selflink { height: 14px; line-height: 14px; font-size:10px !important; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { text-decoration: underline var(--activity-light-background-color); background: var(--activity-light-morelink-color); cursor: default; } .custom-dropdown:not(:first-of-type) > :first-child:before { content: "•"; position: relative; left: -9px; } .custom-dropdown > :first-child:after { background-image: url(data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D); border-color: #fff9 transparent transparent; width: 0px; }

/* Background (Credit to UtauSteam) */ @media screen and (min-width: 1025px) { .mw-parser-output a.external{ color: var(--theme-link-color); }   body.skin-oasis { background-image: -moz-linear-gradient(	       rgba(var(--theme-header-background-color--rgb),var(--oasis-community-background-opacity)),	        rgba(var(--theme-page-background-color--rgb),var(--oasis-community-background-opacity))        ); background-image: -webkit-linear-gradient(	       rgba(var(--theme-header-background-color--rgb),var(--oasis-community-background-opacity)),	        rgba(var(--theme-page-background-color--rgb),var(--oasis-community-background-opacity))        ); background-image: -o-linear-gradient(	       rgba(var(--theme-header-background-color--rgb),var(--oasis-community-background-opacity)),	        rgba(var(--theme-page-background-color--rgb),var(--oasis-community-background-opacity))        ); background-image: linear-gradient(to bottom,	       rgba(var(--theme-header-background-color--rgb),var(--oasis-community-background-opacity)),	        rgba(var(--theme-page-background-color--rgb),var(--oasis-community-background-opacity))        ); }	.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; }	.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.30; background: var(--activity-dark-background-color) url("/wiki/Special:FilePath/Wiki_background.jpg") center top fixed; background-size: cover; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } }

/* Scrollbar (Credit to LOONA Wiki) */ /* non-standard version */
 * -webkit-scrollbar {

width: 1em; background-color: var(--theme-link-color--active); }
 * -webkit-scrollbar-thumb {

background: var(--theme-accent-color); }
 * -webkit-scrollbar-track {

background-color: rgba(var(--theme-page-background-color--rgb), 0.2); }
 * -webkit-scrollbar-thumb:hover {

background: var(--theme-accent-color--hover); }
 * -webkit-scrollbar-thumb:active {

background: var(--theme-page-accent-mix-color); } /* Buttons */
 * -webkit-scrollbar-button:single-button {

background-color: rgba(var(--theme-page-background-color--rgb), 0.2); border-style: solid; height: 13px; } /* Up */
 * -webkit-scrollbar-button:single-button:vertical:decrement {

border-width: 8px 7px 8px; border-color: transparent transparent var(--theme-page-text-mix-color) transparent; }
 * -webkit-scrollbar-button:single-button:vertical:decrement:hover {

border-color: transparent transparent var(--theme-page-text-color) transparent; } /* Down */
 * -webkit-scrollbar-button:single-button:vertical:increment {

border-width: 8px 7px 0 7px; border-color: var(--theme-page-text-mix-color) transparent transparent transparent; }
 * -webkit-scrollbar-button:vertical:single-button:increment:hover {

border-color: var(--theme-page-text-color) transparent transparent transparent; } /* Left */
 * -webkit-scrollbar-button:single-button:horizontal:decrement {

border-width: 8px 8px 8px; border-color: transparent var(--theme-page-text-mix-color) transparent transparent; }
 * -webkit-scrollbar-button:single-button:horizontal:decrement:hover {

border-color: transparent var(--theme-page-text-color) transparent transparent; } /* Right */
 * -webkit-scrollbar-button:single-button:horizontal:increment {

border-width: 8px 8px 8px; border-color: transparent transparent transparent var(--theme-page-text-mix-color); }
 * -webkit-scrollbar-button:horizontal:single-button:increment:hover {

border-color: transparent transparent transparent var(--theme-page-text-color); }

/* standard version */ html { scrollbar-color: var(--theme-accent-color) var(--theme-link-color--hover); scrollbar-width: thin; }

/* Selection */
 * selection {

background: var(--theme-link-color); color: #FFF; text-shadow: none; }