Team:TU-Delft/Gallery

From 2013.igem.org

(Difference between revisions)
 
(49 intermediate revisions not shown)
Line 2: Line 2:
{{:Team:TU-Delft/Templates/Style}}
{{:Team:TU-Delft/Templates/Style}}
{{:Team:TU-Delft/Templates/Frog}}
{{:Team:TU-Delft/Templates/Frog}}
 +
{{:Team:TU-Delft/Templates/Logo}}
<div style="margin-left:30px;margin-right:30px; width:900px;float:left;">   
<div style="margin-left:30px;margin-right:30px; width:900px;float:left;">   
Line 8: Line 9:
<html>
<html>
-
<style type="text/css">
 
-
/* bottom center */
 
-
#wowslider-container1  .ws_bullets {
 
-
    top: 14px;
 
-
    right: 14px;
 
-
}
 
-
#countdown
 
-
{
 
-
display:none;
 
-
}
 
-
#follow
 
-
{
 
-
display:none;
 
-
}
 
-
#visit
 
-
{
 
-
display:none;
 
-
}
 
-
#wowslider-container1 {
 
-
/* overflow: hidden; */
 
-
zoom: 1;
 
-
position: relative;
 
-
width:700px;
 
-
height:358px;
 
-
margin-top:50px;
 
-
        margin-left:50px;
 
-
z-index:100;
 
-
background-image: url(https://static.igem.org/mediawiki/2011/3/36/Whubg.png);
 
-
}
 
-
#wowslider-container1 .ws_images{
 
-
position: absolute;
 
-
left:14px;
 
-
top:14px;
 
-
width:700px;
 
-
height:284px;
 
-
overflow:hidden;
 
-
}
 
-
#wowslider-container1 .ws_images a{
 
-
color:transparent;
 
-
}
 
-
#wowslider-container1 .ws_images img{
+
<br>
-
top:250;
+
<br>
-
left:0;
+
-
border:none 0;
+
-
}
+
-
#wowslider-container1 a{
+
-
text-decoration: none;
+
-
outline: none;
+
-
border: none;
+
-
}
+
-
#wowslider-container1  .ws_bullets {
 
-
font-size: 0px;
 
-
padding: 10px;
 
-
float: left;
 
-
position:absolute;
 
-
z-index:70;
 
-
}
 
-
#wowslider-container1  .ws_bullets div{
 
-
position:relative;
 
-
float:left;
 
-
}
 
-
#wowslider-container1 .ws_bullets a {
 
-
margin-left:4px;
 
-
width:8px;
 
-
height:8px;
 
-
background: url(https://static.igem.org/mediawiki/2011/9/9e/Whubullet.png) left top;
 
-
float: left;
 
-
text-indent: -1000px;
 
-
position:relative;
 
-
}
 
-
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
 
-
background-position: right top;
 
-
}
 
-
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
 
-
position:absolute;
 
-
display:none;
 
-
top:50%;
 
-
margin-top:-33px;
 
-
z-index:60;
 
-
height: 66px;
 
-
width: 59px;
 
-
background-image: url(https://static.igem.org/mediawiki/2011/3/35/Whu-arrows.png);
 
-
}
 
-
#wowslider-container1 a.ws_next{
 
-
background-position: 100% 0;
 
-
right:14px;
 
-
}
 
-
#wowslider-container1 a.ws_prev {
 
-
left:14px;
 
-
background-position: 0 0;
 
-
}
 
-
#wowslider-container1 a.ws_next:hover{
 
-
background-position: 100% 100%;
 
-
}
 
-
#wowslider-container1 a.ws_prev:hover {
 
-
background-position: 0 100%;
 
-
}
 
-
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
 
-
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
 
-
#wowslider-container1 .ws-title{
 
-
position: absolute;
 
-
bottom:80px;
 
-
left: 14px;
 
-
margin-right:5px;
 
-
z-index: 50;
 
-
padding:12px;
 
-
color: #000000;
 
-
text-transform:uppercase;
 
-
background:#F9FBFB;
 
-
    font-family: Arial,Helvetica,sans-serif;
 
-
font-size: 18px;
 
-
height:22px;
 
-
-moz-border-radius:0 10px 10px 0;
 
-
border-radius:0 10px 10px 0;
 
-
}
 
-
#wowslider-container1 .ws-title div{
 
-
padding-top:5px;
 
-
font-size: 13px;
 
-
text-transform:none;
 
-
}#wowslider-container1 .ws_bullets  a img{
 
-
text-indent:0;
 
-
display:block;
 
-
top:15px;
 
-
left:-150px;
 
-
visibility:hidden;
 
-
position:absolute;
 
-
    -moz-box-shadow: 0 0 5px #999999;
 
-
    box-shadow: 0 0 5px #999999;
 
-
    border: 5px solid #FFFFFF;
 
-
}
 
-
#wowslider-container1 .ws_bullets a:hover img{
 
-
visibility:visible;
 
-
}
 
-
#wowslider-container1 .ws_bulframe div div{
+
<ol>
-
height:90px;
+
<embed type="application/x-shockwave-flash" src="https://static.googleusercontent.com/external_content/picasaweb.googleusercontent.com/slideshow.swf" width="850" height="550" flashvars="host=picasaweb.google.com&hl=en_US&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F109834667563629140940%2Falbumid%2F5930636468935926609%3Falt%3Drss%26kind%3Dphoto%26authkey%3DGv1sRgCLOostqHn8uxqAE%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
-
overflow:visible;
+
-
position:relative;
+
-
}
+
-
#wowslider-container1 .ws_bulframe div {
+
-
left:0;
+
-
overflow:hidden;
+
-
position:relative;
+
-
width:299px;
+
-
}
+
-
#wowslider-container1  .ws_bullets .ws_bulframe{
+
-
display:none;
+
-
top:15px;
+
-
overflow:visible;
+
-
position:absolute;
+
-
cursor:pointer;
+
-
    -moz-box-shadow: 0 0 5px #999999;
+
-
    box-shadow: 0 0 5px #999999;
+
-
    border: 5px solid #FFFFFF;
+
-
}
+
-
#wowslider-container1 .ws_bulframe span{
+
-
display:block;
+
-
position:absolute;
+
-
top:-11px;
+
-
margin-left:-9px;
+
-
left:150px;
+
-
background:url(https://static.igem.org/mediawiki/2011/5/5e/Whu-riangle.png);
+
-
width:15px;
+
-
height:6px;
+
-
}#footer-box
+
-
{
+
-
position:absolute;
+
-
top:3000px;
+
-
}
+
-
#introduction p
+
-
{
+
-
font-size:17px;
+
-
}
+
-
#team_images
+
</ol>
-
{
+
-
position:relative;
+
-
height:300px;
+
-
width:1000px;
+
-
top:20px;
+
-
background:transparent;
+
-
}
+
-
#introduction
+
-
{
+
-
position:relative;
+
-
height:300px;
+
-
width:960px;
+
-
left:20px;
+
-
top:50px;
+
-
background:transparent;
+
-
}
+
-
#decoration
+
-
{
+
-
position:relative;
+
-
height:300px;
+
-
width:1000px;
+
-
top:40px;
+
-
background:transparent;
+
-
}
+
-
#decoration img
+
-
{
+
-
position:absolute;
+
-
left:100px;
+
-
}
+
-
#contact
+
-
{position:absolute;
+
-
z-index:1;
+
-
left:0px;}
+
-
 
+
-
#bottom
+
-
{
+
-
position:absolute;
+
-
z-index:1;
+
-
 
+
-
}
+
-
</style>
+
-
<style type="text/css">a#vlb{display:none}</style>
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
-
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function()
+
-
{
+
-
  var a1=710;
+
-
  var a2=document.body.clientHeight;
+
-
  document.getElementById("bottom").style.top=(a2+a1).toString()+'px';
+
-
  document.getElementById("contact").style.top=(a2+a1+80).toString()+'px';
+
-
});
+
-
</script>
+
-
<body>
+
-
 
+
-
<div id="team_images">
+
-
<div id="wowslider-container1">
+
-
 
+
-
<div class="ws_images">
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2013/e/e2/PhotoTeamDelft.JPG"  title="First Meetings" alt="First Meetings"id="wows0"/></a>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2013/3/3e/DSC_2009.JPG" title="Brainstorming"alt="brainstorming" id="wows1""/></a>
+
-
 
+
-
</div>
+
-
<div class="ws_bullets"><div>
+
-
<a href="#wows0" title="First Meetings"><img src="https://static.igem.org/mediawiki/2013/e/e2/PhotoTeamDelft.JPG" alt="First Meetings"/></a>
+
-
<a href="#wows1" title="brainstorming"><img src="https://static.igem.org/mediawiki/2013/3/3e/DSC_2009.JPG" alt="brainstorming"/></a>
+
-
 
+
-
</div></div>
+
-
<a style="display:none" href="http://wowslider.com">jQuery Carousel Demo by WOWSlider.com v1.7</a>
+
-
 
+
-
<div class="ws_shadow"></div>
+
-
 
+
-
</div>
+
-
<script type="text/javascript" src=" https://2011.igem.org/Team:WHU-China/script2.js?action=raw&ctype=text/js">
+
-
</script>
+
-
</div>
+
</html>
</html>

Latest revision as of 21:21, 3 October 2013

Photo Gallery