Difference between revisions of "Team:Tsinghua-A"
| (41 intermediate revisions by 3 users not shown) | |||
| Line 41: | Line 41: | ||
#fh5co-hero { | #fh5co-hero { | ||
| − | min-height: | + | min-height: 600px; |
style:"background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;" | style:"background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;" | ||
} | } | ||
| Line 47: | Line 47: | ||
width:90%; | width:90%; | ||
height:84px; | height:84px; | ||
| − | margin-left: | + | margin-left: 15%; |
margin-bottom: 10px; | margin-bottom: 10px; | ||
font-size: 40px; | font-size: 40px; | ||
} | } | ||
.myTitle2 { | .myTitle2 { | ||
| − | + | margin-left: 2%; | |
| − | + | width:70%;; | |
| − | + | z-index:10000; | |
| − | + | left: 15%; | |
| − | + | background-color:transparent | |
} | } | ||
.myPara { | .myPara { | ||
| Line 84: | Line 84: | ||
} | } | ||
.background { | .background { | ||
| − | + | position:absolute; | |
| − | width:70%; | + | width:70%;; |
| − | + | ||
| − | + | ||
z-index:10000; | z-index:10000; | ||
| + | top:300; | ||
| + | height:300; | ||
left: 15%; | left: 15%; | ||
| + | background-color:transparent | ||
} | } | ||
</style> | </style> | ||
| Line 104: | Line 105: | ||
<body> | <body> | ||
| + | <div id="fh5co-wrapper" > | ||
| + | <div id="fh5co-page"> | ||
| + | <div id="fh5co-header"> | ||
| + | |||
| + | </div> | ||
| + | <!-- end:fh5co-header --> | ||
| + | <aside id="fh5co-hero" class="js-fullheight" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"> | ||
| + | <br><br> | ||
| + | |||
| + | |||
| + | <div class="background"> | ||
| + | |||
| + | <div class="myTitle1"><img src="https://static.igem.org/mediawiki/2017/0/03/TsinghuaA-welcome.png"></div> | ||
| + | <div> | ||
| + | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/style_css?action=raw&ctype=text/css" media="screen"> | ||
| + | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/nivo_slider_css?action=raw&ctype=text/css" media="screen"> | ||
| + | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery?action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_easing?action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_nivo?action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript"> | ||
| + | //Slider | ||
| + | jQuery(window).load(function() { | ||
| + | jQuery('#slider').nivoSlider({ | ||
| + | effect: 'fold', | ||
| + | slices:15, | ||
| + | animSpeed:500, //Slide transition speed | ||
| + | pauseTime:5000, | ||
| + | controlNav: false, | ||
| + | directionNavHide: false, | ||
| + | prevText: 'prev', | ||
| + | nextText: 'next', | ||
| + | startSlide:0, //Set starting Slide (0 index) | ||
| + | directionNav:true, //Next & Prev | ||
| + | afterLoad: function(){ | ||
| + | jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500}) | ||
| + | }, | ||
| + | beforeChange: function(){ | ||
| + | jQuery(".nivo-caption").animate({top:"-300"}, {easing:"easeInBack", duration: 500}) | ||
| + | }, | ||
| + | afterChange: function(){ | ||
| + | jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500}) | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | |||
| + | </script> | ||
| + | |||
| + | <div id="slider-container"> | ||
| + | |||
| + | <div id="slider" class="nivoSlider"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/9/91/Main_farm.png"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/f/f3/Doll.jpg"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/0/02/Main_gene.jpg"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/d/db/Main_frnt.jpg"> | ||
| + | <img alt="" src="https://static.igem.org/mediawiki/2017/4/4c/Main_back.png"> | ||
| + | </div><!-- #slider --> | ||
| + | |||
| + | </div> | ||
| + | <div class="flexslider js-fullheight"></div> | ||
| + | </aside> | ||
| + | |||
| + | <div style="position:fixed; top: 80%; left: 0%; width: 15%; font-size:16px;background-color:rgba(255,255,255,0.6)">For your better viewing experience, please adjust website to an optimized scale(ratio)</div> | ||
| + | <div id="fh5co-services-section" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"> | ||
| + | |||
| + | <div class="myTitle2"> | ||
| + | |||
| + | <table background-color="transparent" left="0%"> | ||
| + | <tr> | ||
| + | <td><a href="https://2017.igem.org/Team:Tsinghua-A/Project"><img src="https://static.igem.org/mediawiki/2017/8/82/TsinghuaA-index_2.png" width="280" height="280"></a></td> | ||
| + | <td><a href="https://2017.igem.org/Team:Tsinghua-A/Model"><img src="https://static.igem.org/mediawiki/2017/9/99/TsinghuaA-index_3.png" width="280" height="280"></a></td> | ||
| + | <td><a href="https://2017.igem.org/Team:Tsinghua-A/Game"><img src="https://static.igem.org/mediawiki/2017/3/32/TsinghuaA-index_1.png" width="280" height="280"></a></td> | ||
| + | <td><a href="https://2017.igem.org/Team:Tsinghua-A/HP/Gold_Integrated"><img src="https://static.igem.org/mediawiki/2017/4/47/TsinghuaA-index_4.png" width="280" height="280"></a></td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <div> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | <!-- END fh5co-page --> | ||
| + | |||
| + | </div> | ||
| + | <!-- END fh5co-wrapper --> | ||
<!-- jQuery --> | <!-- jQuery --> | ||
Latest revision as of 03:32, 2 November 2017
TSINGHUA-A