Team:UC Davis/Gallery

From 2011.igem.org

(Difference between revisions)
 
(129 intermediate revisions not shown)
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/4/47/UCD_paperheadersketch.JPG');
}
}
</style>
</style>
-
 
+
<script>
 +
thispagenumber = 4;
 +
</script>
<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="https://2011.igem.org/Team:UC_Davis/lightbox/prototype.js?action=raw"></script>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:UC_Davis/lightbox/scriptaculous.js?action=raw"></script>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:UC_Davis/lightbox/lightbox.js?action=raw"></script>
 +
</head>
-
<script type="text/javascript" src="https://2011.igem.org/Team:UC_Davis/lightbox/js?action=raw"></script>
 
-
<link href='http://fonts.googleapis.com/css?family=Vollkorn:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
+
<div class="floatbox thumbs">
-
<style>
+
<h1>Gallery</h1>
-
/**
+
-
* 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>
+
<a href="http://farm7.static.flickr.com/6187/6083457923_161e80907e_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6187/6083457923_161e80907e_b.jpg" width="200" height="134"></a>
-
<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 href="http://farm7.static.flickr.com/6084/6083618853_e9a08b8f00_b.jpg" rel="lightbox" title="GFPizza"><img src="http://farm7.static.flickr.com/6084/6083618853_e9a08b8f00_b.jpg" width="200" height="134"></a>
-
</script>
+
<a href="http://farm7.static.flickr.com/6205/6084000506_0eba84b860_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6205/6084000506_0eba84b860_b.jpg" width="200" height"=134"></a>
-
</head>
+
 +
<a href="http://farm7.static.flickr.com/6066/6084036950_6aefbda8e3_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6066/6084036950_6aefbda8e3_b.jpg" width="134" height="200"></a>
 +
<a href="http://farm7.static.flickr.com/6068/6084037030_93a3d21eb5_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6068/6084037030_93a3d21eb5_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6075/6084037056_d741e53e09_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6075/6084037056_d741e53e09_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6071/6083494311_dbe33e3a35_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6071/6083494311_dbe33e3a35_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6079/6083494709_5734a72d42_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6079/6083494709_5734a72d42_b.jpg" width="134" height="200"></a>
 +
<a href="http://farm7.static.flickr.com/6064/6084036846_f8ec1f2a8f_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6064/6084036846_f8ec1f2a8f_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6208/6084037156_953c464afb_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6208/6084037156_953c464afb_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6204/6083545159_6ecd6b6ccd_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6204/6083545159_6ecd6b6ccd_b.jpg" width="134" height="200"></a>
 +
<a href="http://farm7.static.flickr.com/6201/6084087992_d933b96c48_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6201/6084087992_d933b96c48_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6195/6083545189_132994d7a9_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6195/6083545189_132994d7a9_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6074/6084087892_8f4613e662_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6074/6084087892_8f4613e662_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6198/6083545217_06f1376e17_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6198/6083545217_06f1376e17_b.jpg" width="200" height="134"></a>
-
<div class="floatbox">
+
<a href="http://farm7.static.flickr.com/6203/6083545231_eef03a79c8_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6203/6083545231_eef03a79c8_b.jpg" width="200" height="134"></a>
-
<div class="lightbox">
+
-
<center>
+
 +
<a href="http://farm7.static.flickr.com/6186/6084087958_c4aa044e5f_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6186/6084087958_c4aa044e5f_b.jpg" width="134" height="200"></a>
-
<a href="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg"><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="http://farm7.static.flickr.com/6203/6084087976_ab79b600af_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6203/6084087976_ab79b600af_b.jpg" width="200" height="134"></a>
-
</center>
+
-
</div>
+
 +
<a href="http://farm7.static.flickr.com/6201/6084087992_d933b96c48_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6201/6084087992_d933b96c48_b.jpg" width="200" height="134"></a>
-
</div>
+
<a href="http://farm7.static.flickr.com/6208/6083618757_acb4bf3a41_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6208/6083618757_acb4bf3a41_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6200/6084162000_ba4b5654b7_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6200/6084162000_ba4b5654b7_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6066/6083457903_1fab085777_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6066/6083457903_1fab085777_b.jpg" width="200" height="134"></a>
 +
<a href="http://farm7.static.flickr.com/6073/6083618799_c1540de441_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6073/6083618799_c1540de441_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6082/6084162014_b447f32af0_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6082/6084162014_b447f32af0_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6189/6084162026_a350234b3a_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6189/6084162026_a350234b3a_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6082/6083618837_dc4e466c8a_b.jpg" rel="lightbox" title="This mutant of GFP turned orange"><img src="http://farm7.static.flickr.com/6082/6083618837_dc4e466c8a_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6202/6084162058_1d04f24c63_b.jpg" rel="lightbox" title="Gunrock"><img src="http://farm7.static.flickr.com/6202/6084162058_1d04f24c63_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6194/6084162068_09cbe08d11_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6194/6084162068_09cbe08d11_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6073/6083618867_756f4b5cdc_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6073/6083618867_756f4b5cdc_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6205/6084162122_888f22edec_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6205/6084162122_888f22edec_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6083/6084162134_a0a4afc704_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6083/6084162134_a0a4afc704_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6208/6084162158_987b39d1e0_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6208/6084162158_987b39d1e0_b.jpg" width="134" height="200"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6084/6083457883_84ecbf636b_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6084/6083457883_84ecbf636b_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6209/6083618923_68a1059090_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6209/6083618923_68a1059090_b.jpg" width="134" height="200"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6197/6083618941_101c1814c5_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6197/6083618941_101c1814c5_b.jpg" width="134" height="200"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6193/6084162166_2ac59447bd_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6193/6084162166_2ac59447bd_b.jpg" width="134" height="200"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6075/6151529296_15ce8f8e56_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6075/6151529296_15ce8f8e56_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6063/6151106485_dd743c122d_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6063/6151106485_dd743c122d_b.jpg" width="134" height="200"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6185/6151705052_0d962ddfc1_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6185/6151705052_0d962ddfc1_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6198/6153278993_b5525114ae_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6198/6153278993_b5525114ae_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6193/6153279043_debe94f8f9_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6193/6153279043_debe94f8f9_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6089/6153279105_2fab7c3d19_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6089/6153279105_2fab7c3d19_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6073/6153826052_ed0ec39712_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6073/6153826052_ed0ec39712_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6171/6178187999_3b8038ca79_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6171/6178187999_3b8038ca79_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6179/6178187975_fdb191908c_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6179/6178187975_fdb191908c_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6176/6178166891_d12da0c866_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6176/6178166891_d12da0c866_b.jpg" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6168/6179171324_01ddf4a226_z.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6168/6179171324_01ddf4a226_z.jpg" width="200" height="134"></a>
 +
 +
<a href="https://static.igem.org/mediawiki/2011/8/84/UCD_Tet2.gif" rel="lightbox"><img src="https://static.igem.org/mediawiki/2011/8/84/UCD_Tet2.gif" width="200" height="134"></a>
 +
 +
<a href="http://farm7.static.flickr.com/6145/6190801179_bfb761ff1d_b.jpg" rel="lightbox"><img src="http://farm7.static.flickr.com/6145/6190801179_bfb761ff1d_b.jpg" width="350" height="200" align="left"></a>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<style>
 +
 +
h1{
 +
color:#EE3333;
 +
font-size: 40px;
 +
}
 +
h2{
 +
color:#EE3333;
 +
font-size: 28px;
 +
}
 +
 +
#lightbox{
 +
position: absolute;
 +
left: 0;
 +
width: relative;
 +
z-index: 100;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
 +
 +
#lightbox img{ width: auto; height: auto;}
 +
#lightbox a img{ border: none; }
 +
 +
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
 +
#imageContainer{ padding: 10px; }
 +
 +
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
 +
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
 +
#imageContainer>#hoverNav{ left: 0;}
 +
#hoverNav a{ outline: none;}
 +
 +
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
 +
#prevLink { left: 0; float: left;}
 +
#nextLink { right: 0; float: right;}
 +
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
 +
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
 +
 +
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
 +
 +
#imageData{ padding:0 10px; color: #666; }
 +
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
 +
#imageData #caption{ font-weight: bold; }
 +
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
 +
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
 +
 +
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
 +
 +
#lightbox{
 +
background-color: rgba(0,0,0,.75);
 +
padding: 10px;
 +
}
 +
#lightboxDetails{
 +
font-size: 0.8em;
 +
padding-top: 0.4em;
 +
}
 +
#lightboxCaption{ float: center; color: #fff; font-size: 14px; }
 +
#keyboardMsg{ float: right; }
 +
#closeButton{ bottom: 1px; right: 1px; width:13px; height:13px; }
 +
 +
#lightbox img{ border: none; clear: both;}
 +
#overlay img{ border: none; }
 +
 +
#overlay{ background-image: url(https://static.igem.org/mediawiki/2011/3/3e/UCD_lb_Bkg.png);opacity:0.7;filter:alpha(opacity=70); }
 +
 +
* html #overlay{
 +
background-color: #333;
 +
back\ground-color: transparent;
 +
background-image: url(blank.gif);
 +
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
 +
}
 +
 +
 +
 +
 +
 +
.thumbs a{
 +
display:block;
 +
float:left;
 +
width:130px;
 +
height:130px;
 +
line-height:100px;
 +
overflow:hidden;
 +
position:relative;
 +
z-index:1;
 +
}
 +
.thumbs a img{
 +
float:left;
 +
position:absolute;
 +
top:-20px;
 +
left:-20px;
 +
                margin: 20px;
 +
                padding: 10px;
 +
}
 +
 +
</style>
 +
</html>
</html>

Latest revision as of 07:34, 28 September 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.

Gallery

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