Team:Brown-Stanford/Templates/Main

From 2011.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
-
<div class="visualClear"> </div>
 
-
 
__NOTOC__<html lang="en">  
__NOTOC__<html lang="en">  
<!--
<!--
Line 11: Line 9:
-->
-->
<head>  
<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/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" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<script type="text/javascript">
 
-
<!--
 
-
var slideshowSpeed = 20000;
 
-
var photos = [ {
 
-
"image" : "https://static.igem.org/mediawiki/2011/a/a1/Brown-Stanford_BG1.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/8/81/Brown-Stanford_BG2.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/a/a9/Brown-Stanford_BG3.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/f/fd/Brown-Stanford_BG4.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/4/4c/Brown-Stanford_BG5.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/7/7f/Brown-Stanford_BG6.jpg",
 
-
}
 
-
];
 
-
$(document).ready(function() {
 
-
var interval;
 
-
var activeContainer = 1;
 
-
var currentImg = 0;
 
-
var animating = false;
 
-
var navigate = function(direction) {
 
-
if(direction == "next") {
 
-
currentImg++;
 
-
if(currentImg == photos.length + 1) {
 
-
currentImg = 1;
 
-
}
 
-
}
 
-
var currentContainer = activeContainer;
 
-
if(activeContainer == 1) {
 
-
activeContainer = 2;
 
-
} else {
 
-
activeContainer = 1;
 
-
}
 
-
showImage(photos[currentImg - 1], currentContainer, activeContainer);
 
-
};
 
-
 
-
var currentZindex = -1;
 
-
var showImage = function(photoObject, currentContainer, activeContainer) {
 
-
animating = true;
 
-
currentZindex--;
 
-
$("#headerimg" + activeContainer).css({
 
-
"background-image" : "url(" + photoObject.image + ")",
 
-
"display" : "block",
 
-
"z-index" : currentZindex
 
-
});
 
-
$("#headerimg" + currentContainer).fadeOut(function() {
 
-
setTimeout(function() {
 
-
animating = false;
 
-
}, 2000);
 
-
});
 
-
};
 
-
 
-
navigate("next");
 
-
interval = setInterval(function() {
 
-
navigate("next");
 
-
}, slideshowSpeed);
 
-
});
 
-
 
-
/*
 
-
* Author:      Marco Kuiper (http://www.marcofolio.net/)
 
-
*/
 
-
 
-
-->
 
-
</script>
 
-
 
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
Line 469: Line 415:
         </script>
         </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=Nobile:regular,bold' rel='stylesheet' type='text/css'>
-
 
-
<script type="text/javascript" src="/Team:Brown-Stanford/lightbox/js?action=raw"></script>
 
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
-
<style>
 
-
/**
 
-
* jQuery lightBox plugin
 
-
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 
-
* and adapted to me for use like a plugin from jQuery.
 
-
* @name jquery-lightbox-0.5.css
 
-
* @author Leandro Vieira Pinho - http://leandrovieira.com
 
-
* @version 0.5
 
-
* @date April 11, 2008
 
-
* @category jQuery plugin
 
-
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 
-
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 
-
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 
-
*/
 
-
#jquery-overlay {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
z-index: 90;
 
-
width: 100%;
 
-
height: 500px;
 
-
}
 
-
#jquery-lightbox {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
width: 100%;
 
-
z-index: 100;
 
-
text-align: center;
 
-
line-height: 0;
 
-
}
 
-
#jquery-lightbox a img { border: none; }
 
-
#lightbox-container-image-box {
 
-
position: relative;
 
-
background-color: #fff;
 
-
width: 250px;
 
-
height: 250px;
 
-
margin: 0 auto;
 
-
}
 
-
#lightbox-container-image { padding: 10px; }
 
-
#lightbox-loading {
 
-
position: absolute;
 
-
top: 40%;
 
-
left: 0%;
 
-
height: 25%;
 
-
width: 100%;
 
-
text-align: center;
 
-
line-height: 0;
 
-
}
 
-
#lightbox-nav {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
height: 100%;
 
-
width: 100%;
 
-
z-index: 10;
 
-
}
 
-
#lightbox-container-image-box > #lightbox-nav { left: 0; }
 
-
#lightbox-nav a { outline: none;}
 
-
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 
-
width: 49%;
 
-
height: 100%;
 
-
zoom: 1;
 
-
display: block;
 
-
}
 
-
#lightbox-nav-btnPrev {
 
-
left: 0;
 
-
float: left;
 
-
}
 
-
#lightbox-nav-btnNext {
 
-
right: 0;
 
-
float: right;
 
-
}
 
-
#lightbox-container-image-data-box {
 
-
font: 10px Verdana, Helvetica, sans-serif;
 
-
background-color: #fff;
 
-
margin: 0 auto;
 
-
line-height: 1.4em;
 
-
overflow: auto;
 
-
width: 100%;
 
-
padding: 0 10px 0;
 
-
}
 
-
#lightbox-container-image-data {
 
-
padding: 0 10px;
 
-
color: #666;
 
-
}
 
-
#lightbox-container-image-data #lightbox-image-details {
 
-
width: 70%;
 
-
float: left;
 
-
text-align: left;
 
-
}
 
-
#lightbox-image-details-caption { font-weight: bold; }
 
-
#lightbox-image-details-currentNumber {
 
-
display: block;
 
-
clear: left;
 
-
padding-bottom: 1.0em;
 
-
}
 
-
#lightbox-secNav-btnClose {
 
-
width: 66px;
 
-
float: right;
 
-
padding-bottom: 0.7em;
 
-
}
 
-
 
-
</style>
 
         <style>
         <style>
span.reference{
span.reference{
Line 598: Line 438:
}
}
</style>
</style>
-
 
-
<script>
 
-
$(document).ready(function() {
 
-
$('a.lightbox').lightBox(); // Select all links with lightbox class
 
-
$('a.image').each(function(idx, item) { 
 
-
        var src = item.firstChild.src;
 
-
src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
 
-
item.href=src;
 
-
    });
 
-
$('a.image').lightBox();
 
-
});
 
-
</script>
 
-
 
-
 
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
</head>
</head>
<body>
<body>
-
<div style="margin-left: auto; margin-right: auto;"><img src="https://static.igem.org/mediawiki/2011/1/12/Brown-Stanford_Banner.jpg"></img>
+
<div style="margin-left: auto; margin-right: auto; margin-top:-15px; z-index:-10; text-align: center;">
 +
<a href="/Team:Brown-Stanford" style="text-decoration: none !important;">
 +
<!--<img src="https://static.igem.org/mediawiki/2011/1/12/Brown-Stanford_Banner.jpg">-->
 +
<span style="font-size: 40pt !important; line-height: 40pt !important; color: white !important; font-weight: bold !important;">Brown-Stanford<br>iGEM</span>
 +
</a>
</div>
</div>
-
<div id="header" style="height:100px;padding: 85px 0px 0px 0px; margin-bottom:0px">
+
<div id="header" style="height:100px;padding: 0px 0px 0px 0px; margin-bottom:0px">
  <ul id="sdt_menu" class="sdt_menu">
  <ul id="sdt_menu" class="sdt_menu">
<li>
<li>
Line 677: Line 507:
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="/Team:Brown-Stanford/FRETSensor/Introduction">Introduction</a>
+
<a href="/Team:Brown-Stanford/FRETSensor/Introduction">Intro</a>
<d>---------------------</d>
<d>---------------------</d>
<a href="/Team:Brown-Stanford/FRETSensor/Biosensing">FRET etc.</a>
<a href="/Team:Brown-Stanford/FRETSensor/Biosensing">FRET etc.</a>
Line 685: Line 515:
</li>
</li>
<li>
<li>
-
<a href="/Team:Brown-Stanford/Lab">
+
<a href="/Team:Brown-Stanford/Team">
<img src="https://static.igem.org/mediawiki/2011/a/ae/Brown-Stanford_Lab_Thumb.jpg" alt=""/>
<img src="https://static.igem.org/mediawiki/2011/a/ae/Brown-Stanford_Lab_Thumb.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
Line 695: Line 525:
<div class="sdt_box" style="height:60px">
<div class="sdt_box" style="height:60px">
<a href="/Team:Brown-Stanford/Team">Team</a>
<a href="/Team:Brown-Stanford/Team">Team</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/Lab/Parts">Parts</a>
<d>---------------------</d>
<d>---------------------</d>
<a href="/Team:Brown-Stanford/Lab/Notebook">Notebook</a>
<a href="/Team:Brown-Stanford/Lab/Notebook">Notebook</a>
Line 704: Line 536:
</li>
</li>
<li>
<li>
-
<a href="/Team:Brown-Stanford/Partners">
+
<a href="/Team:Brown-Stanford/Collaboration">
<img src="https://static.igem.org/mediawiki/2011/d/d3/Brown-Stanford_Collab_Thumb.jpg" alt=""/>
<img src="https://static.igem.org/mediawiki/2011/d/d3/Brown-Stanford_Collab_Thumb.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
Line 714: Line 546:
<div class="sdt_box">
<div class="sdt_box">
<a href="/Team:Brown-Stanford/Collaboration">Collab</a>
<a href="/Team:Brown-Stanford/Collaboration">Collab</a>
-
<d>---------------------</d>
 
-
<a href="/Team:Brown-Stanford/Wiki">Wiki</a>
 
<d>---------------------</d>
<d>---------------------</d>
<a href="/Team:Brown-Stanford/Sponsors">Sponsors</a>
<a href="/Team:Brown-Stanford/Sponsors">Sponsors</a>
Line 733: Line 563:
<d>---------------------</d>
<d>---------------------</d>
<a href="/Team:Brown-Stanford/NASA">NASA</a>
<a href="/Team:Brown-Stanford/NASA">NASA</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/Lunar">Lunar Science</a>
<d>---------------------</d>
<d>---------------------</d>
<a href="/Team:Brown-Stanford/MakerFaire">Maker Faire</a>
<a href="/Team:Brown-Stanford/MakerFaire">Maker Faire</a>
Line 738: Line 570:
<a href="/Team:Brown-Stanford/BBC">BBC</a>
<a href="/Team:Brown-Stanford/BBC">BBC</a>
<d>---------------------</d>
<d>---------------------</d>
-
<a href="http://openwetware.org/wiki/IGEM_Outreach">CBricks</a>
+
<a href="http://openwetware.org/wiki/IGEM_Outreach" target="_blank">CBricks</a>
 +
<d>---------------------</d>
 +
<a href="JavaScript:ethics('/Team:Brown-Stanford/SynEthics/Intro');">Ethics</a>
 +
<d>---------------------</d>
 +
<a href="/Team:Brown-Stanford/RegionalJamboree">Regional<br>Jamboree</a>
 +
                                                        <a></a>
</div>
</div>
</li>
</li>
</ul>
</ul>
</div>
</div>

Latest revision as of 02:41, 29 October 2011

Brown-Stanford
iGEM