Difference between revisions of "MediaWiki:Common.css"

From TGN Online
Jump to: navigation, search
(added scoll-padding-top to allow for the height of the smdHeader when clicking anchor links)
 
(35 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;}
.mainSiteHeader {height:100px;background:#182A61;width:100%;}
+
div#mw-head {width:auto;height:20px;}
.mainSiteNav {background:#65646A;height:40px;}
+
.mainSiteHeader {height:86px;background:#ffffff;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:11px 0 0;}
+
.mainSiteNav ul {margin:0px 0 0;background:#E2503E;width:100%;}
  
.mainSiteNav ul li {float:left;display:inline;}
+
.mainSiteNav ul li {float:left;display:inline-block;margin-bottom:0!important;}
  
.mainSiteNav ul li a {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;}
+
.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;}
 
#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;
}