Difference between revisions of "TemplateforTeams3"

 
(38 intermediate revisions by the same user not shown)
Line 47: Line 47:
 
#mainContainer {   
 
#mainContainer {   
 
width: 980px;
 
width: 980px;
−
margin: auto;
 
 
background-color: #EFEDEA;  
 
background-color: #EFEDEA;  
 
overflow: hidden;
 
overflow: hidden;
 
border-bottom: 6px solid #EE3e53;
 
border-bottom: 6px solid #EE3e53;
 +
margin-left:auto;
 +
margin-right:auto;
 
}
 
}
  
Line 56: 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%;
−
 
 
border-top: 6px solid #EE3e53;
 
border-top: 6px 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 {
Line 137: Line 152:
 
}
 
}
  
 +
#contentContainer a:hover{
 +
color: #f4b248;
 +
}
  
 
/*Change the styling of text */
 
/*Change the styling of text */
Line 178: Line 196:
  
 
     #contentContainer  td {
 
     #contentContainer  td {
−
    background-color: #fff;
 
 
     padding: 10px;
 
     padding: 10px;
 
     border: 1px solid #0e232f;
 
     border: 1px solid #0e232f;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
 
     vertical-align: text-top;
 
     vertical-align: text-top;
 +
    background-color: #EEEDEA;
 
     }
 
     }
  
 
     #contentContainer th {
 
     #contentContainer th {
−
    background-color: #fff;
 
 
     padding: 10px;
 
     padding: 10px;
−
     border: 1px solid #e8d5b7;
+
     border: 1px solid #0e232f;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
 
     vertical-align: text-top;
 
     vertical-align: text-top;
Line 199: Line 216:
 
<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="#"><li>Item</li></a>
+
−
<a href="#"><li>Item</li></a> 
+
−
</ul>
+
−
</li>
+
  
−
<li>PROJECT
+
<a href="https://2015.igem.org/TemplateforTeams/Team"><li>TEAM</li></a>
−
            <ul>
+
−
<a href="#"><li>Item</li></a>
+
−
<a href="#"><li>Item</li></a> 
+
−
</ul>
+
−
</li>
+
  
−
<li>PARTS
 
−
            <ul>
 
−
<a href="#"><li>Item</li></a>
 
−
<a href="#"><li>Item</li></a> 
 
−
</ul>
 
−
</li>
 
  
−
<li>OUTREACH
+
<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>
  
−
<a href="#"><li>SAFETY</li></a>
+
<a href="https://2015.igem.org/TemplateforTeams/Parts"><li>PARTS</li></a>
 +
 
 +
<a href="https://2015.igem.org/TemplateforTeams/Practices"><li>PRACTICES</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>
 +
 +
  
  
Line 254: Line 261:
 
<br> On this page you can document your project, introduce your team members, document your progress  
 
<br> On this page you can document your project, introduce your team members, document your progress  
 
and share your iGEM experience with the rest of the world! </p>
 
and share your iGEM experience with the rest of the world! </p>
 +
  
  
Line 293: Line 301:
  
 
<div class="simpleButton"> BUTTON NAME </div>
 
<div class="simpleButton"> BUTTON NAME </div>
 +
  
 
</div>
 
</div>

Latest revision as of 16:08, 13 February 2015

Welcome to iGEM 2015!

Your team has been approved and you are ready to start the iGEM season!
On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world!

Click here to edit this page!


Before you start:

Please read the Requirements page and the Wiki Requirements page.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Name of list
  • item 1
  • item 2
Header 1 Header 2
Content A 1 Content B 1
Content A 2 Content B 2
BUTTON NAME