Line 1: | Line 1: | ||
{{Fudan-CHINA}} | {{Fudan-CHINA}} | ||
<html> | <html> | ||
− | + | ||
− | <img class="bgPic" src="https://static.igem.org/mediawiki/2018/8/8f/T--Fudan-CHINA--bgpicture2.jpeg" style=" | + | <!--page--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
+ | <img class="bgPic" src="https://static.igem.org/mediawiki/2018/8/8f/T--Fudan-CHINA--bgpicture2.jpeg" style="z-index: -1;" /> | ||
<script> | <script> | ||
var winWidth=$(window).width(); | var winWidth=$(window).width(); | ||
Line 12: | Line 13: | ||
}); | }); | ||
</script> | </script> | ||
− | |||
− | |||
+ | |||
+ | <ul id="step" style=" | ||
+ | z-index: 99; | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | position:absolute; | ||
+ | top:300px; | ||
+ | height: auto; | ||
+ | "> | ||
+ | <li class="navLi navImg" style="float: left;"><img class="navA" style="width=200px;height:200px;padding:0px; " src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan-CHINA--step_white.png" /></li> | ||
+ | <li class="navLi navImg" style="float: left;"><a class="navA activeA teamName" style="font-family: Algerian;font-size: 13em;font-weight: 400;height:200px;line-height: 200px;" href="#11"> S T E P</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | <div id="fullName">Synthetic Transducer Engineering Platform</div> | ||
+ | <style> | ||
+ | #fullName{ | ||
+ | position: absolute; | ||
+ | font-family: "Bauhaus 93"; | ||
+ | color: white; | ||
+ | font-size:3.3em; | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | var winWidth=$(window).width(); | ||
+ | var bgPicHeight=$('.bgPic').height(); | ||
+ | var stepWidth=$('#step').width(); | ||
+ | var stepHeight=$('#step').height(); | ||
+ | var stepY = $('#step').offset().top; | ||
+ | var fnWidth=$('#fullName').width(); | ||
+ | $("#step").css("left",0.5*(winWidth-stepWidth)); | ||
+ | $("#step").css("top",0.3*bgPicHeight); | ||
+ | $("#fullName").css("left",0.5*(winWidth-fnWidth)); | ||
+ | $("#fullName").css("top",stepY+1.2*stepHeight); | ||
+ | |||
+ | $(window).resize(function(){ | ||
+ | var winWidth=$(window).width(); | ||
+ | var bgPicHeight=$('.bgPic').height(); | ||
+ | var stepWidth=$('#step').width(); | ||
+ | var stepHeight=$('#step').height(); | ||
+ | var stepY = $('#step').offset().top; | ||
+ | var fnWidth=$('#fullName').width(); | ||
+ | $("#step").css("left",0.5*(winWidth-stepWidth)); | ||
+ | $("#step").css("top",0.3*bgPicHeight); | ||
+ | $("#fullName").css("left",0.5*(winWidth-fnWidth)); | ||
+ | $("#fullName").css("top",stepY+1.2*stepHeight); | ||
+ | }); | ||
+ | </script> | ||
+ | <!----------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | |||
+ | |||
− | + | <p> | |
− | + | <!--end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <p> | + | |
− | + | ||
</html> | </html> |
Revision as of 14:16, 20 September 2018
![](https://static.igem.org/mediawiki/2018/8/8f/T--Fudan-CHINA--bgpicture2.jpeg)
Synthetic Transducer Engineering Platform