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

/* Not sure what the following codes do. */ .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; }

/* Styles Template:ImgTab */ .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 styling */ .portable-infobox { border-radius: 8px; border: 2px solid #94bbe8; padding: 2px; } .portable-infobox .pi-secondary-background, .portable-infobox .pi-title { background: #94bbe8; margin-bottom: 2px; } .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 { background-color: #94bbe8; border-radius: 0 9px 9px 0; flex-basis: 120px; padding: 1px 0 1px 4px; } .portable-infobox .pi-data-value { color: black; margin-left: 3px; padding: 1px 0 1px 4px; } .portable-infobox .pi-item-spacing { padding: 0 0 2px; } .portable-infobox .pi-image { margin-bottom: 2px; margin-top: 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; } .pi-data-label:after { content: ': '; } .pi-caption { text-align: center; }

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

/* Template:GalleryNavigation styling */ .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%; }