Difference between revisions of "MediaWiki:Common.css"
(Created page with "→CSS placed here will be applied to all skins: @import url(https://fonts.googleapis.com/css?family=Open+Sans:600); →Navigation Bar: #topnavbar { width: 100%;...") |
|||
Line 4: | Line 4: | ||
/* Navigation Bar */ | /* Navigation Bar */ | ||
− | # | + | #navbar_top { |
width: 100%; | width: 100%; | ||
height: 50px; | height: 50px; | ||
Line 15: | Line 15: | ||
z-index: 20; | z-index: 20; | ||
} | } | ||
− | # | + | #navbar_top a { |
color: white; | color: white; | ||
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
Line 22: | Line 22: | ||
} | } | ||
− | # | + | #navbar_top a:hover, .product, li#menu-item-current a { |
color: #ffffae; | color: #ffffae; | ||
} | } | ||
− | # | + | #navbar_top ul > li { |
display: inline-block; | display: inline-block; | ||
line-height: 50px; | line-height: 50px; | ||
Line 85: | Line 85: | ||
min-height: 82px; | min-height: 82px; | ||
} | } | ||
− | # | + | #navbar_top { |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
− | # | + | #navbar_top ul { |
text-align: center; | text-align: center; | ||
} | } | ||
− | # | + | #navbar_top ul li { |
float: left; | float: left; | ||
width: 50%; | width: 50%; | ||
margin: 0px; | margin: 0px; | ||
} | } | ||
− | # | + | #navbar_top ul li a { |
display: block; | display: block; | ||
padding: 0px; | padding: 0px; |
Revision as of 13:43, 3 September 2018
/* CSS placed here will be applied to all skins */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:600); /* Navigation Bar */ #navbar_top { width: 100%; height: 50px; position: absolute; margin: 0 auto; background-color: rgba(34, 29, 40, 0.8); text-transform: uppercase; font-weight: 600; font-size: 17px; z-index: 20; } #navbar_top a { color: white; font-family: 'Open Sans', sans-serif; text-shadow: 0px 0px 4px rgba(0,0,0,0.4); text-decoration: none; } #navbar_top a:hover, .product, li#menu-item-current a { color: #ffffae; } #navbar_top ul > li { display: inline-block; line-height: 50px; margin: 0 20px; } div#mw-panel { margin-top: 30px; } div#mw-navigation { margin-top: 50px; } #mw-head-base { margin-top: -30px; } div#mw-head { top: 50px; } div#navigaton_container { max-width: 875px; margin: auto; } div#navigaton_container ul { margin-left: -0.29em; margin-top: 0.02em; } li.social.to-right { float:right; padding-top: 10px; } li.buy.to-right { float:right; margin-right: 8px !important; } .sociallink { width: 26px; height: 34px; display: inline-block; margin-left: 10px; } .sociallink a { width: 100%; height: 100%; } @media screen and (max-width: 800px) { #navigaton_container { background-color: rgba(34, 29, 40, 0.8); min-height: 82px; } #navbar_top { background-color: transparent; } #navbar_top ul { text-align: center; } #navbar_top ul li { float: left; width: 50%; margin: 0px; } #navbar_top ul li a { display: block; padding: 0px; line-height: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1); padding: 10px 0px; } li.buy.to-right { margin-right: 0px !important; } li.social.to-right { display: none !important; } div#mw-panel { margin-top: 55px; } div#mw-head { top: 75px; } div#content.mw-body { margin-top: 25px; } }