MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Imports */ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Mbox.css|MediaWiki:Quote.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|u:dev:FandomizedBloglists/code.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:FandomizedRailModules/code.css|u:dev:MediaWiki:FandomizedThemeDesigner.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:MediaWiki:ModernWikiActivity.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css"); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Noto+Sans+JP'); @import url("https://use.fontawesome.com/releases/v5.9.0/css/all.css");

/* Applying custom fonts to replace default */ font-family: 'Josefin Sans', sans-serif; }
 * 1) WikiaPage {


 * lang(ja) {

font-family: 'Noto Sans JP', 'Arial Unicode MS', sans-serif; }

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

/*Infobox*/ .portable-infobox { color: #fff; padding: 2px; border: 2px solid #94bbe8; border-radius: 8px; } .portable-infobox .pi-secondary-background, .portable-infobox .pi-title { background: #94bbe8; text-align: center; margin: 0px; padding: 0px; margin-bottom: 2px; border-radius: 0px; } .portable-infobox .pi-title { border-radius: 6px 6px 0 0; } .portable-infobox .pi-secondary-background { font-size: 90% !important; padding-bottom: 0 !important; } .portable-infobox .pi-data-label { flex-basis: 120px; padding: 1px 0 1px 4px; background-color: #94bbe8; font-size: 90%; border-radius: 0 9px 9px 0; } .portable-infobox .pi-data-value { background: transparent; color: black; font-size: 90%; margin: 0; margin-left: 3px; padding: 1px 0 1px 4px; } .portable-infobox .pi-item-spacing { padding: 0; padding-bottom: 2px; } .portable-infobox .pi-border-color { border-bottom: none; } .portable-infobox .pi-header:last-child { border-radius: 0 0 6px 6px; margin-bottom: 0; } .portable-infobox .pi-image { margin-bottom: 2px; } .portable-infobox .pi-group .pi-item:last-of-type .pi-data-value { border-bottom-style: none; } .portable-infobox .pi-item:not(:last-of-type) .pi-data-value { border-bottom: 1px solid Gray; }

/* Makes infobox tabs made from gallery look nice */ .portable-infobox .pi-image-collection-tabs { display: flex; flex-wrap: wrap; justify-content: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: 1px solid #aaa; padding: 2px 8px; text-align: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { margin-left: 5px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background-color: #f2f7ff; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: skyblue; color: #fff; text-shadow: 0 0 2px black; }

/* Makes references smaller */ .references-small { font-size: 90%; }

/* Navigation Templates*/ .topbox { background: rgba(132, 170, 180, 0.06) !important; border: 1px solid #84aab4; 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%; }

/* Modifies page header margin */ .WikiaPage .page-header__separator { margin-bottom: 9px; }

/* Character */ .pi-theme-Char { width: 300px; background-color: transparent; color: #fff; padding: 2px; border-radius: 8px; border: 2px solid #94bbe8; } .pi-theme-Char .pi-secondary-background, .pi-theme-Char .pi-title { background: #94bbe8; text-align: center; margin: 0px; padding: 0px; margin-bottom: 2px; border-radius: 0px; } .pi-theme-Char .pi-title { border-radius: 6px 6px 0px 0px; } .pi-theme-Char .pi-secondary-background { font-size: 90% !important; padding-bottom: 0px !important; } .char-name2 { color: #ccc; border-top: 1px dotted #fff; padding: 4px; } .pi-navigation { margin-top: -2px !important; } .pi-theme-Char .pi-data-label { flex-basis: 120px; padding: 1px 0px 1px 4px; background-color: #94bbe8; font-size: 90%; border-radius: 0px 9px 9px 0px; } .pi-theme-Char .pi-data-value { background: transparent; color: black; font-size: 90%; margin: 0px; margin-left: 3px; padding: 1px 0px 1px 4px; } .pi-data-label:after { content: ':'; } .pi-secondary-background:not(:last-child):after { content: ''; border-color: white !important; } .pi-theme-Char .pi-item-spacing { padding: 0px; padding-bottom: 2px; } .pi-theme-Char .pi-border-color { border-bottom: none; } .pi-theme-Char .pi-header:last-child { border-radius: 0px 0px 6px 6px; margin-bottom: 0px; } .pi-theme-Char .pi-image { border: 1px solid #434343; margin-bottom: 2px; } .pi-caption { text-align: center; } .names { padding-right: 5px; font-size: 10px; } .names a { color: #fff !important; } .names a:hover { color: #059EFF; text-shadow: #1E90FF 0 0 5px; text-decoration: none; }