Team:UC Davis/Gallery

From 2011.igem.org

(Difference between revisions)
 
(290 intermediate revisions not shown)
Line 3: Line 3:
<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>
 +
<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>
 +
 +
 +
<div class="floatbox thumbs">
 +
<h1>Gallery</h1>
 +
 +
<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>
 +
 +
<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>
 +
 +
<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>
 +
 +
<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>
 +
 +
<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>
 +
 +
<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="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>
 +
 +
<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/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>
 +
-
<link rel="stylesheet" href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/css/svwp_style.css" type="text/css" media="screen" />
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
 
-
<script src="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/js/jquery.slideViewerPro.1.5.js" type="text/javascript"></script>
 
Line 18: Line 126:
-
<div class="floatbox">
 
-
<center>
 
-
<div id="my-folio-of-works" class="svwp">
 
-
    <ul>
 
-
        <li><img alt="Nick"  src="https://static.igem.org/mediawiki/2011/1/13/Nickhappy.JPG" width="500" height="300" /></li>
 
-
        <li><img alt="Keegan"  src="https://static.igem.org/mediawiki/2011/d/dc/Keeganpipettesdye.JPG
 
-
" width="500" height="300"/></li>
 
-
       
 
-
        <!--eccetera-->
 
-
    </ul>
 
-
</div>
 
-
</center>
 
-
</div>
 
-
<script>
 
-
$(window).bind("load", function() {
 
-
    $("div#my-folio-of-works").slideViewerPro({
 
-
        thumbs: 6,
 
-
        autoslide: true,
 
-
        asTimer: 3500,
 
-
        typo: true,
 
-
        galBorderWidth: 0,
 
-
        thumbsBorderOpacity: 0,
 
-
        buttonsTextColor: "#707070",
 
-
        buttonsWidth: 40,
 
-
        thumbsActiveBorderOpacity: 0.8,
 
-
        thumbsActiveBorderColor: "aqua",
 
-
        shuffle: true
 
-
    });
 
-
});
 
-
</script>
 
Line 57: Line 135:
<style>
<style>
-
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
+
h1{
-
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
+
color:#EE3333;
-
.slideViewer {
+
font-size: 40px;
-
position: relative;
+
-
overflow: hidden;
+
-
margin: 0;
+
-
padding: 0;
+
-
background: #fff;
+
}
}
-
.slideViewer ul { /*your list of images*/
+
h2{
-
position: relative;
+
color:#EE3333;
-
left: 0;
+
font-size: 28px;
-
top: 0;
+
-
width: 1%;
+
-
list-style-type: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
.slideViewer ul li {
+
-
float:left;
+
}
}
-
/*typographic info*/
+
#lightbox{
-
.slideViewer span.typo{  
+
position: absolute;
-
padding: 6px; /* do not modify padding */
+
left: 0;  
-
background: #fff;
+
width: relative;
-
color: #000;
+
z-index: 100;
-
font: normal 10px Verdana;
+
text-align: center;  
 +
line-height: 0;
}
}
-
.thumbSlider { /*the thumbnails slider*/
 
-
overflow: hidden;
 
-
width: 1%;
 
-
background: #fff;
 
-
}
 
-
.thumbSlider ul {
 
-
list-style-type: none;
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
.thumbSlider ul li{
 
-
float:left;
 
-
margin: 0;
 
-
}
 
-
.thumbSlider a{
 
-
color: #fff;
 
-
text-decoration: none;
 
-
}
 
-
.thumbSlider a img{
 
-
border: 0;
 
-
display: block;
 
-
padding: 0;
 
-
}
 
-
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
 
-
/* width, height and top values are dynamically added by the script. Do not modify. */
 
-
position:relative;
 
-
left: 0;
 
-
font-size: 0.01em;
 
-
left: 0;
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
a.left, a.right { /*the left and right buttons (links)*/
+
#lightbox img{ width: auto; height: auto;}
-
background: transparent; /* could be any color  */
+
#lightbox a img{ border: none; }
-
color: #ff0000;
+
-
font: bold 16px Arial;
+
-
overflow: hidden;
+
-
}
+
-
a.left span, a.right span{
+
-
}
+
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
-
a.left img, a.right img{
+
#imageContainer{ padding: 10px; }
-
border: 0;
+
 
-
}
+
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
-
a.l_dis, a.r_dis {
+
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
-
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
+
#imageContainer>#hoverNav{ left: 0;}
-
cursor: default;
+
#hoverNav a{ outline: none;}
-
}
+
 
-
a.l_dis span, a.r_dis span {
+
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
-
visibility: hidden;
+
#prevLink { left: 0; float: left;}
-
}
+
#nextLink { right: 0; float: right;}
-
a:focus {outline:none;}
+
#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>
</style>
 +
 +
 +
</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"