MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* IMPORTS */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&family=Noto+Serif+JP&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

/* PAGE STYLE */ .page__main{ background-color: rgba(var(--theme-page-background-color--rgb), 0.9); } /*Tabber for galleries and infobox*/ .gallery-tabber .tabberlive { margin-bottom: -10px !important; text-align: center; } .gallery-tabber .tabberlive .tabbertab { border: none !important; margin: 0 !important; padding: 0 !important; } .gallery-tabber ul.tabbernav { border: 1px solid #ddd !important; line-height: 15px !important; margin-bottom: -6px !important; padding: 5px 0; } .gallery-tabber ul.tabbernav li a { background-color: rgba(0,0,0,0.4); color: #fff !important; margin: 0px; padding: 5px 20px; border: 1px solid #555 !important; font-weight: normal !important; transition: .4s; } .gallery-tabber .wikia-gallery { margin: 10px 0 0 0 !important; border: 1px solid #ccc !important; } .gallery-tabber ul.tabbernav li a:link { color: black !important; } .gallery-tabber ul.tabbernav li a:hover { color: black !important; background-color: rgba(0,0,0,0.6); color: #fff !important; transition: .4s; } .gallery-tabber ul.tabbernav li.tabberactive a { background-color: rgba(0,0,0,0.6); color: white !important; text-shadow: 0 0 2px black; font-weight: bold !important; } .portable-infobox .tabberlive { margin-bottom: -10px !important; padding: 0 !important; margin-left: 7px !important; margin-right: 6px !important; text-align: center; } .portable-infobox .tabberlive .tabbertab { border: none !important; margin: 0 !important; padding: 0 !important; } .portable-infobox ul.tabbernav { border: none !important; line-height: 15px !important; margin-top: 2px !important; margin-bottom: -0px !important; margin-left: -2px !important; } .portable-infobox ul.tabbernav li a { margin: 2px; border: 1px solid #cccccc !important; font-weight: normal !important; } .portable-infobox ul.tabbernav li a:link { color: black !important; } .portable-infobox ul.tabbernav li a:hover { font-size: 12px !important; color: black !important; background-color: none !important; } .portable-infobox ul.tabbernav li.tabberactive a { background-color: skyblue !important; font-size: 12px !important; color: white !important; text-shadow: 2px black; background-color: none !important; font-weight: bold !important; } .portable-infobox ul.tabbernav li.tabberactive a:hover	{ font-size: 12px !important; color: white !important; text-shadow: 2px black; } .portable-infobox .tabberlive .tabbertab img { position: center; height: auto; }

/* Portable Infobox - Tabs */ .portable-infobox .wds-tabs { justify-content: center; } .portable-infobox .wds-tabs .wds-tabs__tab { border-style: none; margin: 0; padding: 0; font-weight: bold; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }

/* Infobox styling */ .portable-infobox { width: 300px; } .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox .pi-header, .portable-infobox .pi-data-label { text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: 200px; /* to fix the odd left side gap */ } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }

.portable-infobox.pi-background, .portable-infobox.pi-title, .portable-infobox.pi-navigation, .portable-infobox.pi-pi-header, .portable-infobox.pi-data .pi-data-label, .portable-infobox.pi-horizontal-group-item .pi-data-label { background-image: url("https://static.wikia.nocookie.net/tensei-kenja/images/2/2d/Bg_magic-circle.png"); }

.portable-infobox { border: 1px solid purple; padding: 2px; } .portable-infobox.pi-background { background-color: #fff; } .pi-europa .pi-title { font-size: 18px; line-height: 28px; } .pi-europa .pi-header { font-size: 12px; line-height: 18px; } .pi-europa .pi-item-spacing { padding: 5px 10px; } .pi-europa .pi-image-collection-tabs { background-color: #fff; font-size: 90%; display: flex; flex-wrap: wrap; justify-content: center; } .pi-image-collection-tabs .pi-item-spacing { border:none; padding: 0.1em 0.3em; margin: 0.2em 0; } .pi-image-collection-tabs .pi-tab-link.current { background-color: purple; border-radius: 6px; color: #fff; } /* Navigation Templates*/ .topbox { background: rgba(244, 186, 176, 0.06) !important; border: 1px solid #fff4f2; font-size: 85%; width: 100%; } .topbox-top { border-bottom: 0 solid transparent; border-radius: 0px 0px 0 0; } .topbox-alone { border-radius: 0px; } .topbox-bottom { border-radius: 0 0 0px 0px; text-align: center; } .topbox-bottom td { width: 50%; } .WikiaPage .page-header__separator { margin-bottom: 9px; }

/* Username highlights */ /***********************/ /* Admins */ a[href$="/wiki/User:ValtSoi"] {   color:  crimson!important; font-weight: bold; }

/* Template:Tabs, credits to Virtual YouTuber Wiki */ .vyw--tabs-placement-control { float: right; min-width: 300px; border-collapse: collapse; } .vyw--tabs-placement-control.float-right-compact { margin-left: 15px; } .vyw--tabs-placement-control.across { width: 100%; float: none; clear: both; margin-left: 0; } .vyw--tab-container { display: flex; justify-content: flex-end; } .vyw--tab-line { flex-grow: 1; } .vyw--tab-line.short { max-width: 5px; } .vyw--tab-container > ul { margin: 10px 0; padding: 0; display: flex; justify-content: flex-end; } .vyw--tab-container > ul > li { list-style-type: none; display: inline-block; margin: 0; padding: 2.5px 1rem; } .vyw--tab-selected { border: 1px solid #810484; border-bottom: none; } .vyw--tab-default, .vyw--tab-line { border-bottom: 1px solid ; } .vyw--tab-selected, .vyw--tab-default, .vyw--tab-line { margin: 10px 0; padding: 0; }

.visually-hidden { position: absolute !important; overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px); opacity: 0; }

/* General Tabber Customizing */ .page-content ul.wds-tabs { list-style-type: none; margin: 0; padding: 0; justify-content: center; }