Team:Arizona State/Templates/sidebar2

From 2011.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
-
<div class="visualClear"> </div>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-
__NOTOC__<html lang="en">  
+
<head>
-
<!--
+
-
-->
 
-
<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" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<script type="text/javascript">
 
-
<!--
 
-
}
+
<script type="text/javascript" src="https://2011.igem.org/Team:Arizona_State/Templates/accordion?action=raw&ctype=text/javascript">
-
];
+
-
$(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/)
+
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
-
*/
+
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
 +
* This notice must stay intact for legal use
 +
***********************************************/
-
-->
 
</script>
</script>
-
<script type="text/javascript">
 
-
$(document).ready(function() {
 
-
$("#twitter").getTwitter({
 
-
userName: "asu_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">
<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,
+
ddaccordion.init({
-
{
+
headerclass: "submenuheader", //Shared CSS class name of headers group
-
def: 'easeOutQuad',
+
contentclass: "submenu", //Shared CSS class name of contents group
-
swing: function (x, t, b, c, d) {
+
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
-
//alert(jQuery.easing.default);
+
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
-
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
 +
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
 +
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
 +
animatedefault: false, //Should contents open by default be animated into view?
 +
persiststate: true, //persist state of opened contents within browser session?
 +
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
 +
togglehtml: ["suffix", "<img src='https://static.igem.org/mediawiki/2011/9/9c/Arizona_State_plus.gif' class='statusicon' />", "<img src='https://static.igem.org/mediawiki/2011/8/84/Arizona_State_minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
 +
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
 +
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
 +
//do nothing
},
},
-
easeInQuad: function (x, t, b, c, d) {
+
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
-
return c*(t/=d)*t + b;
+
//do nothing
-
},
+
-
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>
-
        <script type="text/javascript">
+
<style type="text/css">
-
            $(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')
+
.glossymenu{
-
.stop(true)
+
margin: 5px 0;
-
.animate({
+
padding: 0;
-
'width':'142px',
+
width: 170px; /*width of menu*/
-
'height':'142px',
+
border: 1px solid #9A9A9A;
-
'left':'0px'
+
border-bottom-width: 0;
-
},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'>
+
-
<script type="text/javascript" src="/Team:Brown-Stanford/lightbox/js?action=raw"></script>
+
.glossymenu a.menuitem{
 +
background: black url(https://static.igem.org/mediawiki/2011/0/0d/Arizona_State_glossyback2.gif) repeat-x bottom left;
 +
font: bold 14px "Verdana", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
color: white;
 +
display: block;
 +
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
 +
width: auto;
 +
padding: 4px 0;
 +
padding-left: 10px;
 +
text-decoration: none;
 +
}
-
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
+
 
-
<style>
+
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
-
/**
+
color: white;
-
* 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;
+
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
-
top: 0;
+
position: absolute;
-
left: 0;
+
top: 5px;
-
width: 100%;
+
right: 5px;
-
z-index: 100;
+
border: none;
-
text-align: center;
+
-
line-height: 0;
+
}
}
-
#jquery-lightbox a img { border: none; }
+
 
-
#lightbox-container-image-box {
+
.glossymenu a.menuitem:hover{
-
position: relative;
+
background-image: url(https://static.igem.org/mediawiki/2011/0/0d/Arizona_State_glossyback2.gif);
-
background-color: #fff;
+
-
width: 250px;
+
-
height: 250px;
+
-
margin: 0 auto;
+
}
}
-
#lightbox-container-image { padding: 10px; }
+
 
-
#lightbox-loading {
+
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
-
position: absolute;
+
background: white;
-
top: 40%;
+
-
left: 0%;
+
-
height: 25%;
+
-
width: 100%;
+
-
text-align: center;
+
-
line-height: 0;
+
}
}
-
#lightbox-nav {
+
 
-
position: absolute;
+
.glossymenu div.submenu ul{ /*UL of each sub menu*/
-
top: 0;
+
list-style-type: none;
-
left: 0;
+
margin: 0;
-
height: 100%;
+
padding: 0;
-
width: 100%;
+
-
z-index: 10;
+
}
}
-
#lightbox-container-image-box > #lightbox-nav { left: 0; }
+
 
-
#lightbox-nav a { outline: none;}
+
.glossymenu div.submenu ul li{
-
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+
border-bottom: 1px solid black;
-
width: 49%;
+
-
height: 100%;
+
-
zoom: 1;
+
-
display: block;
+
}
}
-
#lightbox-nav-btnPrev {
+
 
-
left: 0;  
+
.glossymenu div.submenu ul li a{
-
float: left;
+
display: block;
 +
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
color: black;
 +
text-decoration: none;
 +
padding: 2px 0;
 +
padding-left: 10px;
}
}
-
#lightbox-nav-btnNext {
+
 
-
right: 0;
+
.glossymenu div.submenu ul li a:hover{
-
float: right;
+
background: #DFDCCB;
-
}
+
colorz: white;
-
#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{
+
-
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>
+
</head>
-
$(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>
+
 +
<body>
 +
 +
<div class="glossymenu">
 +
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State">Home</a>
 +
<a class="menuitem" href="https://2011.igem.org/Main_Page">iGEM 2011 Home</a>
 +
<a class="menuitem submenuheader" href="https://2011.igem.org/Team:Arizona_State/Project">Project</a>
 +
<div class="submenu">
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Project/Introduction">Introduction</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Project/CRISPR">CRISPR</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Project/E_coli">E. coli</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Project/B_halodurans">B. halodurans</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Project/L_innocua">L. innocua</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Project/Software">Software</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Project/Future">Future</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Project/References">References</a></li>
 +
</ul>
 +
</div>
-
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
+
<a class="menuitem submenuheader" href="https://2011.igem.org/Team:Arizona_State/Lab">Lab</a>
-
</head>
+
<div class="submenu">
-
<body>
+
<ul>
-
<!-- <div id="headerimg1" class="headerimg"></div>
+
<li><a href="https://2011.igem.org/Team:Arizona_State/Lab/Team">Team</a></li>
-
<div id="headerimg2" class="headerimg"></div> -->
+
<li><a href="https://2011.igem.org/Team:Arizona_State/Lab/Photos">Photos</a></li>
-
<div id="header" style="height:100px;padding: 85px 0px 0px 0px; margin-bottom:0px">
+
<li><a href="https://2011.igem.org/Team:Arizona_State/Lab/Protocols">Protocols</a></li>
-
<ul id="sdt_menu" class="sdt_menu">
+
<li><a href="https://2011.igem.org/Team:Arizona_State/Lab/Safety">Safety</a></li>
-
<li>
+
<li><a href="https://2011.igem.org/Team:Arizona_State/Lab/Acknowledgements">Acknowledgements</a></li>
-
<a href="/Team:Arizona_State/Home">
+
</ul>
-
<img src="https://static.igem.org/mediawiki/2011/9/9e/ASU_Logo.png" alt=""/>
+
-
<span class="sdt_active"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="sdt_link">Home</span>
+
-
<span class="sdt_descr"></span>
+
-
</span>
+
-
</a>
+
-
<div class="sdt_box">
+
-
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="/Team:Arizona_State/Project/Introduction">
+
-
<img src="https://static.igem.org/mediawiki/2011/4/47/PLiCRISPR.jpg" 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:Arizona_State/Project/Introduction">Intro</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Project/CRISPR">CRISPR</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Project/E_coli">E. coli</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Project/B_halodurans">B. halodurans</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Project/L_innocua">L. innocua</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Project/Software">Software</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Project/Future">Future</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Project/References">References</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="/Team:Arizona_State/Lab/Team">
+
-
<img src="https://static.igem.org/mediawiki/2011/a/a1/ASU_GFPGel.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">
+
-
<a href="/Team:Arizona_State/Lab/Team">Team</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Lab/Photos">Photos</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Lab/Protocols">Protocols</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Lab/Safety">Safety</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Lab/Acknowledgements">Acknowledgements</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="/Team:Arizona_State/Results/Data">
+
-
<img src="https://static.igem.org/mediawiki/2011/a/a1/ASU_GFPGel.jpg" alt=""/>
+
-
<span class="sdt_active"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="sdt_link">Results</span>
+
-
<span class="sdt_descr"></span>
+
-
</span>
+
-
</a>
+
-
<div class="sdt_box" style="height:60px">
+
-
<a href="/Team:Arizona_State/Results/Data">Data</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Results/BioBricks">BioBricks</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="/Team:Arizona_State/Notebook">
+
-
<img src="https://static.igem.org/mediawiki/2011/2/20/ASU_Trinette.jpg" alt=""/>
+
-
<span class="sdt_active"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="sdt_link">Notebook</span>
+
-
<span class="sdt_descr"></span>
+
-
</span>
+
-
</a>
+
-
<div class="sdt_box">
+
-
<a href="/Team:Arizona_State/Notebook/April">April</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Notebook/May">May</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Notebook/June">June</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Notebook/July">July</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Notebook/August">August</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Notebook/September">September</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="/Team:Arizona_State/Outreach">
+
-
<img src="https://static.igem.org/mediawiki/2011/d/d3/Brown-Stanford_Collab_Thumb.jpg" 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">
+
-
<a href="/Team:Arizona_State/Outreach/Events">Events</a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Outreach/Collaborations">Collaborations<br></a>
+
-
<a></a>
+
-
<d>---------------------</d>
+
-
<a href="/Team:Arizona_State/Outreach/Exploring_Synthetic_Biology">Exploring Synthetic Biology</a>
+
-
<d>---------------------</d>
+
-
<a href="Team:Arizona_State/Outreach/Outreach_in_Practice">Outreach in Practice</a>
+
-
</div>
+
-
</li>
+
-
</ul>
+
</div>
</div>
 +
<a class="menuitem submenuheader" href="https://2011.igem.org/Team:Arizona_State/Results">Results</a>
 +
<div class="submenu">
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Results/Data">Data</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Parts">BioBricks</a></li>
 +
</ul>
 +
</div>
 +
<!-- this page still exists but I don't think we'll get to it.
 +
<a class="menuitem" href="https://2011.igem.org/Team:Arizona_State/Modeling">Modeling</a>
 +
-->
 +
<a class="menuitem submenuheader" href="https://2011.igem.org/Team:Arizona_State/Lab">Notebook</a>
 +
<div class="submenu">
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Notebook/AprilMay">April/May</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Notebook/June">June</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Notebook/July">July</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Notebook/August">August</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Notebook/September">September</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Notebook/PCRLog">Cas PCR Log</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Notebook/Sequences">Sequence Information</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Notebook/Other">Other Documents</a></li>
 +
</ul>
 +
</div>
 +
<a class="menuitem submenuheader" href="https://2011.igem.org/Team:Arizona_State/Outreach">Human Practices</a>
 +
<div class="submenu">
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Outreach/Events">Events</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Outreach/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Outreach/Exploring_Synthetic_Biology">Exploring Synthetic Biology</a></li>
 +
<li><a href="https://2011.igem.org/Team:Arizona_State/Outreach/Outreach_in_Practice">Outreach in Practice</a></li>
 +
</ul>
 +
</div>
 +
 +
</body>
 +
</html>

Latest revision as of 03:15, 29 September 2011

Home iGEM 2011 Home Project
Lab
Results
Notebook
Human Practices

Retrieved from "http://2011.igem.org/Team:Arizona_State/Templates/sidebar2"