Difference between revisions of "Template:Uppsala/Navbar"

Line 148: Line 148:
 
float:left;  
 
float:left;  
 
border-bottom: 1px solid #d3d3d3;  
 
border-bottom: 1px solid #d3d3d3;  
−
font-size: 2em;  
+
font-size: 2vh !important;  
 
font-weight: bold;  
 
font-weight: bold;  
 
color: #5e5f5f;  
 
color: #5e5f5f;  
Line 154: Line 154:
 
}
 
}
 
.navbar .menu_button .expand_collapse_icon {
 
.navbar .menu_button .expand_collapse_icon {
−
width:10%;
+
width:100%;
 
float:left;
 
float:left;
 
}
 
}
Line 166: Line 166:
 
}
 
}
 
/* styling for the menu buttons on hover */
 
/* styling for the menu buttons on hover */
−
.navbar .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
+
.navbar .menu_button:hover, {  
 
background-color: #3399ff;  
 
background-color: #3399ff;  
 
text-decoration: none;
 
text-decoration: none;
Line 191: Line 191:
 
.menu_bottom_padding {display:none;}
 
.menu_bottom_padding {display:none;}
 
 
 +
}
 +
      /* when the page size is bigger than 800px, this show/hide control is hidden by default */
 +
.navbar #display_menu_control {
 +
display:none;
 +
text-align:center;
 
}
 
}
  
Line 284: Line 289:
 
<body>
 
<body>
  
 +
 +
<nav class="navbar navbar-inverse navbar-fixed-top handsy" id="navbar">
 
<div class="menu_button" id="display_menu_control">
 
<div class="menu_button" id="display_menu_control">
 
MENU   
 
MENU   
 
</div>  
 
</div>  
−
 
−
<nav class="navbar navbar-inverse navbar-fixed-top handsy" id="navbar">
 
 
   <div class="container-fluid">
 
   <div class="container-fluid">
 
     <div class="navbar-header">
 
     <div class="navbar-header">

Revision as of 13:57, 1 November 2017