Template:CU-Boulder-header2

From 2014.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 13: Line 13:
<!-- </script> -->
<!-- </script> -->
-
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" />
+
<!-- <script> -->
 +
<!--    $('.btn').hover(function() { -->
 +
<!--    $(this).animate({"color":"#006dcc"}, 500); -->
 +
<!--    }, function() { -->
 +
<!--    $(this).animate({"color":"#333333"}, 500); -->
 +
<!--    }); -->
 +
<!--    $(function() { -->
 +
<!--    $( ".tabs" ).tabs({ -->
 +
<!--    event: "mouseover", heightStyle: "auto" -->
 +
<!--    }); -->
 +
<!--    $("#footer a").addClass("btn btn-mini"); -->
 +
<!--    $("#footer-box").addClass("shadow-bottom"); -->
 +
<!--    }); -->
 +
<!--    $('#headerimage').cycle(); -->
 +
<!-- </script> -->
 +
 
 +
<!-- include bootstrap css (mainly for the navigation bar) -->
 +
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
 +
 
 +
<!-- include 2013 igem stylesheet -->
<!-- <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&amp;ctype=text/css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&amp;ctype=text/css" /> -->
-
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/south-street/jquery-ui.min.css" />
+
 
 +
<!-- include our custom css for the 2014 site -->
<link rel="stylesheet" type="text/css" href="/Team:CU-Boulder/include/style.css?action=raw&amp;ctype=text/css" />
<link rel="stylesheet" type="text/css" href="/Team:CU-Boulder/include/style.css?action=raw&amp;ctype=text/css" />
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
+
<!-- <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" /> -->
-
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
+
-
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> -->
+
-
<!-- <script src="http://ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.1.1.min.js"></script> -->
+
-
<!-- <script src="http://ajax.aspnetcdn.com/ajax/jquery.cycle/2.99/jquery.cycle.all.min.js"></script> -->
+
-
<script>
+
<!-- include jquery and bootstrap javascript (mainly for the navigation bar) -->
-
    $('.btn').hover(function() {
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-
    $(this).animate({"color":"#006dcc"}, 500);
+
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
-
    }, function() {
+
-
    $(this).animate({"color":"#333333"}, 500);
+
-
    });
+
-
    $(function() {
+
-
    $( ".tabs" ).tabs({
+
-
    event: "mouseover", heightStyle: "auto"
+
-
    });
+
-
    $("#footer a").addClass("btn btn-mini");
+
-
    $("#footer-box").addClass("shadow-bottom");
+
-
    });
+
-
    $('#headerimage').cycle();
+
-
</script>
+
<nav class="navbar navbar-default" role="navigation">
-
<div class="btn-toolbar">
+
  <div class="container-fluid">
-
 
+
    <!-- Brand and toggle get grouped for better mobile display -->
-
     <div class="btn-group">
+
     <div class="navbar-header">
-
         <a class="btn" href="/Team:CU-Boulder">Home</a>
+
      <button type="button" class="navbar-toggle" 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:CU-Boulder">Home</a>
 +
      <!-- <a  href="#">Brand</a> -->
     </div>
     </div>
-
     <div class="btn-group">
+
    <!-- Collect the nav links, forms, and other content for toggling -->
-
         <a class="btn drop" href="/Team:CU-Boulder/Team">Team</a>
+
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-
         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+
      <ul class="nav navbar-nav">
-
        <ul class="dropdown-menu">
+
 
-
            <!-- <li><a class="drop" href="/Team:CU-Boulder/Team">Team</a></li> -->
+
         <!-- <li class="active"><a href="#">Link</a></li> -->
 +
 
 +
        <!-- <li><a href="/Team:CU-Boulder">Home</a></li> -->
 +
 
 +
         <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
 +
          <ul class="dropdown-menu">
             <li><a href="/Team:CU-Boulder/Team/Members">Members</a></li>
             <li><a href="/Team:CU-Boulder/Team/Members">Members</a></li>
             <li><a href="/Team:CU-Boulder/Team/Collaboration">Collaboration</a></li>
             <li><a href="/Team:CU-Boulder/Team/Collaboration">Collaboration</a></li>
-
             <li><a class="dropheader" href="https://igem.org/Team.cgi?year=2014&team_name=CU-Boulder" target="_blank">Official Profile</a></li>
+
             <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CU-Boulder" target="_blank">Official Profile</a></li>
-
        </ul>
+
            <li class="divider"></li>
-
    </div>
+
            <li><a href="#">Separated link</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">One more separated link</a></li>
 +
          </ul>
 +
        </li>
-
    <div class="btn-group">
+
        <li class="dropdown">
-
        <a class="btn drop" href="/Team:CU-Boulder/Project">Project</a>
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
-
        <a class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+
          <ul class="dropdown-menu">
-
        <ul class="dropdown-menu">
+
             <li><a href="/Team:CU-Boulder/Project">Project Description</a></li>
-
             <li><a class="drop" href="/Team:CU-Boulder/Project">Project Description</a></li>
+
             <li><a href="/Team:CU-Boulder/Project/Modeling">Modeling</a></li>
             <li><a href="/Team:CU-Boulder/Project/Modeling">Modeling</a></li>
             <li><a href="/Team:CU-Boulder/Project/Kit/RestrictionEnzymes">Restriction Enzymes</a></li>
             <li><a href="/Team:CU-Boulder/Project/Kit/RestrictionEnzymes">Restriction Enzymes</a></li>
Line 70: Line 91:
             <!-- <li><a href="/Team:CU-Boulder/FourthofJuly">Happy 4th!</a></li> -->
             <!-- <li><a href="/Team:CU-Boulder/FourthofJuly">Happy 4th!</a></li> -->
             <!-- <li><a href="/Team:CU-Boulder/Project/Attributions">Attributions</a></li> -->
             <!-- <li><a href="/Team:CU-Boulder/Project/Attributions">Attributions</a></li> -->
-
        </ul>
+
          </ul>
-
    </div>
+
        </li>
-
    <div class="btn-group">
+
         <li class="dropdown">
-
         <a class="btn " href="/Team:CU-Boulder/Parts">Parts</a>
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a>
-
    </div>
+
          <ul class="dropdown-menu">
-
 
+
-
    <div class="btn-group">
+
-
        <a class="btn drop" href="/Team:CU-Boulder/Notebook">Notebook</a>
+
-
        <a class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+
-
        <ul class="dropdown-menu">
+
             <li><a href="/Team:CU-Boulder/Notebook/Protocols">Protocols</a></li>
             <li><a href="/Team:CU-Boulder/Notebook/Protocols">Protocols</a></li>
             <li><a href="/Team:CU-Boulder/Notebook/Experiments">Experiments</a></li>
             <li><a href="/Team:CU-Boulder/Notebook/Experiments">Experiments</a></li>
-
        </ul>
+
          </ul>
-
    </div>
+
        </li>
-
    <div class="btn-group">
+
        <li><a href="/Team:CU-Boulder/Parts">Parts</a></li>
-
        <a class="btn" href="/Team:CU-Boulder/Safety">Safety</a>
+
        <li><a href="/Team:CU-Boulder/Safety">Safety</a></li>
-
    </div>
+
        <li><a href="/Team:CU-Boulder/Attributions">Attributions</a></li>
-
 
+
        <li><a href="/Team:CU-Boulder/Sponsors">Sponsors</a></li>
-
    <div class="btn-group">
+
        <li><a href="/Team:CU-Boulder/Test">Test</a></li>
-
        <a class="btn" href="/Team:CU-Boulder/Attributions">Attributions</a>
+
-
    </div>
+
-
 
+
-
    <div class="btn-group">
+
-
        <a class="btn" href="/Team:CU-Boulder/Sponsors">Sponsors</a>
+
-
    </div>
+
-
 
+
-
    <div class="btn-group">
+
-
        <a class="btn" href="/Team:CU-Boulder/Test">Test</a>
+
-
    </div>
+
-
 
+
-
    <div class="btn-group">
+
-
        <a class="btn" href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="30px"></img></a>
+
-
        <!-- <a class="btn" href="https://2014.igem.org" target="_blank">iGEM</a> -->
+
-
    </div>
+
-
</div>
+
      </ul>
 +
      <!-- <form class="navbar-form navbar-left" role="search"> -->
 +
      <!--  <div class="form-group"> -->
 +
      <!--    <input type="text" class="form-control" placeholder="Search"> -->
 +
      <!--  </div> -->
 +
      <!--  <button type="submit" class="btn btn-default">Submit</button> -->
 +
      <!-- </form> -->
-
<!-- <div class="header"><a href="http://colorado.edu"><img src="https://static.igem.org/mediawiki/2013/a/af/CUblacklogo.JPG" width="746" height="160" /></div> -->
+
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="30px" /></a></li>
 +
      </ul>
-
<div id="headerimage">
+
     </div><!-- /.navbar-collapse -->
-
     <div><img src="https://static.igem.org/mediawiki/2013/9/9f/Campus%28750x275%29.png" width="750" height="275"/></div>
+
  </div><!-- /.container-fluid -->
-
    <div class="hide"><img src="https://static.igem.org/mediawiki/2013/4/4d/JSCBB%28750x275%29.png" width="750"/></div>
+
</nav>
-
    <div class="hide"><img src="https://static.igem.org/mediawiki/2013/6/69/Flatirons%28750x275%29.png" width="750" height="275"/></div>
+
-
</div>
+

Latest revision as of 04:31, 12 May 2014

Retrieved from "http://2014.igem.org/Template:CU-Boulder-header2"