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"> | ||
- | + | <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