Difference between revisions of "MediaWiki:Common.css"
From TGN Online
(added scoll-padding-top to allow for the height of the smdHeader when clicking anchor links) |
|||
(26 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | #smdHeader {width:100%;clear:both;} | + | #smdHeader { width: 100%;clear: both; position: fixed; top: 0; z-index: 9999;} |
div#mw-head {width:auto;height:20px;} | div#mw-head {width:auto;height:20px;} | ||
− | .mainSiteHeader {height: | + | .mainSiteHeader {height:86px;background:#ffffff;width:100%;} |
.mainSiteNav {height:40px;width:100%;} | .mainSiteNav {height:40px;width:100%;} | ||
#left-navigation,#right-navigation {margin-top:110px;} | #left-navigation,#right-navigation {margin-top:110px;} | ||
+ | div.mainLogo {padding: 10px 10px 10px 25px;} | ||
+ | |||
+ | .mw-body,#mw-body {margin-top: 7.45em;} | ||
div#mw-head {top:50px;} | div#mw-head {top:50px;} | ||
− | .mainSiteNav ul {margin:0px 0 0;background:# | + | .mainSiteNav ul {margin:0px 0 0;background:#E2503E;width:100%;} |
− | .mainSiteNav ul li {float:left;display:inline-block;} | + | .mainSiteNav ul li {float:left;display:inline-block;margin-bottom:0!important;} |
+ | |||
+ | .headerTitle {position:absolute;right:20px;top:15px;font-size:28px;color:#E2503E;font-weight:light;} | ||
.mainSiteNav ul li a {font-size:13px;color: #ffffff;-webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);-moz-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);-o-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);padding: 11px 23px !important;display:block;} | .mainSiteNav ul li a {font-size:13px;color: #ffffff;-webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);-moz-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);-o-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);padding: 11px 23px !important;display:block;} | ||
+ | |||
+ | .mainSiteNav ul li a:hover {background-color:#515056;text-decoration:none;} | ||
+ | |||
+ | .homeMenu, | ||
+ | .aboutMenu, | ||
+ | .productsMenu, | ||
+ | .techMenu, | ||
+ | .healthMenu, | ||
+ | .careersMenu, | ||
+ | .blogMenu, | ||
+ | .contactMenu {border-bottom-style:solid;border-bottom-width:3px;} | ||
+ | |||
+ | .homeMenu {background-color:#182A61;} | ||
+ | .aboutMenu {border-bottom-color:#FBFF2D;} | ||
+ | .productsMenu {border-bottom-color:#9C0069;} | ||
+ | .techMenu {border-bottom-color:#F50019;} | ||
+ | .healthMenu {border-bottom-color:#1D830C;} | ||
+ | .careersMenu {border-bottom-color:#801D66;} | ||
+ | .blogMenu {border-bottom-color:#5471AF;} | ||
+ | .contactMenu {border-bottom-color:#BD2443;float:right!important;background-color:#D00D31;} | ||
#p-personal a {color:#ffffff;} | #p-personal a {color:#ffffff;} | ||
+ | |||
+ | .tocnumber { display: none; } | ||
+ | |||
+ | html { | ||
+ | scroll-padding-top: 127px; | ||
+ | } |
Latest revision as of 12:35, 3 November 2023
/* CSS placed here will be applied to all skins */ #smdHeader { width: 100%;clear: both; position: fixed; top: 0; z-index: 9999;} div#mw-head {width:auto;height:20px;} .mainSiteHeader {height:86px;background:#ffffff;width:100%;} .mainSiteNav {height:40px;width:100%;} #left-navigation,#right-navigation {margin-top:110px;} div.mainLogo {padding: 10px 10px 10px 25px;} .mw-body,#mw-body {margin-top: 7.45em;} div#mw-head {top:50px;} .mainSiteNav ul {margin:0px 0 0;background:#E2503E;width:100%;} .mainSiteNav ul li {float:left;display:inline-block;margin-bottom:0!important;} .headerTitle {position:absolute;right:20px;top:15px;font-size:28px;color:#E2503E;font-weight:light;} .mainSiteNav ul li a {font-size:13px;color: #ffffff;-webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);-moz-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);-o-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);padding: 11px 23px !important;display:block;} .mainSiteNav ul li a:hover {background-color:#515056;text-decoration:none;} .homeMenu, .aboutMenu, .productsMenu, .techMenu, .healthMenu, .careersMenu, .blogMenu, .contactMenu {border-bottom-style:solid;border-bottom-width:3px;} .homeMenu {background-color:#182A61;} .aboutMenu {border-bottom-color:#FBFF2D;} .productsMenu {border-bottom-color:#9C0069;} .techMenu {border-bottom-color:#F50019;} .healthMenu {border-bottom-color:#1D830C;} .careersMenu {border-bottom-color:#801D66;} .blogMenu {border-bottom-color:#5471AF;} .contactMenu {border-bottom-color:#BD2443;float:right!important;background-color:#D00D31;} #p-personal a {color:#ffffff;} .tocnumber { display: none; } html { scroll-padding-top: 127px; }