Team:UC Davis/Gallery

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:UC_Davis/Head}}
{{Team:UC_Davis/Head}}
-
 
-
 
<html>
<html>
<style>
<style>
-
 
#navcon {
#navcon {
background-image:url('https://static.igem.org/mediawiki/2011/8/8c/UCD_redwhite_tubes_banner.JPG');
background-image:url('https://static.igem.org/mediawiki/2011/8/8c/UCD_redwhite_tubes_banner.JPG');
Line 13: Line 10:
<head>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
-
<link rel="stylesheet" type="text/css" href="http://www.shadowbox-js.com/build/shadowbox.css"/>
+
 
-
<script type="text/javascript" src="http://www.shadowbox-js.com/build/shadowbox.js"></script>
+
<script type="text/javascript" src="https://2011.igem.org/Team:UC_Davis/lightbox/js?action=raw"></script>
-
<script type="text/javascript">
+
 
-
Shadowbox.loadSkin('classic', 'skin');
+
<link href='http://fonts.googleapis.com/css?family=Vollkorn:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
-
window.onload = Shadowbox.init;
+
<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>  
 +
<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>
 +
 
</script>
</script>
</head>
</head>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
Line 28: Line 150:
-
<a href="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" rel="shadowbox"/><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" style="width:200px; height:120px;border:0px;" /></a>
+
<a href="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" rel="lightbox"/><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" style="width:200px; height:120px;border:0px;" /></a>
</div>
</div>

Revision as of 04:34, 25 August 2011

Our Sponsors

Start a Family

Got a favorite BioBrick? Check our our process for expanding basic parts into part families.

Criteria

View our judging criteria for iGEM 2011 here.

Retrieved from "http://2011.igem.org/Team:UC_Davis/Gallery"