Difference between revisions of "Template:Amsterdam"

 
(21 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
 +
#globalWrapper, #content{
 +
                      width: 100%;
 +
                      border: 0px;
 +
                      position: relative;
 +
                  }
 +
  
 
/* PAGE LAYOUT */
 
/* PAGE LAYOUT */
Line 16: Line 23:
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
#mainContainer {   
 
#mainContainer {   
−
width: 978px;
+
width: 98%;
 
overflow:hidden;
 
overflow:hidden;
−
float:left;
+
/*  float:left;*/
−
margin-left:20px;
+
/* margin-left:20px;*/
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 +
                margin: auto;
 
background-color: #fff;  
 
background-color: #fff;  
 
border-bottom: 14px solid #565656;
 
border-bottom: 14px solid #565656;
Line 32: Line 40:
 
#menuContainer  {  
 
#menuContainer  {  
 
float:left;
 
float:left;
−
width: 134px;
+
width: 100%;
 
padding: 20px 0px;
 
padding: 20px 0px;
−
border-top: 14px solid #565656;
+
border-top: 4px solid #565656;
 +
                border-bottom: 4px solid #565656;
 
background-color: #E8E8E9;
 
background-color: #E8E8E9;
 
}
 
}
Line 41: Line 50:
 
#contentContainer {
 
#contentContainer {
 
padding-top:20px;
 
padding-top:20px;
−
padding-right:10px;
+
padding-bottom:20px;
−
margin-bottom: 20px;
+
                                width: 50%;
−
width: 814px;
+
              /*                float: left;*/
−
padding-left: 20px;
+
                                margin: auto;
−
float: left;
+
                                display : table;
 
background-color: #fff;  
 
background-color: #fff;  
−
border-top: 14px solid #565656;
+
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
Line 125: Line 134:
 
text-decoration:none;
 
text-decoration:none;
 
font-weight: bold;
 
font-weight: bold;
 +
/*
 +
                padding-left: 2px;
 +
                padding-right: 2px;
 +
               
 +
*/
 
}
 
}
  
 
/* Sets the style for lists inside menuContainer  */
 
/* Sets the style for lists inside menuContainer  */
 
#menuContainer ul {  
 
#menuContainer ul {  
−
list-style: none;
+
/*
 +
list-style: inline;
 
margin-left:0px;
 
margin-left:0px;
 +
           
 +
*/
 +
                font-family: Arial, Verdana;
 +
                font-size: 14px;
 +
                margin: 0;
 +
                padding-left: 50px;
 +
                list-style: none;
 
}
 
}
  
Line 136: Line 158:
 
#menuContainer ul li {  
 
#menuContainer ul li {  
 
text-align: center;
 
text-align: center;
−
display: block;
+
               
−
width: 100%;
+
/* display: inline;*/
 +
/* width: 100%;*/
 
height:30px;
 
height:30px;
 
padding-top:10px;
 
padding-top:10px;
 +
                padding-left: 5px;
 +
                padding-right: 5px;
 +
                display: block;
 +
                position: relative;
 +
                float: left;
 
}
 
}
  
Line 155: Line 183:
 
}
 
}
  
 +
           
 +
            #menuContainer ul li a {
 +
              display: block;
 +
               
 +
/*
 +
              text-decoration: none;
 +
              color: #ffffff;
 +
              border-top: 1px solid #ffffff;
 +
              padding: 5px 15px 5px 15px;
 +
              background: #2C5463;
 +
              margin-left: 1px;
 +
              white-space: nowrap;
 +
*/
 +
            }
 
/*Submenus are displayed when hovering the menu button */
 
/*Submenus are displayed when hovering the menu button */
 
#menuContainer li:hover ul {
 
#menuContainer li:hover ul {
−
/*display: inline-block; */
+
display: none;
−
display: block;  
+
 
position: absolute;  
 
position: absolute;  
 
float:right;
 
float:right;
 +
/*
 
margin-left: 134px;
 
margin-left: 134px;
 
margin-top:-42px;
 
margin-top:-42px;
−
}
+
*/
  
 +
            }
 +
 +
            /*#menuContainer ul li a:hover {
 +
                background: #617F8A;
 +
            }*/
 +
            #menuContainer li:hover ul {
 +
                display: block;
 +
                position: absolute;
 +
}
 +
            #menuContainer li:hover li {
 +
                float: none;
 +
                font-size: 11px;
 +
}
 +
/*
 +
            #menuContainer li:hover a {
 +
                background: #617F8A;
 +
            }
 +
*/            /*
 +
            #menuContainer li:hover li a:hover {
 +
                background: #95A9B1;
 +
            }
 +
            */
 +
           
 
/*Style the submenu buttons*/
 
/*Style the submenu buttons*/
 
#menuContainer li ul li{
 
#menuContainer li ul li{
 +
 
background-color: #59BF92;  
 
background-color: #59BF92;  
 
padding-left:20px;
 
padding-left:20px;
Line 175: Line 241:
 
color: #565656;
 
color: #565656;
 
width: 150px;
 
width: 150px;
 +
 
}
 
}
  
Line 214: Line 281:
  
 
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
−
<ul>
+
<ul>
 
<a href="https://2015.igem.org/Team:Amsterdam"><li>HOME</li></a>
 
<a href="https://2015.igem.org/Team:Amsterdam"><li>HOME</li></a>
  
 
<a href="https://2015.igem.org/Team:Amsterdam/Team"><li>TEAM</li></a>
 
<a href="https://2015.igem.org/Team:Amsterdam/Team"><li>TEAM</li></a>
  
−
<a href="#"><li>PROJECT
+
<a href="https://2015.igem.org/Team:Amsterdam/Project"><li>PROJECT
−
            <ul>
+
<ul>
−
<a href="https://2015.igem.org/Team:Amsterdam/Description"><li>Description</li></a>
+
<a href="https://2015.igem.org/Team:Amsterdam/Project/Problem"><li>Problem</li></a>
−
<a href="https://2015.igem.org/Team:Amsterdam/Experiments"><li>Experiments &amp; Protocols</li></a>
+
<a href="https://2015.igem.org/Team:Amsterdam/Project/Synechocystis"><li>Synechocystis</li></a>
−
<a href="https://2015.igem.org/Team:Amsterdam/Results"><li>Results</li></a>
+
<a href="https://2015.igem.org/Team:Amsterdam/Project/Ecoli"><li>E. coli</li></a>
−
<a href="https://2015.igem.org/Team:Amsterdam/Design"><li>Design</li></a>
+
<a href="https://2015.igem.org/Team:Amsterdam/Project/Consortia"><li>Consortia</li></a>
 +
<a href="https://2015.igem.org/Team:Amsterdam/Project/Drylab"><li>Dry Lab</li></a>
 
</ul>
 
</ul>
 
</li></a>
 
</li></a>
Line 252: Line 320:
  
 
<a href="https://2015.igem.org/Team:Amsterdam/Software"><li>SOFTWARE</li></a>
 
<a href="https://2015.igem.org/Team:Amsterdam/Software"><li>SOFTWARE</li></a>
−
 
−
<a href="https://2015.igem.org/Team:Amsterdam/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
 
  
 
</ul>
 
</ul>

Latest revision as of 15:20, 24 July 2015