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