Difference between revisions of "Template:Uppsala/Navbar"

 
(12 intermediate revisions by the same user not shown)
Line 16: Line 16:
 
}
 
}
  
−
  /* when the page size is bigger than 800px, this show/hide control is hidden by default */
+
   
−
nav #display_menu_control {
+
−
display:none;
+
−
text-align:center;
+
−
}
+
  
 
/* Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/
 
/* Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/
Line 148: Line 144:
  
  
−
nav .menu_button {
 
−
width: 50%;
 
−
padding: 10px 0px 10px 15px;
 
−
float:center;
 
−
border-bottom: 1px solid #4d4d4d;
 
−
font-size: 2vh !important;
 
−
font-weight: bold;
 
−
color: #5e5f5f;
 
−
cursor: pointer;
 
−
}
 
−
nav .menu_button .expand_collapse_icon {
 
−
width:100%;
 
−
float:left;
 
−
}
 
−
 
−
nav .menu_button .expand_collapse_icon::before {
 
−
content: "+"; 
 
−
}
 
−
 
−
.open::before {
 
−
content: "-" !important; 
 
−
}
 
−
/* styling for the menu buttons on hover */
 
−
nav .menu_button:hover, {
 
−
background-color: #3399ff;
 
−
text-decoration: none;
 
−
color:#ffffff;
 
−
}
 
−
 
−
 
−
/* IF THE SCREEN IS LESS THAN 1200PX */
 
−
@media only screen and (max-width: 1200px) {
 
−
 
−
nav #display_menu_control { display:none; }
 
−
#menu_content { display:block;}
 
−
.menu_button.direct_to_page {padding-left: 17px;}
 
−
 
−
}
 
−
 
−
/* IF THE SCREEN IS LESS THAN 800PX */
 
−
@media only screen and (max-width: 800px) {
 
−
 
−
nav { width:100%; height: 15%; position:relative; left:0%;}
 
−
nav #display_menu_control { display:block; }
 
−
#menu_content { display:none;}
 
−
nav .menu_button .expand_collapse_icon { width: 5%; }
 
−
.menu_bottom_padding {display:none;}
 
−
 
−
}
 
−
   
 
  
 
</style>
 
</style>
Line 258: Line 204:
 
// in case you preview mode is selected, the menu is hidden for better visibility  
 
// in case you preview mode is selected, the menu is hidden for better visibility  
 
if (window.location.href.indexOf("submit") >= 0) {
 
if (window.location.href.indexOf("submit") >= 0) {
−
$(".navbar").hide();
+
$(".igem_menu_wrapperr").hide();
 
}
 
}
  
Line 269: Line 215:
  
 
// show/hide the menu wrapper
 
// show/hide the menu wrapper
−
$(".navbar").fadeToggle("100");
+
$(".igem_menu_wrapper").fadeToggle("100");
 
});
 
});
 
   }  
 
   }  
Line 289: Line 235:
  
 
<body>
 
<body>
−
 
+
<nav class="navbar navbar-inverse navbar-fixed-top handsy" >
−
+
−
<nav class="navbar navbar-inverse navbar-fixed-top handsy"id="navbar" >
+
 
   <div class="container-fluid">
 
   <div class="container-fluid">
−
<div class="menu_button" class="dropdown-toggle" data-toggle="dropdown" data-target="#menu_content" role= "button" id="display_menu_control">
 
−
MENU 
 
−
</div>
 
 
     <div class="navbar-header" >
 
     <div class="navbar-header" >
 +
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>                       
 +
      </button>
 
       <a class="navbar-left" href="#"><img src="https://static.igem.org/mediawiki/2017/6/67/Uppsala_navbar_logo.png"  
 
       <a class="navbar-left" href="#"><img src="https://static.igem.org/mediawiki/2017/6/67/Uppsala_navbar_logo.png"  
 
       class="img.responsive" style="padding:5px 5px 0px 5px;"></a>
 
       class="img.responsive" style="padding:5px 5px 0px 5px;"></a>
 
     </div>
 
     </div>
−
     <ul class="nav navbar-nav pull-right" id="menu_content">
+
<div class="collapse navbar-collapse" id="myNavbar">
−
       <li><a href="https://2017.igem.org/Team:Uppsala">Home</a></li>
+
     <ul class="nav navbar-nav pull-right" style="align:center !important;">
 +
       <li ><a href="https://2017.igem.org/Team:Uppsala">Home</a></li>
 
       <li class="dropdown">
 
       <li class="dropdown">
 
       <a class="dropdown-toggle" data-toggle="dropdown" role= "button">Team
 
       <a class="dropdown-toggle" data-toggle="dropdown" role= "button">Team
Line 308: Line 255:
 
       <li><a href="https://2017.igem.org/Team:Uppsala/Team">Team</a></li>
 
       <li><a href="https://2017.igem.org/Team:Uppsala/Team">Team</a></li>
 
       <li><a href="https://2017.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
 
       <li><a href="https://2017.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
 
       </ul>
 
       </ul>
 
       </li>
 
       </li>
Line 316: Line 264:
 
       <li><a href="https://2017.igem.org/Team:Uppsala/Description">Description</a></li>
 
       <li><a href="https://2017.igem.org/Team:Uppsala/Description">Description</a></li>
 
       <li><a href="https://2017.igem.org/Team:Uppsala/Design">Design</a></li>
 
       <li><a href="https://2017.igem.org/Team:Uppsala/Design">Design</a></li>
−
         <li><a href="https://2017.igem.org/Team:Uppsala/Experiments">Experiments</a></li>
+
         <li><a href="https://2017.igem.org/Team:Uppsala/CrocinPathway">Crocin Pathway</a></li>
−
         <li><a href="https://2017.igem.org/Team:Uppsala/Notebook">Notebook</a></li>
+
         <li><a href="https://2017.igem.org/Team:Uppsala/Zea-Strain">Zea-Strain</a></li>
−
        <li><a href="https://2017.igem.org/Team:Uppsala/InterLab">InterLab</a></li>
+
         <li><a href="https://2017.igem.org/Team:Uppsala/Model">Modeling</a></li>
−
        <li><a href="https://2017.igem.org/Team:Uppsala/Contribution">Contribution</a></li>
+
         <li><a href="https://2017.igem.org/Team:Uppsala/Parts">Parts</a></li>
−
         <li><a href="https://2017.igem.org/Team:Uppsala/Model">Model</a></li>
+
         </ul>
−
         <li><a href="https://2017.igem.org/Team:Uppsala/Results">Results</a></li>
+
−
         <li><a href="https://2017.igem.org/Team:Uppsala/Demonstrate">Demonstrate</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Uppsala/Improve">Improve</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
+
−
      </ul>
+
 
       </li>
 
       </li>
−
      <li><a href="https://2017.igem.org/Team:Uppsala/Safety">Safety</a></li>
 
 
       <li class="dropdown">
 
       <li class="dropdown">
 
       <a class="dropdown-toggle" data-toggle="dropdown">Human Practices
 
       <a class="dropdown-toggle" data-toggle="dropdown">Human Practices
 
       <span class="caret"></span></a>
 
       <span class="caret"></span></a>
 
       <ul class="dropdown-menu">
 
       <ul class="dropdown-menu">
−
       <li><a href="https://2017.igem.org/Team:Uppsala/HP/Silver">Silver HP</a></li>
+
       <li><a href="https://2017.igem.org/Team:Uppsala/HP/Silver">Human Practices</a></li>
−
       <li><a href="https://2017.igem.org/Team:Uppsala/HP/Gold_Integrated">Integrated and Gold HP</a></li>
+
       <li><a href="https://2017.igem.org/Team:Uppsala/HP/Gold_Integrated">Ethics-Gold HP</a></li>
 
         <li><a href="https://2017.igem.org/Team:Uppsala/Engagement">Engagement</a></li>
 
         <li><a href="https://2017.igem.org/Team:Uppsala/Engagement">Engagement</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Uppsala/Entrepreneurship">Market Analysis</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
 
       <li class="dropdown">
 
       <li class="dropdown">
−
       <a class="dropdown-toggle" data-toggle="dropdown">Awards
+
       <a class="dropdown-toggle" data-toggle="dropdown">Results
 +
      <span class="caret"></span></a>
 +
      <ul class="dropdown-menu">
 +
      <li><a href="https://2017.igem.org/Team:Uppsala/Results">Results</a></li>
 +
      <li><a href="https://2017.igem.org/Team:Uppsala/Demonstrate">Demonstrate</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Uppsala/Medals">Medals</a></li>
 +
            </ul></li>
 +
     
 +
      <li><a href="https://2017.igem.org/Team:Uppsala/Portfolio">Portfolio</a></li>
 +
    <li class="dropdown">
 +
      <a class="dropdown-toggle" data-toggle="dropdown">Extended Work
 
       <span class="caret"></span></a>
 
       <span class="caret"></span></a>
 
       <ul class="dropdown-menu">
 
       <ul class="dropdown-menu">
−
      <li><a href="https://2017.igem.org/Team:Uppsala/Applied_Design">Applied Design</a></li>
+
         <li><a href="https://2017.igem.org/Team:Uppsala/Hardware">Chipgineering2.0</a></li>
−
      <li><a href="https://2017.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
+
      <li><a href="https://2017.igem.org/Team:Uppsala/InterLab">InterLab</a></li>
−
         <li><a href="https://2017.igem.org/Team:Uppsala/Hardware">Hardware</a></li>
+
      <li><a href="https://2017.igem.org/Team:Uppsala/Improve">Improve</a></li>
−
        <li><a href="https://2017.igem.org/Team:Uppsala/Measurement">Measurement</a></li>
+
         <li><a href="https://2017.igem.org/Team:Uppsala/Contribution">Contributions</a></li>
−
        <li><a href="https://2017.igem.org/Team:Uppsala/Model">Model</a></li>
+
            </ul></li>
−
        <li><a href="https://2017.igem.org/Team:Uppsala/Plant">Plant</a></li>
+
         <li><a href="https://2017.igem.org/Team:Uppsala/Safety">Safety</a></li>
−
         <li><a href="https://2017.igem.org/Team:Uppsala/Software">Software</a></li>
+
−
        <li><a href="https://igem.org/2017_Judging_Form?team=Uppsala">Judging Form</a></li>
+
−
         </ul></li>
+
−
      <li><a href="https://2017.igem.org/Team:Uppsala/Parts">Parts</a></li>
+
 
     </li>
 
     </li>
 
   </div>
 
   </div>
 +
</div>
 
</nav>
 
</nav>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 22:05, 1 November 2017