Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(41 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'>  
-
 
+
-
-Stanford-Brown iGEM 2012
+
-
 
+
-
-->
+
-
<head>
+
-
 
+
-
<script language="javascript">
+
-
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
+
-
http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter
+
-
 
+
-
Licensed under a Creative Commons Attribution-Non-Commercial 3.0 Unported License
+
-
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;
+
-
}
+
-
 
+
-
  body {
+
-
    background-color: #DBEFFF;
+
-
    background-image:url('img/space.jpg');
+
-
  }
+
-
  #container {
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    width: 1000px;
+
-
  }
+
-
  #nav {
+
-
    font-family: "Helvetica Neue";
+
-
    font-size: 16px;
+
-
    font-weight: 600;
+
-
    color: white;
+
-
  width: 100%;
+
-
  float: left;
+
-
  margin: 0 0 3em 0;
+
-
  padding: 0;
+
-
  list-style: none;
+
-
  background-color: #63D1F2;
+
-
  }
+
-
  #nav li {
+
-
  float: left;
+
-
  }
+
-
  #nav li a {
+
-
  display: block;
+
-
  padding: 8px 15px;
+
-
  text-decoration: none;
+
-
    color: white;
+
-
  border-style: none
+
-
  }
+
-
  #nav li a:hover {
+
-
  color: #008ACF;
+
-
  }
+
-
  #border-top {
+
-
    background-color: #aaa;
+
-
    height: 6px;
+
-
    width: 980px;
+
-
    margin-left: 10px;
+
-
  }
+
-
  #border-bottom {
+
-
    background-color: #aaa;
+
-
    height: 6px;
+
-
    width: 980px;
+
-
    margin-left: 10px;
+
-
    padding-top: 35px;
+
-
  }
+
-
  #top-panel {
+
-
    background-color: #fff;
+
-
    height: 220px;
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
    border-radius: 5px 5px 0px 0px
+
-
  }
+
-
  #bottom-panel {
+
-
    background-color: #fff;
+
-
    height: 360px;
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
    margin-top: 0px;
+
-
    border-radius: 0px 0px 5px 5px
+
-
  }
+
-
  #sa {
+
-
    line-height: 100%;
+
-
    font-family: Sans-Serif;
+
-
    font-size: 36px;
+
-
    font-weight: 300;
+
-
    color: #008ACF;
+
-
    padding-top: 70px;
+
-
    letter-spacing: 1.3px;
+
-
    text-align: right; 
+
-
  }
+
-
  #trans {
+
-
    text-align: right;
+
-
    color: #555;
+
-
    font-weight: 100;
+
-
    letter-spacing: 1.3px;
+
-
  }
+
-
  #abs-title {
+
-
    font-weight: 400;
+
-
    font-size: 30px;
+
-
    font-family: "Helvetica Neue";
+
-
    float: left;
+
-
    margin-left: 40px;
+
-
    color: #888;
+
-
    margin-top: -15px;
+
-
  }
+
-
  #abs-text {
+
-
    margin-top: 10px;
+
-
    font-weight: 300;
+
-
    text-align: left;
+
-
    font-family: "Helvetica Neue";
+
-
    color: #333;
+
-
    font-size: 13px;
+
-
    line-height: 180%;
+
-
    margin-left: 40px;
+
-
  }
+
    
    
-
  #accomps {
 
-
    margin-top: -25px;
 
-
    margin-left: 15px;
 
-
    background-color: #eee;
 
-
  width: 280px;
 
-
  height: 300px;
 
-
  }
 
-
 
-
#footer {
 
-
visibility=hidden;
 
-
}
 
-
</style>
 
-
 
-
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" />
 
</head>
</head>
-
<body>
+
<body id="space">
<div id="container">
<div id="container">
<div id="top-panel">
<div id="top-panel">
-
  <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>
 +
 +
  </td>
 +
  <td>
 +
  </td>
 +
  </tr>
 +
  </table>
</div>
</div>
-
 
+
<div id="border-top"></div>   
<div id="border-top"></div>   
<ul id="nav">
<ul id="nav">
-
<li><a href="#" style="margin-left: 55px;">HELL CELL</a></li>
+
<li style="margin-left: 80px;"><a href="https://2012.igem.org/Team:Stanford-Brown">HOME</a>
-
<li><a href="#">VENUS LIFE</a></li>
+
</li>
-
<li><a href="#">BIOMINING</a></li>
+
<li><a href="/Team:Stanford-Brown/HellCell/Introduction">HELL CELL</a></li>
-
<li><a href="#">OUTREACH</a></li>
+
<li><a href="/Team:Stanford-Brown/VenusLife/Introduction">VENUS LIFE</a></li>
-
<li><a href="#">SAFETY</a></li>
+
<li><a href="/Team:Stanford-Brown/Biomining/Introduction">BIOMINING</a></li>
-
<li><a href="#">HUMAN PRACTICES</a></li>
+
<li><a href="/Team:Stanford-Brown/Outreach/Introduction">OUTREACH</a></li>
-
<li><a href="#">THE TEAM</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>
 +
 
 +
-->
 +
 
</ul>
</ul>
-
</html>
+
 
 +
<!--  <div class="l-triangle-top"></div>
 +
  <div class="l-triangle-bottom"></div>--!>
 +
 
 +
<div class="bottom-panel">

Latest revision as of 08:54, 3 October 2012

Retrieved from "http://2012.igem.org/Team:Stanford-Brown/Templates/Main"