Team:Uppsala-Sweden/Gallery

From 2011.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Uppsala-SwedenTemplate}}
+
{{Template:Uppsala-SwedenTemplate}}        
{{Template:Uppsala-SwedenTemplateSidebar}}
{{Template:Uppsala-SwedenTemplateSidebar}}
-
 
-
<html>
 
-
 
-
<head>
 
-
 
-
<!-- START Top enlarge function -->
 
-
 
-
 
-
<style type="text/css">
 
-
 
-
ul.thumb {
 
-
float: left;
 
-
list-style: none;
 
-
margin: 0; padding: 10px;
 
-
width: 360px;
 
-
}
 
-
ul.thumb li {
 
-
margin: 0; padding: 5px;
 
-
float: left;
 
-
position: relative;  /* Set the absolute positioning base coordinate */
 
-
width: 110px;
 
-
height: 110px;
 
-
}
 
-
ul.thumb li img {
 
-
width: 200px; height: 200px; /* Set the small thumbnail size */
 
-
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
 
-
border: 1px solid #ddd;
 
-
padding: 5px;
 
-
background: #f0f0f0;
 
-
position: absolute;
 
-
left: 0; top: 0;
 
-
}
 
-
ul.thumb li img.hover {
 
-
background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
 
-
border: none; /* Get rid of border on hover */
 
-
}
 
-
 
-
 
-
</style>
 
-
 
-
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
 
-
//Larger thumbnail preview
 
-
 
-
$("ul.thumb li").hover(function() {
 
-
$(this).css({'z-index' : '10'});
 
-
$(this).find('img').addClass("hover").stop()
 
-
.animate({
 
-
marginTop: '-110px',
 
-
marginLeft: '-110px',
 
-
top: '50%',
 
-
left: '50%',
 
-
width: '500px',
 
-
height: '500px',
 
-
padding: '20px'
 
-
}, 200);
 
-
 
-
} , function() {
 
-
$(this).css({'z-index' : '0'});
 
-
$(this).find('img').removeClass("hover").stop()
 
-
.animate({
 
-
marginTop: '0',
 
-
marginLeft: '0',
 
-
top: '0',
 
-
left: '0',
 
-
width: '100px',
 
-
height: '100px',
 
-
padding: '5px'
 
-
}, 400);
 
-
});
 
-
 
-
//Swap Image on Click
 
-
$("ul.thumb li a").click(function() {
 
-
 
-
var mainImage = $(this).attr("href"); //Find Image Name
 
-
$("#main_view img").attr({ src: mainImage });
 
-
return false;
 
-
});
 
-
 
-
});
 
-
</script>
 
-
 
-
<!-- END Top enlarge function -->
 
-
 
-
</head>
 
-
 
-
</html>
 
<div class="wrap_12">
<div class="wrap_12">
<div id="maincontent">
<div id="maincontent">
<span class="blue"></span>
<span class="blue"></span>
</div>
</div>
 +
<div id="menu" class="hp clearfix main">
<div id="menu" class="hp clearfix main">
Line 101: Line 13:
</div>
</div>
 +
<br><br>
-
<div class="prefix_4 grid_11 suffix_1 maincontent" id="Uppsalacontent">
 
 +
[[Image:A1_UU.JPG|200px|thumb|left|Flourescens proteins]]
 +
[[Image:A2_UU.JPG|200px|thumb|left|AmilCP]]
 +
[[Image:A4_UU.JPG|200px|thumb|left|AmilCP, AmilGFP, RFP]]
 +
<br>
 +
[[Image:A5_UU.JPG|200px|thumb|left|RFP, cjBlue]]
 +
[[Image:A6_UU.JPG|200px|thumb|left|RFP, amilGFP, amilCP]]
 +
[[Image:A7_UU.JPG|200px|thumb|left|RFP, amilCP]]
 +
<br>
 +
[[Image:A8_UU.JPG|200px|thumb|left|RFP, amilCP]]
 +
[[Image:A9_UU.JPG|200px|thumb|left|cjGreen, amilCP, amilGFP, RFP]]
 +
[[Image:A10_UU.JPG|200px|thumb|left|amilCP, amilGFP, RFP]]
 +
<br>
 +
[[Image:A11_UU.JPG|200px|thumb|left|RFP, amilCP, amilGFP]]
 +
[[Image:A12_UU.JPG|200px|thumb|left|cjBlue]]
 +
[[Image:A13_UU.JPG|200px|thumb|left|cjBlue]]
 +
<br>
 +
[[Image:A14_UU.JPG|200px|thumb|left|TagBFP]]
 +
[[Image:A15_UU.JPG|200px|thumb|left|YFP]]
 +
[[Image:A16_UU.JPG|200px|thumb|left|TagBFP, YFP]]
 +
<br>
 +
[[Image:A17_UU.JPG|200px|thumb|left|TagBFP, YFP]]
-
<div class="grid_Blue_thin omega mywhite">
 
-
Art Gallery
 
-
</div>
 
-
 
-
<ul class="thumb">
 
-
<li><a href="#"><img src="https://static.igem.org/mediawiki/2011/c/c3/Erik.jpg" alt="" /></a></li>
 
-
 
-
</ul>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
</div>
 
-
 
-
</div>
 
-
<div class="wrap_3">
 
{{Template:Uppsala-SwedenTemplatefooter}}
{{Template:Uppsala-SwedenTemplatefooter}}

Latest revision as of 14:05, 25 October 2011

Visit our blog:

USblog.png










http://igem2011uu.blogspot.com




Flourescens proteins
AmilCP
AmilCP, AmilGFP, RFP


RFP, cjBlue
RFP, amilGFP, amilCP
RFP, amilCP


RFP, amilCP
cjGreen, amilCP, amilGFP, RFP
amilCP, amilGFP, RFP


RFP, amilCP, amilGFP
cjBlue
cjBlue


TagBFP
YFP
TagBFP, YFP


TagBFP, YFP