Difference between revisions of "Template:Waterloo"

(Adding bootstrap, fixing borders)
(Updating nav menu)
Line 18: Line 18:
 
         color: #565656;
 
         color: #565656;
 
         border-bottom: none;
 
         border-bottom: none;
−
         font-family: "Trebuchet MS", Helvetica, sans-serif;
+
         font-family: Helvetica, "Trebuchet MS", sans-serif;
 
     }
 
     }
  
Line 202: Line 202:
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
 
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 +
<nav class="navbar navbar-default">
 +
  <div class="container-fluid">
 +
    <!-- Brand and toggle get grouped for better mobile display -->
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
        <span class="sr-only">Toggle navigation</span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
      <a class="navbar-brand" href="/Team:Waterloo"><img src="/wiki/images/0/0b/Waterloo_logo_transparent.png" alt="Waterloo iGEM Logo" height="100%"></a>
 +
    </div>
 +
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
      <ul class="nav navbar-nav">
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project <span class="caret"></span></a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">One more separated link</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="/Team:Waterloo/Notebook">Notebook</a></li>
 +
        <li><a href="/Team:Waterloo/Human Practices">Human Practices</a></li>
 +
        <li><a href="/Team:Waterloo/Modeling">Modeling</a></li>
 +
        <li><a href="/Team:Waterloo/Measurement">Measurement</a></li>
 +
      </ul>
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="/Team:Waterloo/Team">Our Team</a></li>
 +
            <li><a href="/Team:Waterloo/Attributions">Attributions</a></li>
 +
            <li><a href="/Team:Waterloo/Collaborations">Collaborations</a></li>
 +
            <li><a href="/Team:Waterloo/Safety">Safety</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="/Team:Waterloo/Software">Software</a></li>
 +
            <li><a href="/Team:Waterloo/Entrepreneurship">Entrepreneurship</a></li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
  
  

Revision as of 02:55, 11 June 2015