Difference between revisions of "Template:TeamTemplateB"

Line 49: Line 49:
 
background-color: #EFEDEA;  
 
background-color: #EFEDEA;  
 
overflow: hidden;
 
overflow: hidden;
−
border-bottom: 12px solid #EE3e53;
+
border-bottom: 6px solid #EE3e53;
−
position:relative;
+
−
left:0;
+
−
right:0;
+
 
margin-left:auto;
 
margin-left:auto;
 
margin-right:auto;
 
margin-right:auto;
−
margin-bottom: 10px;
 
 
}
 
}
  
Line 61: Line 57:
 
/* Creates the container for the menu */
 
/* Creates the container for the menu */
 
#menuContainer  {  
 
#menuContainer  {  
−
float:left;
+
float:right;
−
width: 125px;
+
width: 135px;
 
background-color: #0e232f;
 
background-color: #0e232f;
 
height: 100%;
 
height: 100%;
−
position:absolute;
+
border-top: 6px solid #EE3e53;
−
border-top: 12px solid #EE3e53;
+
}
−
padding-right: 10px;
+
 
 +
/*Makes all the links the same */
 +
#menuContainer a {
 +
color: #EEEDEA;
 +
text-decoration:none;
 +
font-weight: bold;
 
}
 
}
  
 
/* Sets the style for lists inside menuContainer  */
 
/* Sets the style for lists inside menuContainer  */
 
#menuContainer ul {  
 
#menuContainer ul {  
−
width:90%;
+
width:100%;
 
list-style: none;
 
list-style: none;
 
margin: auto;
 
margin: auto;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 
}
 
}
  
−
#menuContainer ul li {  
+
/*Styles the list items to become menu buttons */
−
color: #EEEDEA;
+
#menuContainer ul li {
−
text-align: right;
+
 
display: block;
 
display: block;
 
position: relative;
 
position: relative;
 
padding: 10px;
 
padding: 10px;
 +
margin-bottom:5px;
 +
padding-left: 20px;
 
}
 
}
  
−
/* defines the bullet element inside menu container */
+
#menuContainer ul li:hover {
−
#menuContainer li, #menuContainer li a  {
+
background: #F4B248;
−
color: #f4b248;
+
color: #0e232f;
−
font-weight: bold;
+
 
}
 
}
  
−
/* defines the style change when hover over bullet element */
+
/*HIde the submenus and removes the padding */
−
#menuContainer li:hover, #menuContainer ul a:hover{
+
#menuContainer li ul {
−
text-decoration: none;
+
display: none;
−
color: #f4b248;
+
padding-top:15px;
 +
margin-left: -19px;
 
}
 
}
−
+
 
−
/* sub menus are not displayed */
+
/*HIde the submenus and removes the padding */
−
#menuContainer ul ul {
+
#menuContainer li ul {
 
display: none;
 
display: none;
 +
padding-top:15px;
 +
margin-left: -19px;
 
}
 
}
  
−
#menuContainer ul ul li {
+
/*Shows the submenus once you hover*/
−
text-align:right;
+
#menuContainer li:hover ul {
 +
display: block;  
 
}
 
}
  
−
#menuContainer ul ul li:hover {
+
/*style the submenu buttons*/
−
text-align: right;
+
#menuContainer li ul li {
 +
background: #0E232F;
 +
width: 100%;
 
}
 
}
  
−
/* sub menus are displayed when hovering on the ul */
+
#menuContainer li ul li:hover {
−
#menuContainer ul li:hover > ul {
+
background: #EE3E53;  
−
display: block;
+
color: #fff;
−
top: 0;
+
−
left: 100%;
+
 
}
 
}
 +
 +
  
 
#contentContainer {
 
#contentContainer {
 
background-color: #EEEDEA;  
 
background-color: #EEEDEA;  
 
width: 825px;
 
width: 825px;
−
float: left;
+
float: right;
 
padding: 10px;
 
padding: 10px;
−
border-top: 12px solid #EE3e53;
+
border-top: 6px solid #EE3e53;
−
margin-left: 135px;
+
 
}
 
}
  
Line 163: Line 171:
 
     height: 30px;
 
     height: 30px;
 
     text-align: center;
 
     text-align: center;
−
         padding: 12px 5px 0px 5px;
+
         padding: 10px 5px 0px 5px;
 
         margin: auto;
 
         margin: auto;
 
background-color: #ee3e53;
 
background-color: #ee3e53;
Line 207: Line 215:
 
<div id ="mainContainer">
 
<div id ="mainContainer">
 
<img src="https://static.igem.org/mediawiki/2015/e/eb/Demoteam_banner.jpg" width="980px">
 
<img src="https://static.igem.org/mediawiki/2015/e/eb/Demoteam_banner.jpg" width="980px">
 +
 +
 +
 
<div id="menuContainer">
 
<div id="menuContainer">
 
<ul>
 
<ul>
−
<a href="#"><li>HOME</li></a>
+
<a href="https://2015.igem.org/TemplateforTeams"><li>HOME</li></a>
−
<li>TEAM
+
 
−
            <ul>
+
<a href="https://2015.igem.org/TemplateforTeams/Team"><li>TEAM</li></a>
−
<a href="#"><li>Item</li></a>
+
−
<a href="#"><li>Item</li></a> 
+
−
</ul>
+
−
</li>
+
  
−
<li>PROJECT
 
−
            <ul>
 
−
<a href="#"><li>Item</li></a>
 
−
<a href="#"><li>Item</li></a> 
 
−
</ul>
 
−
</li>
 
  
−
<li>PARTS
+
<a href="#"><li>PROJECT</a>
 
             <ul>
 
             <ul>
−
<a href="#"><li>Item</li></a>
+
<a href="https://2015.igem.org/TemplateforTeams/Description"><li>Description</li></a>
−
<a href="#"><li>Item</li></a>   
+
<a href="https://2015.igem.org/TemplateforTeams/Data"><li>Data</li></a> 
 +
<a href="https://2015.igem.org/TemplateforTeams/Results"><li>Results</li></a> 
 +
<a href="https://2015.igem.org/TemplateforTeams/Discussion"><li>Discussion</li></a>   
 
</ul>
 
</ul>
 
</li>
 
</li>
  
−
<li>OUTREACH</li>
+
<a href="https://2015.igem.org/TemplateforTeams/Parts"><li>PARTS</li></a>
−
            <ul>
+
 
−
<a href="#"><li>Item</li></a>
+
<a href="https://2015.igem.org/TemplateforTeams/Practices"><li>PRACTICES</li></a>
−
<a href="#"><li>Item</li></a>
+
−
</ul>
+
−
+
  
−
<a href="#"><li>SAFETY</li></a>
+
<a href="https://2015.igem.org/TemplateforTeams/Safety"><li>SAFETY</li></a>
 
        
 
        
−
<li>MODELING
+
<a href="https://2015.igem.org/TemplateforTeams/Attributions"><li>ATTRIBUTIONS</li></a>
−
            <ul>
+
 
−
<a href="#"><li>Item</li></a>
+
<a href="https://2015.igem.org/TemplateforTeams/Notebook"><li>NOTEBOOK</li></a>
−
<a href="#"><li>Item</li></a> 
+
−
</ul>
+
−
</li>
+
  
−
<a href="#"><li>NOTEBOOK</li></a>
 
 
</ul>
 
</ul>
 
</div>
 
</div>
 +
 +
  
  

Revision as of 22:13, 12 February 2015