Difference between revisions of "Template:McMaster/Header"

 
(33 intermediate revisions by the same user not shown)
Line 32: Line 32:
 
}
 
}
  
 
+
/*left align Black Menu Bar */
 +
#top_menu_inside {
 +
margin-left: 25%;
 +
}
 
</style>
 
</style>
  
Line 66: Line 69:
 
#menuContainer  {  
 
#menuContainer  {  
 
//float:right;
 
//float:right;
 +
                                width: 100%;
 +
                                  margin: 0 auto;
 
                                 display: inline-block;
 
                                 display: inline-block;
 
                                 text-align: center;
 
                                 text-align: center;
width: 100%;
+
padding: 0px 230px;  
padding: 0px 0px;  
+
 
//note on padding order: top/bottom are 5px, left/right are 15px
 
//note on padding order: top/bottom are 5px, left/right are 15px
 
//border-top: 0px solid #565656;
 
//border-top: 0px solid #565656;
 
//border-bottom: 0px solid #565656;
 
//border-bottom: 0px solid #565656;
 
background-color: #282828;
 
background-color: #282828;
                                 margin: 0 auto;
+
                                  
 
}
 
}
  
Line 152: Line 156:
 
#contentContainer a {  
 
#contentContainer a {  
 
font-weight: bold;
 
font-weight: bold;
color: #2CC94A;
+
color: #E64B3C;
 
font-size:16px;
 
font-size:16px;
 
}
 
}
Line 339: Line 343:
 
                         nav ul li { display: inline; }
 
                         nav ul li { display: inline; }
 
                         nav ul li a img { width: 50px; height: 50px; }
 
                         nav ul li a img { width: 50px; height: 50px; }
 
 
/*left align Black Menu Bar */
 
#top_menu_inside {
 
margin-left: 50%;
 
}
 
 
  
 
</style>
 
</style>
Line 351: Line 348:
  
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
<center><div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
  
  
Line 357: Line 354:
  
 
<!-- Start of menu -->
 
<!-- Start of menu -->
<center><div id="menuContainer" style="position: absolute; left: 10%;">
+
                        <div id="menuContainer">
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
 
<ul>
 
<ul>
 
<a href="https://2018.igem.org/Team:McMaster"><li>HOME</li></a>
 
<a href="https://2018.igem.org/Team:McMaster"><li>HOME</li></a>
Line 393: Line 389:
 
             <ul>
 
             <ul>
 
                                                         <a href="https://2018.igem.org/Team:McMaster/HP/Overview"><li>Overview</li></a>
 
                                                         <a href="https://2018.igem.org/Team:McMaster/HP/Overview"><li>Overview</li></a>
                                                         <a href="https://2018.igem.org/Team:McMaster/HP/Gold_Integrated"><li>NGS Paper</li></a>
+
                                                         <a href="https://2018.igem.org/Team:McMaster/HP/Gold_Integrated"><li>The NGS Paper</li></a>
<a href="https://2018.igem.org/Team:McMaster/HP/Silver"><li>Silver Medal</li></a>
+
<a href="https://2018.igem.org/Team:McMaster/HP/Silver"><li>Stakeholder Interviews</li></a>
 
                                                          
 
                                                          
                                                         <a href="https://2018.igem.org/Team:McMaster/Engagement"><li>Public Engagement</li></a>
+
                                                         <a href="https://2018.igem.org/Team:McMaster/Engagement"><li>Community Engagement</li></a>
 
                                                         <a href="https://2018.igem.org/Team:McMaster/Collaboration"><li>Collaboration</li></a>
 
                                                         <a href="https://2018.igem.org/Team:McMaster/Collaboration"><li>Collaboration</li></a>
 
 
Line 414: Line 410:
  
 
</ul>
 
</ul>
</div></center>  
+
</div>  
  
 
<!-- End of menu  -->
 
<!-- End of menu  -->
 
<!-- Start of content -->
 
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
  
 
                         <!-- Favicon and touch icons -->
 
                         <!-- Favicon and touch icons -->
Line 427: Line 420:
  
 
<link rel="stylesheet"
 
<link rel="stylesheet"
       href="https://2017.igem.org/Template:Heidelberg/highlightjs/CSS?action=raw&amp;ctype=text/css">
+
       href="https://2018.igem.org/Template:McMaster/highlightjs/CSS?action=raw&amp;ctype=text/css">
<script src="https://2017.igem.org/Template:Heidelberg/highlightjs/JS?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/Template:McMaster/highlightjs/JS?action=raw&amp;ctype=text/javascript"></script>
 
     <script>
 
     <script>
 
hljs.initHighlightingOnLoad();
 
hljs.initHighlightingOnLoad();
Line 438: Line 431:
 
</script>
 
</script>
 
                         <!-- End Favicon and touch icons -->
 
                         <!-- End Favicon and touch icons -->
 +
 +
<!-- Start of content -->
 +
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 +
 +
<div id="bannerContainer" >
 +
      <img width = "100%"; src = "https://static.igem.org/mediawiki/2018/0/0d/T--McMaster--Banner3.png">
 +
</div>
  
 
</html>
 
</html>

Latest revision as of 21:47, 17 October 2018