Cynthia shan (Talk | contribs) |
|||
(33 intermediate revisions by 2 users not shown) | |||
Line 12: | Line 12: | ||
<body> | <body> | ||
− | |||
− | <div class=" | + | <div id="test" class="fixed-center"> |
− | < | + | <h1 align="center" style="font-size:500%;height:60px;;word-spacing:5px;line-height:50%">Hong Kong HKUST</h1> |
− | < | + | <h2 align="center" style="font-size:450%;height:60px;">Troika presents</h2> |
− | + | ||
</div> | </div> | ||
− | <div class=" | + | <div id="test1" style="display: none" class="fixed-centerforsecondtext" > |
− | + | <h1 align="center" style="color:white;font-size:500%;height:125px;weight:600px;">The Genetic Tristable Switch</h1> | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div class=" | + | <div id="test2" style="display: none" class="fixed-centertree" > |
− | < | + | <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><img src="https://static.igem.org/mediawiki/2016/8/88/Sourcetree.png" style="width:700px;height:900px;"></a> |
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div class=" | + | <div id="test3" style="display: none" class="fixed-forthirdtext" > |
− | + | <h1 align="center" style="color:white;font-size:250%;height:125px;weight:600px;word-spacing:5px;line-height:100%">Please click on our tree and enjoy a tour through our wiki </h1> | |
− | + | ||
− | + | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
<style> | <style> | ||
Line 46: | Line 42: | ||
background-color: #99CC99; | background-color: #99CC99; | ||
} | } | ||
+ | |||
+ | .fixed-center{ | ||
+ | |||
+ | width:600px; | ||
+ | height:600px; | ||
+ | position:fixed; | ||
+ | top:40%; | ||
+ | left: 50%; | ||
+ | margin-left: -300px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .fixed-centerforsecondtext{ | ||
+ | |||
+ | width:1000px; | ||
+ | height:600px; | ||
+ | position:fixed; | ||
+ | top:45%; | ||
+ | left:50%; | ||
+ | margin-left: -500px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .fixed-centertree{ | ||
+ | |||
+ | width:400px; | ||
+ | height:200px; | ||
+ | position:fixed; | ||
+ | top:10%; | ||
+ | left: 50%; | ||
+ | margin-left: -350px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .fixed-forthirdtext{ | ||
+ | |||
+ | width:400px; | ||
+ | height:200px; | ||
+ | position:fixed; | ||
+ | top:70%; | ||
+ | left:64%; | ||
+ | margin-left:-350px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
#test h1 { | #test h1 { | ||
font-size: 350%; | font-size: 350%; | ||
Line 135: | Line 177: | ||
</style> | </style> | ||
+ | |||
+ | <script> | ||
+ | setTimeout(function(){window.location.href='https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team'},1000000); | ||
+ | |||
+ | setTimeout(function(){$( "#test" ).fadeOut( 600 );},3000);; | ||
+ | setTimeout(function(){$( "#test1" ).fadeIn( 600 );},3500); | ||
+ | setTimeout(function(){$( "#test1" ).fadeOut( 600 );},6500); | ||
+ | setTimeout(function(){$( "#test2" ).fadeIn( 600 );},7000); | ||
+ | setTimeout(function(){$( "#test3" ).fadeIn( 600 );},7000); | ||
+ | |||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 12:03, 2 December 2016