Difference between revisions of "Template:Kent"

Line 55: Line 55:
 
background-color: #fff;  
 
background-color: #fff;  
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
 +
 +
/* Creates the container for the menu */
 +
#menuContainer  {
 +
float:left;
 +
width: 100%;
 +
padding: 10px 0px;
 +
                                padding-bottom: 20px;
 +
border-top: 10px solid #000000;
 +
                                border-bottom: 10px solid #000000;
 +
background-color: #000000;
 +
                              text-align:center;
 
}
 
}
  
Line 148: Line 160:
 
     vertical-align: text-top;
 
     vertical-align: text-top;
 
     }
 
     }
 +
 +
 +
 +
/*MENU STYLING */
 +
 +
/*Styling for the links in the menu */
 +
#menuContainer a {
 +
color: #fff;
 +
text-decoration:none;
 +
font-weight: 500;
 +
                                font-size: 18px;
 +
}
 +
 +
/* Sets the style for lists inside menuContainer  */
 +
#menuContainer ul {
 +
list-style: inline;
 +
                                color: #002147;
 +
                              margin-left: 0px;
 +
                                margin-right: 0px;
 +
margin-top:-5px;
 +
overflow: hidden;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
/*Styles the list items to become menu buttons */
 +
#menuContainer ul li {
 +
text-align: center;
 +
display: inline;
 +
width: 100%;
 +
height:50px;
 +
padding-top:3px;
 +
                                padding-left:5px;
 +
                                padding-right:5px;
 +
box-sizing: border-box;
 +
}
 +
 +
/*For the menu buttons, changes the color when hovering*/
 +
#menuContainer li:hover {
 +
color:  #FFF;
 +
background-color: #24B694;
 +
}
 +
 +
/*Submenus are not displayed as default*/
 +
#menuContainer li ul {
 +
display: none;
 +
padding-top:15px;
 +
margin-left: -19px;
 +
}
 +
 +
/*Submenus are displayed when hovering the menu button */
 +
#menuContainer li:hover ul {
 +
/*display: inline-block; */
 +
                                display: block;
 +
                                float: none;
 +
position: absolute;
 +
margin-left: 0px;
 +
margin-top:0px;
 +
}
 +
 +
/*Style the submenu buttons*/
 +
#menuContainer li ul li{
 +
background-color: #FFF;
 +
padding-left:20px;
 +
padding-right:20px;
 +
height:50px;
 +
padding-top:10px;
 +
margin-top:-2px;
 +
color: #565656;
 +
width: 150px;
 +
}
  
 
/*CLASSES */
 
/*CLASSES */
Line 178: Line 261:
  
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
 +
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 +
 +
<div id="bannerContainer">
 +
<br><br>
 +
</div>
 +
<!-- Start of menu -->
 +
<div id="menuContainer">
 +
 +
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 +
<ul>
 +
 +
                                      <div class="banner-image-overlay">
 +
              <div style="opacity:1"><img src="https://static.igem.org/mediawiki/2015/0/0e/Team_Kent_iGEMlogo.png" alt=" width ="40px" height ="40px" align ="left" " class="banner-image-logo"/></div>
 +
                                      </div>
 +
<a href="https://2015.igem.org/Team:Kent"><li>HOME</li></a>
 +
 +
<a href="#"><li>TEAM
 +
                                                <ul>
 +
<a href="https://2015.igem.org/Team:Kent/Team"><li>Meet the team</li></a>
 +
                <a href="https://2015.igem.org/Team:Kent/Attributions"><li>Attributions</li></a>
 +
 +
</ul>
 +
                                        </li></a>
 +
 +
<a href="#"><li>PROJECT
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:Kent/Description"><li>Description</li></a>
 +
<a href="https://2015.igem.org/Team:Kent/Experiments"><li>Experiments</li></a> 
 +
<a href="https://2015.igem.org/Team:Kent/Results"><li>Results</li></a> 
 +
<a href="https://2015.igem.org/Team:Kent/Design"><li>Design</li></a>
 +
                                                        <a href="https://2015.igem.org/Team:Kent/Safety"><li>Safety</li></a>
 +
</ul>
 +
</li></a>
 +
 +
<a href="#"><li>PARTS
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:Kent/Parts"><li>Team Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Kent/Basic_Part"><li>Basic Parts</li></a> 
 +
<a href="https://2015.igem.org/Team:Kent/Composite_Part"><li>Composites</li></a>
 +
<a href="https://2015.igem.org/Team:Kent/Part_Collection"><li>Collection</li></a> 
 +
</ul>
 +
</li></a>
 +
 +
<a href="https://2015.igem.org/Team:Kent/Notebook"><li>NOTEBOOK</li></a>
 +
 +
<a href="https://2015.igem.org/Team:Kent/Collaborations"><li>COLLABORATIONS</li></a>
 +
 +
<a href="https://2015.igem.org/Team:Kent/Practices"><li>HUMAN PRACTICES</li></a>
 +
 +
<a href="https://2015.igem.org/Team:Kent/Modeling"><li>MODELING</li></a>
 +
 +
<a href="https://2015.igem.org/Team:Kent/Measurement"><li>MEASUREMENT</li></a>
 +
 +
<a href="https://2015.igem.org/Team:Kent/Software"><li>SOFTWARE</li></a>
 +
 +
<a href="https://2015.igem.org/Team:Kent/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
 +
 +
</ul>
 +
</div>
 +
<!-- End of menu  -->
  
 
<!-- Start of content -->
 
<!-- Start of content -->

Revision as of 10:31, 25 June 2015