MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Fonts */ @import url('https://fonts.googleapis.com/css?family=Quicksand|Nanum+Gothic|Comfortaa|Open+Sans|Roboto|Fira+Sans|Noto+Sans'); /* Imports */ @import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|MediaWiki:Themes.css|MediaWiki:CustomSlider.css|u:dev:MediaWiki:FandomizedTabs/tabviews.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:ModernLightbox.css|u:dev:MediaWiki:FandomizedActivityFeed.css|u:dev:MediaWiki:ModernRail.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:SpoilerBlur/code.css||u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:FandomizedBloglists/code.css|u:dev:MediaWiki:ModernWikiActivity.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css'); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedAchievementsSystems/code.css&only=styles"); @import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css";

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

font-family: 'Noto Sans', sans-serif; }
 * 1) WikiaArticle h1, h2, h3, h4, h5, h6 {

/*===========================*/ /*   Interlanguage flags    */ /*===========================*/ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";

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

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

/** Minimal Scrollbar **/ /* WebKit and Blink */
 * -webkit-scrollbar {

width: 6px; height: 6px; }
 * -webkit-scrollbar-thumb {

background-color: rgba(50,50,50,0.5); }
 * -webkit-scrollbar-thumb:hover {

background-color: rgba(40,40,40,0.75); }
 * -webkit-scrollbar-thumb:active {

background-color: rgba(30,30,30,1); }
 * -webkit-scrollbar-track {

background-color: transparent; } /* Spec Version (Gecko only at the time of this addition) */ scrollbar-width:thin; scrollbar-color:rgba(50,50,50,0.5) transparent; }
 * , body {

/* Infobox */ .portable-infobox .pi-data-label { color: white ; font-weight: bold; } .portable-infobox .pi-data { color: white; } .pi-title, .pi-header, .pi-header { font-family: 'Noto Sans', sans-serif; background-color: purple; color: white; text-align: center; font-weight: bold; }

.portable-infobox { border: 1px solid purple; padding: 2px; } .portable-infobox.pi-background { background-color: transparent; } .pi-europa .pi-title { font-size: 14px; line-height: 24px; } .pi-europa .pi-header { font-size: 12px; line-height: 18px; } .pi-europa .pi-item-spacing { padding: 5px 10px; } .pi-europa .pi-image-collection-tabs { background-color: transparent; font-size: 90%; display: flex; flex-wrap: wrap; justify-content: center; } .pi-image-collection-tabs .pi-item-spacing { border:none; padding: 0.1em 0.3em; margin: 0.2em 0; } .pi-image-collection-tabs .pi-tab-link.current { background-color: purple; border-radius: 6px; color: #fff; }

/* Custom Infobox Tabber */ .portable-infobox ul.tabbernav {font-family: 'Comfortaa', cursive !important; font-weight:bold !important; padding:5px 0px !important; border: none !important; }

.portable-infobox ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

.portable-infobox ul.tabbernav li a:link {color:#a9a9a9 !important; border-bottom: 2px solid purple !important; margin-right: 2px !important;}

.portable-infobox ul.tabbernav li a:visited {color: #a9a9a9 !important; border-bottom: 2px solid purple !important; margin-right: 2px !important;}

.portable-infobox ul.tabbernav li a:hover {color:purple !important; border-bottom: 2px solid purple !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

.portable-infobox ul.tabbernav li.tabberactive a {color:purple !important; border-bottom: 2px solid purple !important; background-color: transparent !important;  margin-right: 2px !important;}

.portable-infobox ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid purple !important;  margin-right: 2px !important;}

.portable-infobox .tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}

/* Custom Tabber */ ul.tabbernav {font-family: 'Comfortaa', cursive !important; font-weight:bold !important; padding:5px 0px !important; border: none !important; }

ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li a:link {color:#a9a9a9 !important; border-bottom: 2px solid purple !important; margin-right: 2px !important;}

ul.tabbernav li a:visited {color: #a9a9a9 !important; border-bottom: 2px solid purple !important; margin-right: 2px !important;}

ul.tabbernav li a:hover {color:purple !important; border-bottom: 2px solid purple !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li.tabberactive a {color:purple !important; border-bottom: 2px solid purple !important; background-color: transparent !important;  margin-right: 2px !important;}

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid purple !important;  margin-right: 2px !important;}

.tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}