MediaWiki:Common.css

/***** CSS placed here will be applied to the new skin. *****/ /**********************************/ /* Font                          */ /**********************************/ @import url(https://fonts.googleapis.com/css?family=Candal|earlyaccess/notosansjapanese.css); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css&only=styles"; font-family: 'Candal', sans-serif; color: #fff; line-height: 1.5em; } /* Change the page fonts to something better suitled for screen reading. */ .WikiaArticle .mw-headline { font-family: 'Candal', sans-serif; } .Subaru-header-main { font-family: 'Candal', sans-serif; font-size:18px !important; }   font-family: 'Candal', sans-serif; } .UserProfileMasthead .masthead-info { background: rgba(7,20,39, .4); } .UserProfileMasthead .masthead-info-lower:before { border-color: rgba(7,20,39, .4) rgba(7,20,39, .4) transparent transparent; left: -28px; } /* Rail */ .WikiaRail .rail-module, .WikiaRail .module { background: linear-gradient(to right, rgba(000, 000, 000, 0.9), rgba(000, 000, 000, 0)), url("http://planet-with.com/ftC2xm2E/wp-content/themes/pw/img/bg-story.jpg") center / cover no-repeat fixed; border-radius: 5px; border: 2px solid #071427; margin: 0 0 30px; padding: 15px; } /* Header */ /* Wordmark */ .wds-community-header__wordmark, #p-logo { opacity: .7; transition: .5s; } .wds-community-header__wordmark:hover, #p-logo:hover { opacity: 1; }
 * 1) WikiaMainContent, #WikiaRail {
 * 1) WikiaMainContent h1 {

/* Infoboxes */ .portable-infobox { background: rgba(7,20,39, 0.5); border: 2px solid #071427; } .portable-infobox { border-radius: 8px 8px 0 0; }

.portable-infobox .pi-title { border-radius: 4px 4px 0 0; } .portable-infobox .pi-title, .portable-infobox .pi-header, .pi-horizontal-group .pi-header { background-color: #071427; color: #fff; font-weight: bold; text-align: center; }

.pi-data:not(:last-of-type), .pi-group { border-bottom-width: 0px !important; }

.pi-data-label { flex-basis: 150px !important; }

.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-width: 0px !important; }

.portable-infobox .pi-image-collection-tab-content { background-color: rgba(72, 67, 107,0.5); } .portable-infobox .pi-image-collection-tabs li { border: 1px solid transparent; } .portable-infobox .pi-image-collection-tabs li.current { background: rgba(15,88,129,0.5); }

.pi-theme-episode { border: 2px solid #3a5e6b; }

.pi-theme-episode .pi-title, .pi-theme-episode .pi-header, .pi-theme-episode .pi-secondary-background { background-color: #2a2a54; } .pi-theme-episode .pi-data:not(:last-of-type), .pi-group { border-bottom: none; } .pi-theme-episode .pi-data-label { flex-basis: 150px; } .pi-theme-episode .pi-title, .pi-theme-episode .pi-header { border-bottom: 1px solid #3a5e6b; border-top: 1px solid navy; } .pi-theme-episode .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: none; } .portable-infobox .pi-data-value ul { list-style-position: outside; margin-left: 18px; }

.pi-theme-character .pi-group:first-child .pi-data-value { text-align: center; }

.pi-theme-storyarc { border: 2px solid #2F2F2F; }

.pi-theme-storyarc .pi-title, .pi-theme-storyarc .pi-header { background-color: #1A2421; }

.pi-theme-ability .pi-image-collection { display: flex; flex-direction: column-reverse; }

.pi-theme-ability .pi-image-collection .pi-image-collection-tabs { display: flex; flex-direction: column; }

.pi-theme-ability .pi-image-collection .pi-tab-link { width: 100%; max-width: initial; flex: 1 1 auto; white-space: normal; font-weight: bold; font-size: x-small; padding: .25em; }