|
|
(73 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | __NOTOC__<html lang="en">
| + | <html> |
- | <!-- | + | <head> |
| | | |
- | Please link to our wiki and cite us if you like what you see and would like to use
| + | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" /> |
- | any of the code used on our wiki.
| + | <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'> |
| + | |
| + | </head> |
| + | <body id="space"> |
| + | <div id="container"> |
| + | <div id="top-panel"> |
| + | </div> |
| + | </div> |
| | | |
- | -Stanford-Brown iGEM 2012 | + | </td> |
| + | <td> |
| + | </td> |
| + | </tr> |
| + | </table> |
| + | </div> |
| + | |
| + | <div id="border-top"></div> |
| + | <ul id="nav"> |
| + | <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></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><li><img src="https://static.igem.org/mediawiki/2012/2/26/Twitter_sb2012.png" href="http://twitter.com/Brown_iGEM" height="27px" style="margin-top: 4px; margin-left: 20px;"/></a></li> |
| | | |
| --> | | --> |
- | <head>
| |
| | | |
- | <script language="javascript">
| + | </ul> |
- | function toggle() {
| + | |
- | var ele = document.getElementById("news");
| + | |
- | var text = document.getElementById("toggleNews");
| + | |
- | if(ele.style.display == "block") {
| + | |
- | ele.style.display = "none";
| + | |
- | text.innerHTML = "<h3>Show News and Media</h3>";
| + | |
- | }
| + | |
- | else {
| + | |
- | ele.style.display = "block";
| + | |
- | text.innerHTML = "<h3>Hide News and Media</h3>";
| + | |
- | }
| + | |
- | }
| + | |
- | </script>
| + | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
| + | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| + | |
- | <script type="text/javascript">
| + | |
- | $(document).ready(function() {
| + | |
- | $("#twitter").getTwitter({
| + | |
- | userName: "Brown_iGEM",
| + | |
- | numTweets: 1,
| + | |
- | loaderText: "Loading tweets...",
| + | |
- | slideIn: true,
| + | |
- | slideDuration: 750,
| + | |
- | showHeading: true,
| + | |
- | headingText: "Latest Tweets",
| + | |
- | showProfileLink: true,
| + | |
- | showTimestamp: true
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | <script type="text/javascript">
| + | |
- | function ethics(url) {
| + | |
- | popupWindow = window.open(url,'popUpWindow','innerHeight=600,innerWidth=800,left=(screen.availwidth-width)/2,top=(screen.availheight-height)/2,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
| + | |
- | }
| + | |
- | </script>
| + | |
- | <script type="text/javascript">
| + | |
- | (function($) {
| + | |
- | /*
| + | |
- | jquery.twitter.js v1.5
| + | |
- | Last updated: 08 July 2009
| + | |
| | | |
- | Created by Damien du Toit
| + | <!-- <div class="l-triangle-top"></div> |
- | http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter
| + | <div class="l-triangle-bottom"></div>--!> |
| | | |
- | Licensed under a Creative Commons Attribution-Non-Commercial 3.0 Unported License
| + | <div class="bottom-panel"> |
- | http://creativecommons.org/licenses/by-nc/3.0/
| + | |
- | */
| + | |
- | | + | |
- | $.fn.getTwitter = function(options) {
| + | |
- | | + | |
- | $.fn.getTwitter.defaults = {
| + | |
- | userName: null,
| + | |
- | numTweets: 1,
| + | |
- | loaderText: "Loading tweet...",
| + | |
- | slideIn: true,
| + | |
- | slideDuration: 750,
| + | |
- | showHeading: true,
| + | |
- | headingText: "Latest Tweets",
| + | |
- | showProfileLink: true,
| + | |
- | showTimestamp: true
| + | |
- | };
| + | |
- | | + | |
- | var o = $.extend({}, $.fn.getTwitter.defaults, options);
| + | |
- | | + | |
- | return this.each(function() {
| + | |
- | var c = $(this);
| + | |
- | | + | |
- | // hide container element, remove alternative content, and add class
| + | |
- | c.hide().empty().addClass("twitted");
| + | |
- | | + | |
- | // add heading to container element
| + | |
- | if (o.showHeading) {
| + | |
- | c.append("<h2>"+o.headingText+"</h2>");
| + | |
- | }
| + | |
- | | + | |
- | // add Twitter profile link to container element
| + | |
- | if (o.showProfileLink) {
| + | |
- | var profileLinkHTML = "<p class=\"profileLink\"><a href=\"http://twitter.com/"+o.userName+"\">http://twitter.com/"+o.userName+"</a></p>";
| + | |
- | c.append(profileLinkHTML);
| + | |
- | }
| + | |
- | | + | |
- | // add twitter list to container element
| + | |
- | var twitterListHTML = "<ul id=\"twitter_update_list\"><li></li></ul>";
| + | |
- | c.append(twitterListHTML);
| + | |
- | | + | |
- | var tl = $("#twitter_update_list");
| + | |
- | | + | |
- | // hide twitter list
| + | |
- | tl.hide();
| + | |
- | | + | |
- | // add preLoader to container element
| + | |
- | var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>");
| + | |
- | c.append(preLoaderHTML);
| + | |
- | | + | |
- | // show container element
| + | |
- | c.show();
| + | |
- | | + | |
- | $.getScript("http://twitter.com/javascripts/blogger.js");
| + | |
- | $.getScript("http://twitter.com/statuses/user_timeline/"+o.userName+".json?callback=twitterCallback2&count="+o.numTweets, function() {
| + | |
- | // remove preLoader from container element
| + | |
- | $(preLoaderHTML).remove();
| + | |
- | | + | |
- | // remove timestamp and move to title of list item
| + | |
- | if (!o.showTimestamp) {
| + | |
- | tl.find("li").each(function() {
| + | |
- | var timestampHTML = $(this).children("a");
| + | |
- | var timestamp = timestampHTML.html();
| + | |
- | timestampHTML.remove();
| + | |
- | $(this).attr("title", timestamp);
| + | |
- | });
| + | |
- | }
| + | |
- | | + | |
- | // show twitter list
| + | |
- | if (o.slideIn) {
| + | |
- | var tlHeight = tl.data("originalHeight");
| + | |
- | | + | |
- | // get the original height
| + | |
- | if (!tlHeight) {
| + | |
- | tlHeight = tl.show().height();
| + | |
- | tl.data("originalHeight", tlHeight);
| + | |
- | tl.hide().css({height: 0});
| + | |
- | }
| + | |
- | | + | |
- | tl.show().animate({height: tlHeight}, o.slideDuration);
| + | |
- | }
| + | |
- | else {
| + | |
- | tl.show();
| + | |
- | }
| + | |
- | | + | |
- | // add unique class to first list item
| + | |
- | tl.find("li:first").addClass("firstTweet");
| + | |
- | | + | |
- | // add unique class to last list item
| + | |
- | tl.find("li:last").addClass("lastTweet");
| + | |
- | });
| + | |
- | });
| + | |
- | };
| + | |
- | })(jQuery);
| + | |
- | </script>
| + | |
- | <script type="text/javascript">
| + | |
- | /*
| + | |
- | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
| + | |
- | *
| + | |
- | * Uses the built in easing capabilities added In jQuery 1.1
| + | |
- | * to offer multiple easing options
| + | |
- | *
| + | |
- | * TERMS OF USE - jQuery Easing
| + | |
- | *
| + | |
- | * Open source under the BSD License.
| + | |
- | *
| + | |
- | * Copyright c 2008 George McGinley Smith
| + | |
- | * All rights reserved.
| + | |
- | *
| + | |
- | * Redistribution and use in source and binary forms, with or without modification,
| + | |
- | * are permitted provided that the following conditions are met:
| + | |
- | *
| + | |
- | * Redistributions of source code must retain the above copyright notice, this list of
| + | |
- | * conditions and the following disclaimer.
| + | |
- | * Redistributions in binary form must reproduce the above copyright notice, this list
| + | |
- | * of conditions and the following disclaimer in the documentation and/or other materials
| + | |
- | * provided with the distribution.
| + | |
- | *
| + | |
- | * Neither the name of the author nor the names of contributors may be used to endorse
| + | |
- | * or promote products derived from this software without specific prior written permission.
| + | |
- | *
| + | |
- | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
| + | |
- | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
| + | |
- | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
| + | |
- | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
| + | |
- | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
| + | |
- | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
| + | |
- | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
| + | |
- | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
| + | |
- | * OF THE POSSIBILITY OF SUCH DAMAGE.
| + | |
- | *
| + | |
- | */
| + | |
- | | + | |
- | // t: current time, b: begInnIng value, c: change In value, d: duration
| + | |
- | jQuery.easing['jswing'] = jQuery.easing['swing'];
| + | |
- | | + | |
- | jQuery.extend( jQuery.easing,
| + | |
- | {
| + | |
- | def: 'easeOutQuad',
| + | |
- | swing: function (x, t, b, c, d) {
| + | |
- | //alert(jQuery.easing.default);
| + | |
- | return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
| + | |
- | },
| + | |
- | easeInQuad: function (x, t, b, c, d) {
| + | |
- | return c*(t/=d)*t + b;
| + | |
- | },
| + | |
- | easeOutQuad: function (x, t, b, c, d) {
| + | |
- | return -c *(t/=d)*(t-2) + b;
| + | |
- | },
| + | |
- | easeInOutQuad: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return c/2*t*t + b;
| + | |
- | return -c/2 * ((--t)*(t-2) - 1) + b;
| + | |
- | },
| + | |
- | easeInCubic: function (x, t, b, c, d) {
| + | |
- | return c*(t/=d)*t*t + b;
| + | |
- | },
| + | |
- | easeOutCubic: function (x, t, b, c, d) {
| + | |
- | return c*((t=t/d-1)*t*t + 1) + b;
| + | |
- | },
| + | |
- | easeInOutCubic: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return c/2*t*t*t + b;
| + | |
- | return c/2*((t-=2)*t*t + 2) + b;
| + | |
- | },
| + | |
- | easeInQuart: function (x, t, b, c, d) {
| + | |
- | return c*(t/=d)*t*t*t + b;
| + | |
- | },
| + | |
- | easeOutQuart: function (x, t, b, c, d) {
| + | |
- | return -c * ((t=t/d-1)*t*t*t - 1) + b;
| + | |
- | },
| + | |
- | easeInOutQuart: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
| + | |
- | return -c/2 * ((t-=2)*t*t*t - 2) + b;
| + | |
- | },
| + | |
- | easeInQuint: function (x, t, b, c, d) {
| + | |
- | return c*(t/=d)*t*t*t*t + b;
| + | |
- | },
| + | |
- | easeOutQuint: function (x, t, b, c, d) {
| + | |
- | return c*((t=t/d-1)*t*t*t*t + 1) + b;
| + | |
- | },
| + | |
- | easeInOutQuint: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
| + | |
- | return c/2*((t-=2)*t*t*t*t + 2) + b;
| + | |
- | },
| + | |
- | easeInSine: function (x, t, b, c, d) {
| + | |
- | return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
| + | |
- | },
| + | |
- | easeOutSine: function (x, t, b, c, d) {
| + | |
- | return c * Math.sin(t/d * (Math.PI/2)) + b;
| + | |
- | },
| + | |
- | easeInOutSine: function (x, t, b, c, d) {
| + | |
- | return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
| + | |
- | },
| + | |
- | easeInExpo: function (x, t, b, c, d) {
| + | |
- | return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
| + | |
- | },
| + | |
- | easeOutExpo: function (x, t, b, c, d) {
| + | |
- | return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
| + | |
- | },
| + | |
- | easeInOutExpo: function (x, t, b, c, d) {
| + | |
- | if (t==0) return b;
| + | |
- | if (t==d) return b+c;
| + | |
- | if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
| + | |
- | return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
| + | |
- | },
| + | |
- | easeInCirc: function (x, t, b, c, d) {
| + | |
- | return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
| + | |
- | },
| + | |
- | easeOutCirc: function (x, t, b, c, d) {
| + | |
- | return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
| + | |
- | },
| + | |
- | easeInOutCirc: function (x, t, b, c, d) {
| + | |
- | if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
| + | |
- | return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
| + | |
- | },
| + | |
- | easeInElastic: function (x, t, b, c, d) {
| + | |
- | var s=1.70158;var p=0;var a=c;
| + | |
- | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
| + | |
- | if (a < Math.abs(c)) { a=c; var s=p/4; }
| + | |
- | else var s = p/(2*Math.PI) * Math.asin (c/a);
| + | |
- | return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
| + | |
- | },
| + | |
- | easeOutElastic: function (x, t, b, c, d) {
| + | |
- | var s=1.70158;var p=0;var a=c;
| + | |
- | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
| + | |
- | if (a < Math.abs(c)) { a=c; var s=p/4; }
| + | |
- | else var s = p/(2*Math.PI) * Math.asin (c/a);
| + | |
- | return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
| + | |
- | },
| + | |
- | easeInOutElastic: function (x, t, b, c, d) {
| + | |
- | var s=1.70158;var p=0;var a=c;
| + | |
- | if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
| + | |
- | if (a < Math.abs(c)) { a=c; var s=p/4; }
| + | |
- | else var s = p/(2*Math.PI) * Math.asin (c/a);
| + | |
- | if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
| + | |
- | return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
| + | |
- | },
| + | |
- | easeInBack: function (x, t, b, c, d, s) {
| + | |
- | if (s == undefined) s = 1.70158;
| + | |
- | return c*(t/=d)*t*((s+1)*t - s) + b;
| + | |
- | },
| + | |
- | easeOutBack: function (x, t, b, c, d, s) {
| + | |
- | if (s == undefined) s = 1.70158;
| + | |
- | return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
| + | |
- | },
| + | |
- | easeInOutBack: function (x, t, b, c, d, s) {
| + | |
- | if (s == undefined) s = 1.70158;
| + | |
- | if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
| + | |
- | return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
| + | |
- | },
| + | |
- | easeInBounce: function (x, t, b, c, d) {
| + | |
- | return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
| + | |
- | },
| + | |
- | easeOutBounce: function (x, t, b, c, d) {
| + | |
- | if ((t/=d) < (1/2.75)) {
| + | |
- | return c*(7.5625*t*t) + b;
| + | |
- | } else if (t < (2/2.75)) {
| + | |
- | return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
| + | |
- | } else if (t < (2.5/2.75)) {
| + | |
- | return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
| + | |
- | } else {
| + | |
- | return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
| + | |
- | }
| + | |
- | },
| + | |
- | easeInOutBounce: function (x, t, b, c, d) {
| + | |
- | if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
| + | |
- | return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
| + | |
- | }
| + | |
- | });
| + | |
- | | + | |
- | /*
| + | |
- | *
| + | |
- | * TERMS OF USE - EASING EQUATIONS
| + | |
- | *
| + | |
- | * Open source under the BSD License.
| + | |
- | *
| + | |
- | * Copyright c 2001 Robert Penner
| + | |
- | * All rights reserved.
| + | |
- | *
| + | |
- | * Redistribution and use in source and binary forms, with or without modification,
| + | |
- | * are permitted provided that the following conditions are met:
| + | |
- | *
| + | |
- | * Redistributions of source code must retain the above copyright notice, this list of
| + | |
- | * conditions and the following disclaimer.
| + | |
- | * Redistributions in binary form must reproduce the above copyright notice, this list
| + | |
- | * of conditions and the following disclaimer in the documentation and/or other materials
| + | |
- | * provided with the distribution.
| + | |
- | *
| + | |
- | * Neither the name of the author nor the names of contributors may be used to endorse
| + | |
- | * or promote products derived from this software without specific prior written permission.
| + | |
- | *
| + | |
- | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
| + | |
- | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
| + | |
- | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
| + | |
- | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
| + | |
- | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
| + | |
- | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
| + | |
- | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
| + | |
- | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
| + | |
- | * OF THE POSSIBILITY OF SUCH DAMAGE.
| + | |
- | *
| + | |
- | */
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | $(function() {
| + | |
- | $('#sdt_menu > li').bind('mouseenter',function(){
| + | |
- | var $elem = $(this);
| + | |
- | var $sub_menu = $elem.find('.sdt_box');
| + | |
- | if($sub_menu.length){
| + | |
- | $sub_menu.show().animate({'top':'0px','height':'0px'},0);
| + | |
- | }
| + | |
- | | + | |
- | $elem.find('img')
| + | |
- | .stop(true)
| + | |
- | .animate({
| + | |
- | 'width':'142px',
| + | |
- | 'height':'142px',
| + | |
- | 'left':'0px'
| + | |
- | },200,'easeOutBack')
| + | |
- | .andSelf()
| + | |
- | .find('.sdt_wrap')
| + | |
- | .stop(true)
| + | |
- | .animate({'top':'100px'},300,'easeOutSine')
| + | |
- | .andSelf()
| + | |
- | .find('.sdt_active')
| + | |
- | .stop(true)
| + | |
- | .animate({'height':'150px','top':'0px'},300,function(){
| + | |
- | var $sub_menu = $elem.find('.sdt_box');
| + | |
- | if($sub_menu.length){
| + | |
- | var a = $sub_menu[0].getElementsByTagName('a').length;
| + | |
- | var px = a*32+15;
| + | |
- | var height = px+'px';
| + | |
- | $sub_menu.show().animate({'top':'150px','height':height},400);
| + | |
- | }
| + | |
- | });
| + | |
- | }).bind('mouseleave',function(){
| + | |
- | var $elem = $(this);
| + | |
- | var $sub_menu = $elem.find('.sdt_box');
| + | |
- | if($sub_menu.length)
| + | |
- | $sub_menu.hide().animate({'top':'0px','height':'0px'},0,function(){
| + | |
- | $elem.find('.sdt_active')
| + | |
- | .stop(true)
| + | |
- | .animate({'height':'0px'},300)
| + | |
- | .andSelf().find('img')
| + | |
- | .stop(true)
| + | |
- | .animate({
| + | |
- | 'width':'0px',
| + | |
- | 'height':'0px',
| + | |
- | 'left':'85px'},400)
| + | |
- | .andSelf()
| + | |
- | .find('.sdt_wrap')
| + | |
- | .stop(true)
| + | |
- | .animate({'top':'25px'},500);
| + | |
- | });
| + | |
- |
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
| + | |
- | | + | |
- | <link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
| + | |
- | <style>
| + | |
- | span.reference{
| + | |
- | position:fixed;
| + | |
- | left:10px;
| + | |
- | bottom:10px;
| + | |
- | font-size:12px;
| + | |
- | }
| + | |
- | span.reference a{
| + | |
- | color:#aaa;
| + | |
- | text-transform:uppercase;
| + | |
- | text-decoration:none;
| + | |
- | text-shadow:1px 1px 1px #000;
| + | |
- | margin-right:30px;
| + | |
- | }
| + | |
- | span.reference a:hover{
| + | |
- | color:#ddd;
| + | |
- | }
| + | |
- | ul.sdt_menu{
| + | |
- | margin-top:150px;
| + | |
- | }
| + | |
- | </style>
| + | |
- | | + | |
- | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" />
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div style="margin-left: auto; margin-right: auto; margin-top:-15px; z-index:-10; text-align: center;">
| + | |
- | <a href="/Team:Stanford-Brown" style="text-decoration: none !important;">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/a/ae/SBHeader.gif">
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | <div id="header" style="height:100px; padding: 0px 0px 0px 0px; margin-bottom:0px">
| + | |
- | <ul id="sdt_menu" class="sdt_menu">
| + | |
- | <li>
| + | |
- | <a href="/Team:Stanford-Brown/HellCell/Introduction">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/1/13/HellCell_Thumb.png" alt=""/>
| + | |
- | <span class="sdt_active"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="sdt_link"> Hell Cell</span>
| + | |
- | <span class="sdt_descr"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="sdt_box">
| + | |
- | <a href="/Team:Stanford-Brown/HellCell/Introduction">Introduction</a>
| + | |
- | <d>---------------------</d>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="/Team:Stanford-Brown/Biomining/Introduction">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/f/fb/Biomining_Thumb.png" alt=""/>
| + | |
- | <span class="sdt_active"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="sdt_link">Biomining</span>
| + | |
- | <span class="sdt_descr"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="sdt_box">
| + | |
- | <a href="/Team:Stanford-Brown/Biomining/Introduction">Introduction</a>
| + | |
- | <d>---------------------</d>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="/Team:Stanford-Brown/VenusLife/Introduction">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/8/8c/VenusLife_Thumb.png" alt=""/>
| + | |
- | <span class="sdt_active"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="sdt_link">Life in the Clouds</span>
| + | |
- | <span class="sdt_descr"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="sdt_box">
| + | |
- | <a href="/Team:Stanford-Brown/VenusLife/Introduction">Introduction</a>
| + | |
- | <d>---------------------</d>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="/Team:Stanford-Brown/Team">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/d/d0/Team_Thumb.png" alt=""/>
| + | |
- | <span class="sdt_active"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="sdt_link">The Team</span>
| + | |
- | <span class="sdt_descr"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="sdt_box" style="height:60px">
| + | |
- | <a href="/Team:Stanford-Brown/Team">The Team</a>
| + | |
- | <d>---------------------</d>
| + | |
- | <a href="https://igem.org/Team.cgi?id=847">Official Profile</a>
| + | |
- | <d>---------------------</d>
| + | |
- | <a href="/Team:Stanford-Brown/Lab/Notebook">Blog</a>
| + | |
- | <d>---------------------</d>
| + | |
- | <a href="/Team:Stanford-Brown/Team/Collaboration">Collaboration</a>
| + | |
- | <d>---------------------</d>
| + | |
- | <a href="/Team:Stanford-Brown/Team/Sponsors">Sponsors</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="/Team:Brown-Stanford/HumanPractices">
| + | |
- | <img src="" alt=""/>
| + | |
- | <span class="sdt_active"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="sdt_link">Human Practices</span>
| + | |
- | <span class="sdt_descr"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="sdt_box" style="height:60px">
| + | |
- | <a href="/Team:Stanford-Brown/HumanPractices/Safety">Safety</a>
| + | |
- | <d>---------------------</d>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="/Team:Stanford-Brown/Outreach">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/1/1d/Outreach_Thumb.png" alt=""/>
| + | |
- | <span class="sdt_active"></span>
| + | |
- | <span class="sdt_wrap">
| + | |
- | <span class="sdt_link">Outreach</span>
| + | |
- | <span class="sdt_descr"></span>
| + | |
- | </span>
| + | |
- | </a>
| + | |
- | <div class="sdt_box">
| + | |
- | <a href="/Team:Brown-Stanford/Outreach/NASA">NASA</a>
| + | |
- | <d>---------------------</d>
| + | |
- | <a href="/Team:Brown-Stanford/Outreach/CZ">Carl Zimmer</a>
| + | |
- | <d>---------------------</d>
| + | |
- | <a href="/Team:Brown-Stanford/Outreach/MakerFaire">Maker Faire</a>
| + | |
- | <d>---------------------</d>
| + | |
- | <a href="/Team:Brown-Stanford/Outreach/Transit">Transit of<br>Venus</a>
| + | |
- | <d>---------------------</d>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |