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) |
|||
(4 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%; | + | #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:86px;background:#ffffff;width:100%;} | .mainSiteHeader {height:86px;background:#ffffff;width:100%;} | ||
Line 20: | Line 15: | ||
.mainSiteNav ul li {float:left;display:inline-block;margin-bottom:0!important;} | .mainSiteNav ul li {float:left;display:inline-block;margin-bottom:0!important;} | ||
− | .headerTitle {position:absolute;right:20px;top: | + | .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;} | ||
Line 35: | Line 30: | ||
.contactMenu {border-bottom-style:solid;border-bottom-width:3px;} | .contactMenu {border-bottom-style:solid;border-bottom-width:3px;} | ||
− | .homeMenu { | + | .homeMenu {background-color:#182A61;} |
.aboutMenu {border-bottom-color:#FBFF2D;} | .aboutMenu {border-bottom-color:#FBFF2D;} | ||
.productsMenu {border-bottom-color:#9C0069;} | .productsMenu {border-bottom-color:#9C0069;} | ||
Line 45: | Line 40: | ||
#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; }