|
|
(31 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;
| |
| | | |
- | }
| + | <br> |
- | #countdown
| + | <br> |
- | {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #follow
| + | |
- | {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #visit
| + | |
- | {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #wowslider-container1 {
| + | |
- | /* overflow: hidden; */
| + | |
- | zoom: 1;
| + | |
- | position: relative;
| + | |
- | width:820px;
| + | |
- | height:358px;
| + | |
- | margin-top:100px;
| + | |
- | margin-left:20px;
| + | |
- | z-index:100;
| + | |
| | | |
- | }
| |
- | #wowslider-container1 .ws_images{
| |
- | position: absolute;
| |
- | left:14px;
| |
- | top:14px;
| |
- | width:720px;
| |
- | height:384px;
| |
- | overflow:hidden;
| |
- | }
| |
- | #wowslider-container1 .ws_images a{
| |
- | color:transparent;
| |
- | }
| |
| | | |
- | #wowslider-container1 .ws_images img{
| + | <ol> |
- | top:250;
| + | <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> |
- | left:0;
| + | |
- | border:none 0;
| + | |
- | }
| + | |
- | #wowslider-container1 a{
| + | |
- | text-decoration: none;
| + | |
- | outline: none;
| + | |
- | border: none;
| + | |
- | }
| + | |
| | | |
- | #wowslider-container1 .ws_bullets {
| + | </ol> |
- | 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;
| |
- | height:200px;
| |
- | }
| |
- | #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>
| |
- | <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>
| |
- | <a href="#"><img src="https://static.igem.org/mediawiki/2013/2/27/2013-07-04_10.25.32.jpg" title="Lab Working" alt="Lab Working" id="wows2""/></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>
| |
- | <a href="#wows2" title="Lab Working"><img src="https://static.igem.org/mediawiki/2013/2/27/2013-07-04_10.25.32.jpg" alt="Lab Working"/></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>
| |
- |
| |
- | <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>
| |
- |
| |
- |
| |
- | <br>
| |
- | <br>
| |
- | <br>
| |
- | <br>
| |
- | <br>
| |
- | <br>
| |
| </html> | | </html> |