Team:TU-Delft/Gallery

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:TU-Delft/Templates/Navigation}} {{:Team:TU-Delft/Templates/Style}} {{:Team:TU-Delft/Templates/Frog}}")
Line 2: Line 2:
{{:Team:TU-Delft/Templates/Style}}
{{:Team:TU-Delft/Templates/Style}}
{{:Team:TU-Delft/Templates/Frog}}
{{:Team:TU-Delft/Templates/Frog}}
 +
 +
<html>
 +
<head>
 +
<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:972px;
 +
height:358px;
 +
margin:0 auto;
 +
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:944px;
 +
height:284px;
 +
overflow:hidden;
 +
}
 +
#wowslider-container1 .ws_images a{
 +
color:transparent;
 +
}
 +
 +
#wowslider-container1 .ws_images img{
 +
top:0;
 +
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{
 +
height:90px;
 +
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
 +
{
 +
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>
 +
</head>
 +
<body>
 +
<div id="content1">
 +
<div id="team_images">
 +
<div id="wowslider-container1">
 +
 +
<div class="ws_images">
 +
<a href="#"><img src="/wiki/images/e/e8/Whu-family.jpg"  title="our family" alt="our family"id="wows0"/></a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/12/Whu-busying.jpg" title="busying"alt="busying" id="wows1""/></a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/9/98/Library.jpg" title="library" alt="library" id="wows2"/></a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/6/65/Whu-igem.jpg" title="igem" alt="igem" id="wows3"/></a>
 +
</div>
 +
<div class="ws_bullets"><div>
 +
<a href="#wows0" title="our family"><img src="https://static.igem.org/mediawiki/2011/f/f8/Whu-family-1.jpg" alt="our family"/></a>
 +
<a href="#wows1" title="busying"><img src="https://static.igem.org/mediawiki/2011/f/f3/Whu-busying-1.jpg" alt="busying"/></a>
 +
<a href="#wows2" title="library"><img src="https://static.igem.org/mediawiki/2011/2/24/Whu-libray-1.jpg" alt="library"/></a>
 +
<a href="#wows3" title="igem"><img src="https://static.igem.org/mediawiki/2011/d/d9/Whu-igem-1.jpg" alt="igem"/></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>

Revision as of 13:20, 9 September 2013