MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */
@import url('//fonts.googleapis.com/css?family=Karla:400,600');

#stripe { background-color: #1D2856; line-height: 40px; height: 40px; width: 100%; top: 0; z-index: 20000; position: fixed; display: inline-block; }
#scf-stripe-logo { margin-left: 125px; line-height: 47px; float: left; width: 60px; text-align: center; }
#scf-stripe-logo img { height: 48px; vertical-align: top; filter: drop-shadow(0 0 3px rgba(0,0,0,0.5)); transition: filter 0.2s linear; }
#scf-stripe-logo img:hover { filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.7)); }
#scf-navigation { margin: -1px 0 0 20px; padding: 0; float: left; font-weight: 400; font-size: 15px; letter-spacing: 0.05em; -webkit-padding-start: 0; }
#scf-navigation li { display: inline-block; list-style-type: none; }
#scf-navigation a {display: inline-block; line-height: 40px; height: 40px; color: #FFF; text-decoration: none; padding: 0 15px; font-family: Karla, sans-serif; }
#scf-navigation a:hover, #scf-navigation li a.active, #scf-welcome a:hover { background-color: #1B1A33; }

#local-stripe { background-color: #1B1A33; line-height: 30px; height: 30px; width: 100%; margin-top: 40px; z-index: 19999; position: fixed; display: inline-block; }
#local-navigation { margin: 0 0 0 206px; padding: 0; float: left; font-weight: 400; font-size: 12px; letter-spacing: 0.05em; -webkit-padding-start: 0; }
#local-navigation li { display: inline-block; list-style-type: none; }
#local-navigation a {display: inline-block; line-height: 30px; height: 30px; color: #FFF; text-decoration: none; padding: 0 15px; font-family: Karla, sans-serif; }
#local-navigation a:hover, #local-navigation li a.active { background-color: #101014; }