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) |
|||
(20 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;} | .mainSiteNav ul li a:hover {background-color:#515056;text-decoration:none;} | ||
− | |||
− | |||
.homeMenu, | .homeMenu, | ||
.aboutMenu, | .aboutMenu, | ||
− | . | + | .productsMenu, |
.techMenu, | .techMenu, | ||
.healthMenu, | .healthMenu, | ||
Line 27: | 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;} |
.techMenu {border-bottom-color:#F50019;} | .techMenu {border-bottom-color:#F50019;} | ||
.healthMenu {border-bottom-color:#1D830C;} | .healthMenu {border-bottom-color:#1D830C;} | ||
.careersMenu {border-bottom-color:#801D66;} | .careersMenu {border-bottom-color:#801D66;} | ||
.blogMenu {border-bottom-color:#5471AF;} | .blogMenu {border-bottom-color:#5471AF;} | ||
− | .contactMenu {border-bottom-color:#BD2443;float:right;background-color:#D00D31;} | + | .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; }