|
|
(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> |