MediaWiki:Wikia.css

@import "/MediaWiki:Themes.css?ctype=text/css&action=raw"; @import url('https://fonts.googleapis.com/css?family=Palanquin+Dark|Quattrocento+Sans|Montserrat|Text+Me+One|Lato|Noto+Sans+JP|Noto+Sans+KR'); /* Font Site */ body { font-family: 'Lato', sans-serif; } .WikiaPage, .custom-dropdown { font-family: 'Palanquin Dark', 'Noto Sans KR', 'Noto Sans JP', sans-serif; } ul.pi-image-collection-tabs { margin: 0; } /***********************************************************************/ /* Border wiki customized and header */ .WikiaPage { border: 1px solid #000000; -moz-border-radius:5px; -webkit-border-radius:2px; } /***********************************************************************/ /* Background (Credits to UtauSteam) */ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: linear-gradient(135deg,#8daac6,#bbc3e1,#d3e4eb) }

.WikiaSiteWrapper .WikiaPage { padding-top: 0; }	.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; }	.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.25; background: #fff url("https://static.wikia.nocookie.net/ariaz/images/e/ef/ARIAZ_Grand_Opera_Bg.png/revision/latest?cb=20200930023046") center fixed; background-size: cover; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } }

/* Infoboxes  */ .portable-infobox { border: 2px solid #6386a8; border-radius: 6px; padding: 0; overflow:hidden; } .portable-infobox .pi-header, .portable-infobox .pi-title { background: #6386a8; color: white; text-align: center; font-weight: bold; }

.portable-infobox .pi-data-value { font-size: 12px; }

.portable-infobox.type-pairing .pi-header, .portable-infobox.type-pairing .pi-title { padding:0; } ul.pi-image-collection-tabs { border-bottom: 2px solid #F5F5F5; width: 100%; } ul.pi-image-collection-tabs li { padding: 3px 8px !important; border: 1px solid #F5F5F5; border-bottom: 0; border-top: 0; } ul.pi-image-collection-tabs li.current { background: #F5F5F5; color: #252525; } .pi-caption { text-align: center; }

/* Custom 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 #08ae5f99 !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 #08ae5f !important; background-color: transparent !important;  margin-right: 2px !important;}

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #08ae5f !important;  margin-right: 2px !important;}

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

/* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: #6386a8 !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; } .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 { 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; border-width: 2px; }

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

/** Tabs **/ .mw-parser-output { overflow-x: visible; }

.pi-theme-tab.portable-infobox { display: table; width: fit-content; float: none; border: 0; margin: 0 auto; position: absolute; top: -20px; left: 50%; transform: translateX(-50%) translateY(-50%); } .pi-theme-tab.portable-infobox .pi-secondary-background { font-size:100%; } .pi-theme-tab.portable-infobox .pi-header { display: inline-block; } .pi-theme-tab .activetab .selflink { color: var(--text-color--light) !important; } .pi-theme-tab.portable-infobox .pi-header:not(.activetab) { background-color:var(--activity-dark-background-color); }

.pi-theme-tab.portable-infobox .pi-header:first-of-type { border-bottom-left-radius:3px; }

.pi-theme-tab.portable-infobox .pi-header:last-of-type { border-bottom-right-radius:3px; }