MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Lato&family=Libre+Baskerville&display=swap'); @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); /* 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://use.fontawesome.com/releases/v5.9.0/css/all.css"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedAchievementsSystems/code.css&only=styles");

/* Applying custom fonts to replace default */ font-family: 'Lato', sans-serif; }
 * 1) WikiaArticle, #WikiaRail {

.page-header__title, .WikiaArticle .mw-headline, .WikiaArticle h1, .WikiaArticle .mw-headline, .WikiaPageHeader h1, h2, h3 { font-family: 'Libre Baskerville', serif; }

/* SU Wiki */ .WikiaPage { border: 1px solid #2f8e06; border-top: 2px solid #2f8e06 !important; }

.spoiler { color: #000 !important; background-color: #000 !important; border-radius: 0.25em; }

/* RSW Module */ .WikiaRail .rail-module.rsw-custom-module#rsw-discord { text-align: center; background: #bcefbc; margin: 0 0 20px 0; padding: 20px; } .WikiaRail .rail-module.rsw-custom-module#rsw-discord img { width: 180px; } .WikiaRail .rail-module.rsw-custom-module#rsw-discord p { margin: 15px 0; font-size: 13px; line-height: 20px; } .WikiaRail .rail-module.rsw-custom-module#rsw-discord .wds-button { background: #5dd95d; border-color: #5dd95d; text-decoration: none; } .WikiaRail .rail-module.rsw-custom-module#rsw-discord .wds-button:hover { background: #4dd54d; border-color: #4dd54d; }

/* Username highlights */ /***********************/ /* Admins */ a[href$="/wiki/User:Toji-san"] {   color: #1ca8a3 !important; font-weight: bold; } a[href$="/wiki/User:Iago333"] {   color: #0088D1 !important; font-weight: bold; } a[href$="/wiki/User:Sidapa0"] {   color: #f78094 !important; font-weight: bold; }

/* Characters table */ .chartable { text-align:center; font-family:Trebuchet MS; } .chartable td { padding:0px; border:1px solid #aaaaaa; border-radius:1em; overflow:hidden; } .chartable th { border:1px solid #aaaaaa; border-radius:1em; }

/** Affiliates Image **/ max-width:100%; margin:auto; display:inline-block; }
 * 1) wmDiv img {

/* Custom reference box */ .refpopups-box { background: none repeat scroll 0 0 #c4e3ff !important; border-color: #0d48ea !important; font-size: 10px !important; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; } /**************/ /* Link hover */ /**************/ a:hover { text-shadow: #02bf67 0 0 1px; color: #02efa3 !important; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }

a:hover a:active { text-shadow: #02bf67 0 0 1px; color: #a1c7ba !important; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }

/* Scroll bar */
 * -webkit-scrollbar {

width: 10px; box-shadow: 0 0 6px rgba(47, 142, 6,0.3); }
 * -webkit-scrollbar-track {

background: #fff !important; border: 1px solid #2f8e06r; }
 * -webkit-scrollbar-thumb {

background: #2f8e06; border: 1px solid #2f8e06; }

/*Styling images*/ .icon { border-radius:50%; }

/*=============*/ /* Infoboxes  */ /*=============*/

/* General infoboxes */

.portable-infobox { background-color: transparent; border: 1px solid #323232; padding: 3px; width: 310px; }

.portable-infobox .pi-title { font-weight: bold; }

.portable-infobox .pi-header, .portable-infobox .pi-title { background: rgba(0, 0, 0, 0) linear-gradient(to right, #0d632e, #0ec956, #0d632e) repeat scroll 0 0; color: #eee; text-align: center; }

ul.pi-image-collection-tabs { margin: 10px 0 -1px; }

ul.pi-image-collection-tabs li { background-color: #343434; border: 1px solid #666; color: #eee; font-size: 12px; font-weight: bold; line-height: 1.6em !important; margin: 0 3px 0 0; padding: 0 4px !important; }

ul.pi-image-collection-tabs li.current { background-color: #000; border-bottom: 1px solid #000; }

ul.pi-image-collection-tabs li:last-child { margin: 0; }

.pi-image-collection-tab-content { background-color: transparent; border-top: 1px solid #666; }

.pi-image { padding: 5px 0; }

.pi-caption { text-align: center; }

.pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing>a { color: #eee; }

.pi-border-color { border-color: transparent; }

.pi-collapse .pi-header::after { border-color: #000; }

.pi-item.pi-group.pi-collapse.pi-collapse-closed { border-bottom: 1px solid transparent; }