Team:WHU-China/Team/History

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
/* bottom center */
 +
#wowslider-container1  .ws_bullets {
 +
    top: 5px;
 +
    right: 10px;
 +
}
 +
#wowslider-container1 .ws_bullets .ws_bulframe {
 +
top: 20px;
 +
}
 +
#wowslider-container1 .ws_bullets .ws_bulframe {
 +
top: 20px;
 +
}
 +
#wowslider-container1 {
 +
/* overflow: hidden; */
 +
zoom: 1;
 +
position: relative;
 +
width:970px;
 +
height:310px;
 +
margin:0 auto 31px auto;
 +
z-index:100;
 +
background-image: url(https://2011.igem.org/File:Whu-bg.png);
 +
}
 +
#wowslider-container1 .ws_frame{
 +
display:block;
 +
position: absolute;
 +
left:5px;
 +
top:5px;
 +
width:944px;
 +
height:284px;
 +
border:solid 8px black;
 +
z-index:5;
 +
opacity:0.3;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 +
}
 +
#wowslider-container1 .ws_shadow{
 +
width:100%;
 +
background: url(https://2011.igem.org/File:Whu-shadow.png) left 100%;
 +
height:78px;
 +
position: absolute;
 +
left:0;
 +
bottom:-31px;
 +
z-index:-1;
 +
}
 +
#wowslider-container1 .ws_images{
 +
position: absolute;
 +
left:5px;
 +
top:5px;
 +
width:960px;
 +
height:300px;
 +
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: 0;
 +
width:16px;
 +
height:15px;
 +
background: url(https://2011.igem.org/File:Whu-bullet.png) left top;
 +
float: left;
 +
text-indent: -1000px;
 +
position:relative;
 +
}
 +
#wowslider-container1 .ws_bullets a:hover{
 +
background-position: -16px 0;
 +
}
 +
#wowslider-container1 .ws_bullets a.ws_selbull{
 +
background-position: right top;
 +
}
 +
#wowslider-container1 .ws_bullets a.ws_overbull{
 +
background-position: 50% top;
 +
}
 +
#wowslider-container1 .ws_bullets a:hover{
 +
background-position: 50% top;
 +
}
 +
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
 +
position:absolute;
 +
display:block;
 +
top:50%;
 +
margin-top:-28px;
 +
z-index:60;
 +
height: 56px;
 +
width: 29px;
 +
background-image: url(https://2011.igem.org/File:Whu-arrows.png);
 +
}
 +
#wowslider-container1 a.ws_next{
 +
background-position: 100% 0;
 +
right:-24px;
 +
}
 +
#wowslider-container1 a.ws_prev {
 +
left:-24px;
 +
background-position: 0 0;
 +
}
 +
#wowslider-container1 .ws-title{
 +
position: absolute;
 +
bottom:18px;
 +
left: 18px;
 +
margin-right:23px;
 +
z-index: 50;
 +
padding:5px;
 +
color: #FFF;
 +
background:#000;
 +
    font-family: Tahoma,Arial,Helvetica;
 +
font-size: 14px;
 +
opacity:0.6;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 +
}
 +
#wowslider-container1 .ws-title div{
 +
padding-top:5px;
 +
font-size: 12px;
 +
}#wowslider-container1 .ws_bullets  a img{
 +
text-indent:0;
 +
display:block;
 +
top:15px;
 +
left:-144px;
 +
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:288px;
 +
}
 +
#wowslider-container1  .ws_bullets .ws_bulframe{
 +
display:none;
 +
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:-5px;
 +
left:144px;
 +
background:url(https://2011.igem.org/File:Whu-riangle.png);
 +
width:15px;
 +
height:6px;
 +
}
#footer-box
#footer-box
{
{
Line 45: Line 221:
</style>
</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 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 src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Line 62: Line 238:
<div id="content1">
<div id="content1">
<div id="team_images">
<div id="team_images">
-
picure
+
<div id="wowslider-container1">
 +
 
 +
<div class="ws_images">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="1" title="1" id="wows0"/>a</a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="2" title="2" id="wows1"/>b</a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="3" title="3" id="wows2"/>c</a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="4" title="4" id="wows3"/>d</a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="5" title="5" id="wows4"/>e</a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="6" title="6" id="wows5"/>f</a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="7" title="7" id="wows6"/>g</a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="8" title="8" id="wows7"/>h</a>
 +
</div>
 +
<div class="ws_bullets"><div>
 +
<a href="#wows0" title="1"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="1"/>1</a>
 +
<a href="#wows1" title="2"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="2"/>2</a>
 +
<a href="#wows2" title="3"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="3"/>3</a>
 +
<a href="#wows3" title="4"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="4"/>4</a>
 +
<a href="#wows4" title="5"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="5"/>5</a>
 +
<a href="#wows5" title="6"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="6"/>6</a>
 +
<a href="#wows6" title="7"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="7"/>7</a>
 +
<a href="#wows7" title="8"><img src="https://static.igem.org/mediawiki/2011/1/16/Whu1.jpg" alt="8"/>8</a>
 +
</div></div>
 +
<a style="display:none" href="http://wowslider.com">jQuery Carousel Demo by WOWSlider.com v1.7</a>
 +
 
 +
<a href="#" class="ws_frame"></a>
 +
 
 +
<div class="ws_shadow"></div>
 +
 
 +
</div>
 +
 
 +
<script type="text/javascript" src=" https://2011.igem.org/Team:WHU-China/script.js?action=raw&ctype=text/js">
</div>
</div>
<div id="introduction">
<div id="introduction">

Revision as of 06:39, 26 September 2011

Count Down

days

hours

minutes

seconds

Visitor