Difference between revisions of "Template:Duesseldorf"

Line 6: Line 6:
  
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
−
#content { padding:0px; width:auto; margin-top:-7px; margin-left:0px;}
+
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
Line 13: Line 13:
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.menu_wrapper {  
 
.menu_wrapper {  
−
width:auto;  
+
width:150px;  
−
height:100px;  
+
height:100vh;  
 
position:fixed;  
 
position:fixed;  
 
padding:0px;
 
padding:0px;
Line 65: Line 65:
 
/* styling for the li that are the menu items */
 
/* styling for the li that are the menu items */
 
.menu_items li {  
 
.menu_items li {  
−
width:auto;  
+
width:90%;  
 
margin-top:-2px;  
 
margin-top:-2px;  
 
padding: 15px 0px 15px 15px ;  
 
padding: 15px 0px 15px 15px ;  
−
display:inline;
+
display:block;
 
border-bottom: 1px solid #d3d3d3;   
 
border-bottom: 1px solid #d3d3d3;   
 
text-align:left;  
 
text-align:left;  
Line 136: Line 136:
 
background-color:#000000;  
 
background-color:#000000;  
 
color: #72c9b6;
 
color: #72c9b6;
 +
}
 +
 +
 +
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
 +
.collapsable_menu_control {
 +
width:100%;
 +
padding: 15px 0px;
 +
display:none;
 +
background-color:#000000;
 +
text-align:center; 
 +
font-weight:bold;
 +
color:#72c9b6;
 +
cursor:pointer;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
 +
 +
/* when hovering on that button */
 +
.collapsable_menu_control:hover {
 +
background-color: #72c9b6;
 +
color:#000000; 
 
}
 
}
  
Line 421: Line 445:
  
  
−
<center><h1>iGEM Team Düsseldorf</h1></<center>
+
<h1 id="team_name"> </h1>
−
<center><h4 id="page_name">  </h4></center>
+
<h4 id="page_name">  </h4>
  
  

Revision as of 15:34, 14 June 2016

MENU ▤