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 { display: flex; flex-direction: row; flex-wrap:wrap; } .portable-infobox .tabberlive .tabbertab { background:transparent; } .portable-infobox ul.tabbernav { background:transparent; } .portable-infobox ul.tabbernav li a { 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: #a3c8f0 !important; } .portable-infobox .tabberlive .tabbertab img { position: center; }

/* Infobox styling */ .portable-infobox { background: transparent; border-radius: 8px; border: 2px solid #94bbe8; } .portable-infobox .pi-title { background: #94bbe8; border-radius: 6px 6px 0 0; line-height: 20px; text-align: center; } .portable-infobox .pi-header { background: #94bbe8; font-size: 16px; font-weight: normal; text-align: center; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }

.pi-border-color { border-color: #94bbe8; }

/* Makes infobox tabs made from gallery look nice */ .pi-image-collection-tabs { display: flex; flex-direction: row; flex-wrap:wrap; } .pi-image-collection-tabs .pi-tab-link { border: 0; flex: 1 auto; } .pi-image-collection-tabs .pi-tab-link:hover, .pi-image-collection-tabs .current { background: #a3c8f0 !important; } .pi-image-collection-tabs .current:hover { cursor: default; } .pi-image-collection-tab-content { background: transparent; } .pi-image { border-bottom: 1px solid #a3c8f0; } ul.pi-image-collection-tabs { padding-bottom: 1px; }

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