Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 4: Line 4:
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" />   
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" />   
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>  
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>  
-
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
 
-
 
-
 
-
<!-- Gary's dropdown code -->
 
-
<script>
 
-
 
-
!function ($) {
 
-
 
-
  "use strict"; // jshint ;_;
 
-
 
-
  var toggle = '[data-toggle="dropdown"]'
 
-
    , Dropdown = function (element) {
 
-
        var $el = $(element).on('click.dropdown.data-api', this.toggle)
 
-
        $('html').on('click.dropdown.data-api', function () {
 
-
          $el.parent().removeClass('open')
 
-
        })
 
-
      }
 
-
 
-
  Dropdown.prototype = {
 
-
 
-
    constructor: Dropdown
 
-
 
-
  , toggle: function (e) {
 
-
      var $this = $(this)
 
-
        , $parent
 
-
        , selector
 
-
        , isActive
 
-
 
-
      if ($this.is('.disabled, :disabled')) return
 
-
 
-
      selector = $this.attr('data-target')
 
-
 
-
      if (!selector) {
 
-
        selector = $this.attr('href')
 
-
        selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
 
-
      }
 
-
 
-
      $parent = $(selector)
 
-
      $parent.length || ($parent = $this.parent())
 
-
 
-
      isActive = $parent.hasClass('open')
 
-
 
-
      clearMenus()
 
-
 
-
      if (!isActive) $parent.toggleClass('open')
 
-
 
-
      return false
 
-
    }
 
-
 
-
  }
 
-
 
-
  function clearMenus() {
 
-
    $(toggle).parent().removeClass('open')
 
-
  }
 
-
 
-
 
-
  /* DROPDOWN PLUGIN DEFINITION
 
-
  * ========================== */
 
-
 
-
  $.fn.dropdown = function (option) {
 
-
    return this.each(function () {
 
-
      var $this = $(this)
 
-
        , data = $this.data('dropdown')
 
-
      if (!data) $this.data('dropdown', (data = new Dropdown(this)))
 
-
      if (typeof option == 'string') data[option].call($this)
 
-
    })
 
-
  }
 
-
 
-
  $.fn.dropdown.Constructor = Dropdown
 
-
 
-
 
-
  /* APPLY TO STANDARD DROPDOWN ELEMENTS
 
-
  * =================================== */
 
-
 
-
  $(function () {
 
-
    $('html').on('click.dropdown.data-api', clearMenus)
 
-
    $('body')
 
-
      .on('click.dropdown', '.dropdown form', function (e) { e.stopPropagation() })
 
-
      .on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
 
-
  })
 
-
 
-
}(window.jQuery);
 
-
</script>
 
    
    
</head>
</head>
Line 92: Line 9:
<div id="container">
<div id="container">
<div id="top-panel">
<div id="top-panel">
-
  <table>
 
-
    <tr>
 
-
    <td>
 
-
  <div style="width: 325px;">
 
-
  <div id="sa">
 
-
  <span id="trans">THE TRANSIT OF</span><br>
 
-
  <span style="margin-left: 86px;">SYNTHETIC<span><br>
 
-
  ASTROBIOLOGY
 
   </div>
   </div>
   </div>
   </div>
Line 109: Line 18:
   </table>
   </table>
</div>
</div>
-
 
-
<div id="navbar-example" class="navbar navbar-static">
 
-
              <div class="navbar-inner">
 
-
                <div class="container" style="width: auto;">
 
-
                  <a class="brand" href="#">Project Name</a>
 
-
                  <ul class="nav" role="navigation">
 
-
                    <li class="dropdown">
 
-
                      <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
 
-
                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
 
-
                        <li><a tabindex="-1" href="http://google.com">Action</a></li>
 
-
                        <li><a tabindex="-1" href="#anotherAction">Another action</a></li>
 
-
                        <li><a tabindex="-1" href="#">Something else here</a></li>
 
-
                        <li class="divider"></li>
 
-
                        <li><a tabindex="-1" href="#">Separated link</a></li>
 
-
                      </ul>
 
-
                    </li>
 
-
                    <li class="dropdown">
 
-
                      <a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 2 <b class="caret"></b></a>
 
-
                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
 
-
                        <li><a tabindex="-1" href="#">Action</a></li>
 
-
                        <li><a tabindex="-1" href="#">Another action</a></li>
 
-
                        <li><a tabindex="-1" href="#">Something else here</a></li>
 
-
                        <li class="divider"></li>
 
-
                        <li><a tabindex="-1" href="#">Separated link</a></li>
 
-
                      </ul>
 
-
                    </li>
 
-
                  </ul>
 
-
                  <ul class="nav pull-right">
 
-
                    <li id="fat-menu" class="dropdown">
 
-
                      <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a>
 
-
                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
 
-
                        <li><a tabindex="-1" href="#">Action</a></li>
 
-
                        <li><a tabindex="-1" href="#">Another action</a></li>
 
-
                        <li><a tabindex="-1" href="#">Something else here</a></li>
 
-
                        <li class="divider"></li>
 
-
                        <li><a tabindex="-1" href="#">Separated link</a></li>
 
-
                      </ul>
 
-
                    </li>
 
-
                  </ul>
 
-
                </div>
 
-
              </div>
 
-
</div> <!-- /navbar-example -->
 
-
 
-
 
-
 
   
   
<div id="border-top"></div>   
<div id="border-top"></div>   
<ul id="nav">
<ul id="nav">
-
<li style="margin-left: 90px;"><a href="https://2012.igem.org/Team:Stanford-Brown">HOME</a>
+
<li style="margin-left: 80px;"><a href="https://2012.igem.org/Team:Stanford-Brown">HOME</a>
-
</li>
+
-
<li><a href="/Team:Stanford-Brown/HellCell/Introduction">HELL CELL</a>
+
-
<ul>
+
-
<li><a href="/Team:Stanford-Brown/HellCell/Introduction">Introduction</a></li>
+
-
<li><a href="/Team:Stanford-Brown/HellCell/Radiation">Radiation</a></li>
+
-
<li><a href="/Team:Stanford-Brown/HellCell/Cold">Cold</a></li>
+
-
<li><a href="/Team:Stanford-Brown/HellCell/Desiccation">Dessication</a></li>
+
-
<li><a href="/Team:Stanford-Brown/HellCell/Base">Base</a></li>
+
-
<li><a href="/Team:Stanford-Brown/Biobricks">Biobricks</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="/Team:Stanford-Brown/Biomining/Introduction">BIOMINING</a>
+
-
<ul>
+
-
<li><a href="/Team:Stanford-Brown/Biomining/Introduction">Introduction</a></li>
+
-
<li><a href="/Team:Stanford-Brown/Biomining/Harvesting">Harvesting</a></li>
+
-
<li><a href="/Team:Stanford-Brown/Biobricks">Biobricks</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="/Team:Stanford-Brown/VenusLife/Introduction">VENUS LIFE</a>
+
-
<ul>
+
-
<li><a href="/Team:Stanford-Brown/VenusLife/Introduction">Introduction</a></li>
+
-
<li><a href="/Team:Stanford-Brown/VenusLife/Atmosphere">Venusian Atmosphere</a></li>
+
-
<li><a href="/Team:Stanford-Brown/VenusLife/Biosensing">Biosensing</a></li>
+
-
<li><a href="/Team:Stanford-Brown/VenusLife/Millikan">Suspension Chamber</a></li>
+
-
<li><a href="/Team:Stanford-Brown/VenusLife/Modeling">Modeling</a></li>
+
-
<li><a href="/Team:Stanford-Brown/Biobricks">Biobricks</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="#">OUTREACH</a>
+
-
<ul>
+
-
<li><a href="Team:Stanford-Brown/Outreach/CAS">Cal Academy of Sciences</a></li>
+
-
<li><a href="Team:Stanford-Brown/Outreach/MakerFaire">Maker Faire</a></li>
+
-
<li><a href="Team:Stanford-Brown/Outreach/Transit">Transit of Venus</a></li>
+
-
<li><a href="Team:Stanford-Brown/Outreach/CZ">Carl Zimmer</a></li>
+
-
<li><a href="http://www.facebook.com/IgemMemes">iGEM Memes</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="Team:Stanford-Brown/HumanPractices/Safety">SAFETY</a>
+
-
</li>
+
-
 
+
-
<li><a href="#">HUMAN PRACTICES</a>
+
-
<ul>
+
-
<li><a href="/Team:Stanford-Brown/HumanPractices/PatentGuide">Patent Guide</a></li>
+
-
<li><a href="/Team:Stanford-Brown/HumanPractices/PatentEthics">Patent Ethics</a></li>
+
-
<li><a href="/Team:Stanford-Brown/HumanPractices/TerraformEthics">Terraform Ethics</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="#">ABOUT US</a>
+
-
<ul>
+
-
<li><a href="/Team:Stanford-Brown/Team">The Team</a></li>
+
-
<li><a href="https://igem.org/Team.cgi?id=847">Official Profile</a></li>
+
-
<li><a href="/Team:Stanford-Brown/Sponsors">Sponsors</a></li>
+
-
<li><a href="/Team:Stanford-Brown/Contact">Contact</a></li>
+
-
</ul>
+
</li>
</li>
 +
<li><a href="/Team:Stanford-Brown/HellCell/Introduction">HELL CELL</a></li>
 +
<li><a href="/Team:Stanford-Brown/VenusLife/Introduction">VENUS LIFE</a></li>
 +
<li><a href="/Team:Stanford-Brown/Biomining/Introduction">BIOMINING</a></li>
 +
<li><a href="/Team:Stanford-Brown/Outreach/Introduction">OUTREACH</a></li>
 +
<li><a href="/Team:Stanford-Brown/HumanPractices/Safety">SAFETY</a></li>
 +
<li><a href="/Team:Stanford-Brown/HumanPractices/Introduction">HUMAN PRACTICES</a></li>
 +
<li><a href="/Team:Stanford-Brown/AboutUs/Team">ABOUT US</a></li>
<!--
<!--
<li><a href="http://www.facebook.com/pages/Stanford-Brown-iGEM/166210643442328"><img src="https://static.igem.org/mediawiki/2012/1/1d/Facebook_sb2012.png" height="27px" style="margin-top: 4px; margin-left: 20px; padding-left: -8px;"/></a><a href="http://twitter.com/Brown_iGEM" height="27px">
<li><a href="http://www.facebook.com/pages/Stanford-Brown-iGEM/166210643442328"><img src="https://static.igem.org/mediawiki/2012/1/1d/Facebook_sb2012.png" height="27px" style="margin-top: 4px; margin-left: 20px; padding-left: -8px;"/></a><a href="http://twitter.com/Brown_iGEM" height="27px">
Line 223: Line 37:
</ul>
</ul>
-
 
-
<div class="border-bottom"></div>
 
  <!--  <div class="l-triangle-top"></div>
  <!--  <div class="l-triangle-top"></div>

Latest revision as of 08:54, 3 October 2012