Template:OrganizationS&T

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!--<html><center><embed src="https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png" width = "975"></center></html>-->
+
__NOTOC__<html lang="en">  
 +
<!--
 +
 
 +
Please link to our wiki and cite us if you like what you see and would like to use
 +
any of the code used on our wiki.
 +
 
 +
-Brown-Stanford iGEM 2011
-
<html>
 
-
<style type="text/css">
 
-
.firstHeading {display: none; }
 
-
<!-- h1 { color: #085706; }
 
-
h2 { color: #085706; }
 
-
h3 { color: #085706; }
 
-
h4 { color: #085706; }
 
-->
-->
-
#decoy {}
+
<head>
 +
<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">
 +
<!--
 +
var slideshowSpeed = 25000;
 +
var photos = [ {
 +
"image" : "http://firmitas.org/img/EColi.jpg",
 +
}, {
 +
"image" : "http://upload.wikimedia.org/wikipedia/commons/9/9d/Cholera_bacteria_SEM.jpg",
 +
}, {
 +
"image" : "http://limjunying.files.wordpress.com/2009/09/mrsa7820.jpg",
 +
}, {
 +
"image" : "http://popularlogistics.com/wp-content/gallery/cholera/Darmouth%20-%20vibrio%2032-cholera.jpg",
 +
}, {
 +
"image" : "http://www.topnews.in/health/files/bacteria10000.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);
 +
});
-
.text
+
/*
-
{
+
* Author:     Marco Kuiper (http://www.marcofolio.net/)
-
clear:both;
+
*/
-
}
+
-
#globalWrapper {
+
-->
-
background-color: #c0c0c0;
+
</script>
-
border: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
#content{
+
<script type="text/javascript">
-
width: 975px;
+
$(document).ready(function() {
-
background-color: white;
+
$("#twitter").getTwitter({
-
padding:0px;
+
userName: "Brown_iGEM",
-
margin:0 auto;
+
numTweets: 1,
-
color: #085706;
+
loaderText: "Loading tweets...",
-
position: relative;
+
slideIn: true,
-
top: -25px;
+
slideDuration: 750,
-
}
+
showHeading: true,
 +
headingText: "Latest Tweets",
 +
showProfileLink: true,
 +
showTimestamp: true
 +
});
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
(function($) {
 +
/*
 +
jquery.twitter.js v1.5
 +
Last updated: 08 July 2009
-
#top-section {
+
Created by Damien du Toit
-
height: 10px;
+
http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter
-
margin-top: -4px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-bottom: 0;
+
-
margin-bottom: 9px;
+
-
padding:0;
+
-
border: none;
+
-
position: relative;
+
-
top:-80px;
+
-
}
+
-
#p-logo {
+
Licensed under a Creative Commons Attribution-Non-Commercial 3.0 Unported License
-
height:1px;
+
http://creativecommons.org/licenses/by-nc/3.0/
-
overflow:hidden;
+
*/
-
display: none;
+
-
}
+
 +
$.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
 +
};
-
#siteSub {
+
var o = $.extend({}, $.fn.getTwitter.defaults, options);
-
display:none;
+
-
}
+
-
#contentSub {
+
return this.each(function() {
-
display:none;
+
var c = $(this);
-
}
+
 +
// hide container element, remove alternative content, and add class
 +
c.hide().empty().addClass("twitted");
-
#banner {
+
// add heading to container element
-
width: 975px;
+
if (o.showHeading) {
-
height: 247px;
+
c.append("<h2>"+o.headingText+"</h2>");
-
position: relative;
+
}
-
background-image: url("https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png");
+
-
}
+
-
#body {
+
// add Twitter profile link to container element
-
width: 965px;
+
if (o.showProfileLink) {
-
height: auto;
+
var profileLinkHTML = "<p class=\"profileLink\"><a href=\"http://twitter.com/"+o.userName+"\">http://twitter.com/"+o.userName+"</a></p>";
-
background-color: transparent;
+
c.append(profileLinkHTML);
-
padding: 5px;
+
}
-
color: #085706;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 12px;
+
-
text-align: justify;
+
-
margin: 0 auto;
+
-
position: relative;
+
-
}
+
 +
// add twitter list to container element
 +
var twitterListHTML = "<ul id=\"twitter_update_list\"><li></li></ul>";
 +
c.append(twitterListHTML);
 +
var tl = $("#twitter_update_list");
-
#leftcolumn {
+
// hide twitter list
-
width: 200px;
+
tl.hide();
-
height: 100%;
+
-
border-style: solid;
+
-
border-color: #eeeeee;
+
-
border-width: 1px;
+
-
padding: 10px;
+
-
font-family: Futura, Sans-Serif;
+
-
background-color: #eeeeee;
+
-
position: relative;
+
-
top: -12px;
+
-
}
+
 +
// add preLoader to container element
 +
var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>");
 +
c.append(preLoaderHTML);
-
#leftcolumn ul{
+
// show container element
-
list-style-image: url('https://static.igem.org/mediawiki/2010/0/03/PhotoGear.png');
+
c.show();
-
text-indent: 3px;
+
-
padding-left: 12px
+
-
margin: 12px
+
-
font-family: Futura, Sans-Serif;
+
-
position: relative;
+
-
top:+12px;
+
-
}
+
 +
$.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();
-
#rightcolumn {
+
// remove timestamp and move to title of list item
-
width: 700px;
+
if (!o.showTimestamp) {
-
padding: 20px 20px 20px 20px;
+
tl.find("li").each(function() {
-
border-style: none;
+
var timestampHTML = $(this).children("a");
-
border-color: transparent transparent transparent #085706;
+
var timestamp = timestampHTML.html();
-
border-width: 2px;
+
timestampHTML.remove();
-
font-family: Futura, Sans-Serif;
+
$(this).attr("title", timestamp);
-
float: right;
+
});
-
}
+
}
-
.floatpic {
+
// show twitter list
-
float: right;
+
if (o.slideIn) {
-
width:277px;
+
var tlHeight = tl.data("originalHeight");
-
height:152px;
+
-
margin:7px;
+
-
}
+
-
.floattxt {
+
-
float: right;
+
-
width:219px;
+
-
height:40px;
+
-
margin:7px;
+
-
font-family: Futura, Sans-Serif;
+
-
}
+
-
.sponsorpic {
+
// get the original height
-
float: right;
+
if (!tlHeight) {
-
height:42px;
+
tlHeight = tl.show().height();
-
margin:7px;
+
tl.data("originalHeight", tlHeight);
-
}
+
tl.hide().css({height: 0});
 +
}
-
.sectionheader {
+
tl.show().animate({height: tlHeight}, o.slideDuration);
-
font-size: 16px;
+
}
-
color: #dfc463;
+
else {
-
font-weight: bold;
+
tl.show();
-
font-family: Futura, Sans-Serif;
+
}
-
}
+
-
.memberpic {
+
// add unique class to first list item
-
margin:2px;
+
tl.find("li:first").addClass("firstTweet");
-
  border:none;
+
-
  height:auto;
+
-
  width:auto;
+
-
  float:left;
+
-
  text-align:center;
+
-
}
+
-
.memberpic img {
+
// add unique class to last list item
-
display: inline;
+
tl.find("li:last").addClass("lastTweet");
-
margin: 3px;
+
});
-
border: 1px solid #dfc463;
+
});
-
}
+
};
 +
})(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.
 +
*
 +
*/
-
.memberpic a:hover img
+
// t: current time, b: begInnIng value, c: change In value, d: duration
-
  {
+
jQuery.easing['jswing'] = jQuery.easing['swing'];
-
  border:1px solid #0000ff;
+
-
  }
+
-
.caption
+
-
  {
+
-
  text-align:center;
+
-
  font-weight:normal;
+
-
  width:215px;
+
-
  margin:2px;
+
-
  }
+
-
.gallery {
+
jQuery.extend( jQuery.easing,
-
text-align: center;
+
{
-
width: auto;
+
def: 'easeOutQuad',
-
margin: 0px;
+
swing: function (x, t, b, c, d) {
-
}
+
//alert(jQuery.easing.default);
-
</style>
+
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;
 +
}
 +
});
-
<script type="text/javascript">
+
/*
-
function showMenu(callerObject) {
+
*
-
// document.getElementById('sub1').style.display = 'block';
+
* TERMS OF USE - EASING EQUATIONS
-
callerObject.childNodes[3].style.display = 'block';
+
*
-
}
+
* Open source under the BSD License.  
-
 
+
*
-
function hideMenu(callerObject) {
+
* Copyright c 2001 Robert Penner
-
// document.getElementById('sub1').style.display = 'none';
+
* All rights reserved.
-
callerObject.childNodes[3].style.display = 'none';
+
*
-
}
+
* 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>
-
<div id="banner">
 
-
</div>
 
-
</html>
 
-
<!--
+
        <script type="text/javascript">
-
<div id="menu">
+
            $(function() {
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
                $('#sdt_menu > li').bind('mouseenter',function(){
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners">Home</a>
+
var $elem = $(this);
-
</div>
+
                var $sub_menu = $elem.find('.sdt_box');
-
+
if($sub_menu.length){
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
$sub_menu.show().animate({'top':'0px','height':'0px'},0);
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Team">Team</a>
+
}
-
<div class="submenu">
+
-
<div class="submenuItem">
+
-
<a class="submenuItemLink" href="https://igem.org/Team.cgi">Team Profile</a>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
+
-
+
-
+
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Project">Project</a>
+
-
<div class="submenu">
+
-
<div class="submenuItem">
+
-
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Parts">Parts</a>
+
-
</div>
+
-
<div class="submenuItem">
+
-
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Modeling">Modeling</a>
+
-
</div>
+
-
</div>
+
-
</div>
+
$elem.find('img')
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
.stop(true)
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Notebook">Notebook</a>
+
.animate({
-
</div>
+
'width':'142px',
-
+
'height':'142px',
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
'left':'0px'
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Safety">Ethics and Safety</a>
+
},200,'easeOutBack')
-
</div>
+
.andSelf()
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
.find('.sdt_wrap')
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming">Public Opinion</a>
+
    .stop(true)
-
<div class="submenu">
+
.animate({'top':'100px'},300,'easeOutSine')
-
<div class="submenuItem">
+
.andSelf()
-
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming">Campus Survey</a>
+
.find('.sdt_active')
-
</div>
+
    .stop(true)
-
<div class="submenuItem">
+
.animate({'height':'150px','top':'0px'},300,function(){
-
<a class="submenuItemLink" href="#">Predicting Opinions</a>
+
var $sub_menu = $elem.find('.sdt_box');
-
</div>
+
if($sub_menu.length){
-
</div>
+
                            var a = $sub_menu[0].getElementsByTagName('a').length;
-
</div>
+
                            var px = a*15+20;
 +
                            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'>
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
<script type="text/javascript" src="/Team:Brown-Stanford/lightbox/js?action=raw"></script>
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Contact">Contact Us</a>
+
-
<div class="submenu">
+
-
<div class="submenuItem">
+
-
<a class="submenuItemLink" href="http://web.mst.edu/~igem/" target="_blank">@ S&T</a>
+
-
</div>
+
-
<div class="submenuItem">
+
-
<a class="submenuItemLink" href="http://www.facebook.com/mstigem" target="_blank">Facebook</a>
+
-
</div>
+
-
<div class="submenuItem">
+
-
<a class="submenuItemLink" href="http://twitter.com/mstigem" target="_blank">Twitter</a>
+
-
</div>
+
-
<div class="submenuItem">
+
-
<a class="submenuItemLink" href="http://www.youtube.com/user/mstigem" target="_blank">youtube</a>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Gallery">Photos</a>
+
<style>
-
</div>
+
/**
-
+
* jQuery lightBox plugin
-
</div>
+
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
-
</div></html>
+
* and adapted to me for use like a plugin from jQuery.
-
-->
+
* @name jquery-lightbox-0.5.css
-
<html>
+
* @author Leandro Vieira Pinho - http://leandrovieira.com
-
<head>
+
* @version 0.5
-
<style type="text/css">
+
* @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>
 +
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>
 +
 +
<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>
-
a.header:link {text-decoration:none;color:#dfc463;}      /* unvisited link */
 
-
a.header:visited {text-decoration:none;color:#dfc463;}  /* visited link */
 
-
a.header:hover {text-decoration:none;color:#dfc463;font-weight:bold;}  /* mouse over link */
 
-
a.header:active {text-decoration:none;color:#dfc463;}  /* selected link */
 
-
a.internal:link {text-decoration:none;color:#085706;}      /* unvisited link */
+
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
-
a.internal:visited {text-decoration:none;color:#085706;}  /* visited link */
+
</head>
-
a.internal:hover {text-decoration:underline;color:#085706;}  /* mouse over link */
+
<body>
-
a.internal:active {text-decoration:none;color:#085706;}  /* selected link */
+
<div id="headerimg1" class="headerimg"></div>
 +
<div id="headerimg2" class="headerimg"></div>
 +
<div id="header" style="height:100px;padding: 85px 0px 0px 0px; margin-bottom:0px">
 +
<ul id="sdt_menu" class="sdt_menu">
 +
<li>
 +
<a href="/Team:Missouri_Miners/Ethics & Safety/Ethics">
 +
<img src="http://singularityhub.com/wp-content/uploads/2009/02/gene_therapy.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Ethics & Safety</span>
 +
<span class="sdt_descr"></span>
 +
</span>
 +
</a>
 +
<div class="sdt_box">
 +
<a href="/Team:Missouri_Miners/Ethics & Safety/Ethics">Ethics</a>
 +
<a href="/Team:Missouri_Miners/Ethics & Safety/Safety">Safety</a>
 +
<a></a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="/Team:Missouri_Miners/Team/Profile">
 +
<img src="http://insightfusion.com/blog/wp-content/uploads/2011/06/puzzle-pieces-2.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Team</span>
 +
<span class="sdt_descr"></span>
 +
</span>
 +
</a>
 +
<div class="sdt_box">
 +
<a href="/Team:Missouri_Miners/Team/Profile">Profile</a>
 +
<a href="/Team:Missouri_Miners/Team/Team Page">Team Page</a>
 +
<a></a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="/Team:Missouri_Miners/Project/Glucose Sensor">
 +
<img src="http://sina.salek.ws/sites/default/files/story/1389/images/team.gif" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Project</span>
 +
<span class="sdt_descr"></span>
 +
</span>
 +
</a>
 +
<div class="sdt_box">
 +
<a href="/Team:Missouri_Miners/Project/Glucose Sensor">Glucose Sensor</a>
 +
<a href="/Team:Missouri_Miners/Project/Project">Project</a>
 +
<a href="/Team:Missouri_Miners/Project/Parts">Parts</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="/Team:Brown-Stanford/Lab/">
 +
<!-- <img src="http://home.comcast.net/~wyrdd/MMA/CT2.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Lab</span>
 +
<span class="sdt_descr"></span>
 +
</span>
 +
</a>
 +
<div class="sdt_box" style="height:60px">
 +
<a href="/Team:Brown-Stanford/Team">Team Members</a>
 +
<a href="/Team:Brown-Stanford/Lab/Notebook">Notebook</a>
 +
<a href="/Team:Brown-Stanford/Lab/Protocols">Protocols</a>
 +
<a href="/Team:Brown-Stanford/Lab/Safety">Safety</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="/Team:Brown-Stanford/Collaboration">
 +
<img src="http://www.planetcalypsoforum.com/gallery/files/1/0/6/8/7/handshake.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Partners</span>
 +
<span class="sdt_descr"></span>
 +
</span>
 +
</a>
 +
<div class="sdt_box">
 +
<a href="/Team:Brown-Stanford/Collaboration">Collaboration</a>
 +
<a href="/Team:Brown-Stanford/Wiki">Wiki Use</a>
 +
<a href="/Team:Brown-Stanford/Sponsors">Sponsors</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="/Team:Brown-Stanford/Outreach">
 +
<!--<img src="images/2.jpg" 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/Events">Events</a>
 +
<a href="http://openwetware.org/wiki/IGEM_Outreach">iGEM Outreach 2.0</a>
 +
<a href="/Team:Brown-Stanford/BBC">BBC</a>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="igem"><a href="/"><img src="https://static.igem.org/mediawiki/2011/f/f1/Brown-Stanford_iGEM.png" height="50"></a></div>
-
</style>
+
<div class="content">
 +
<div class="icons"><a href="http://www.facebook.com/pages/Brown-Stanford-iGEM/166210643442328"><img src="https://static.igem.org/mediawiki/2011/c/c4/Brown-Stanford_Facebook.png" style="height:20px;width:20px"></img></a><a href="http://www.twitter.com/Brown_iGEM"><img src="https://static.igem.org/mediawiki/2011/d/df/Brown-Stanford_Twitter.png" style="height:20px;width:20px"></img></a></div>

Revision as of 02:04, 21 September 2011