Difference between revisions of "Team:Fudan-CHINA"
| 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
Synthetic Transducer Engineering Platform