Difference between revisions of "Template:Kent"

Line 161: Line 161:
 
     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: ;
 
position: absolute;
 
margin-left: 125px;
 
margin-top:0px;
 
}
 
 
/*Style the submenu buttons*/
 
#menuContainer li ul li{
 
                                display: block;
 
background-color: #FFF;
 
padding-left:20px;
 
padding-right:20px;
 
height:50px;
 
padding-top:10px;
 
margin-top:-2px;
 
                                margin-left: 25px;
 
color: #565656;
 
width: 150px;
 
}
 
  
 
/*CLASSES */
 
/*CLASSES */
Line 265: Line 192:
 
<!-- 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 ="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"><a href="https://igem.org/Main_Page"><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"/></a></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:46, 26 June 2015