Difference between revisions of "Template:Duesseldorf"

m
Line 13: Line 13:
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.menu_wrapper {  
 
.menu_wrapper {  
width:150px;  
+
width:auto;  
height:100vh;  
+
height:100px;  
 
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:90%;  
+
width:auto;  
 
margin-top:-2px;  
 
margin-top:-2px;  
 
padding: 15px 0px 15px 15px ;  
 
padding: 15px 0px 15px 15px ;  
display:block;
+
display:inline;
 
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; 
 
 
}
 
}
  

Revision as of 15:33, 14 June 2016

iGEM Team Düsseldorf