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');

/* BACKGROUND IMAGE */ body.theme-fandomdesktop-light{ background-image: url(https://static.wikia.nocookie.net/tensei-kenja/images/0/0e/Community-header-background/revision/latest?cb=20210318093336); background-attachment: fixed; background-size:100% 100%; } body.theme-fandomdesktop-dark{ background-image: url(https://static.wikia.nocookie.net/tensei-kenja/images/a/a6/Light_Novel.jpg/revision/latest?cb=20210318114718); background-attachment: fixed; background-size:100% 100%; }

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

/* RIGHT RAIL */ .page__right-rail{ background-color: transparent; } .rail-module{ padding: 20px; margin-bottom:10px; border:solid 4px; border: 1px solid #a3f4ff; box-shadow: 0 0 0.5208333333vw 0 #fff inset; background-color: #fff; }

.WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#ddd, #520044); border-style: none none solid; border-width: 0 0 2px; border-image: linear-gradient(to right, transparent 0%, puprle 30%, purple 70%, purple 90%, transparent 100%); color: #bbb; font-size: 1.7em !important; line-height: 1em !important; margin-bottom: 15px; text-align: center; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

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