Team:ZJU-China
From 2012.igem.org
(Difference between revisions)
(27 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | <html xmlns="http://www.w3.org/1999/xhtml" class="cufon-active cufon-ready"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
- | + | ||
+ | <title>HOME</title> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="keywords" content=""> | ||
+ | <link rel="shortcut icon" type="image/vnd.microsoft.icon" href=""> | ||
- | == | + | <link href="http://www.jiajunlu.com/igem/style.css" rel="stylesheet" type="text/css"> |
+ | <link rel="stylesheet" href="http://www.jiajunlu.com/igem/slide.css" type="text/css" media="screen"> | ||
- | |||
+ | <style type="text/css"> | ||
+ | body /* UltraGlobal Environment (origin item) */ | ||
+ | { | ||
+ | background-color: #F8F8F8; | ||
+ | } | ||
+ | #blank , | ||
+ | #blank * | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | background-image: url(""); | ||
+ | border-style: none; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #globalWrapper /* Global Environment (origin item) */ | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | background-attachment: fixed; | ||
+ | background-position: 50% 0; | ||
+ | background-repeat: no-repeat; | ||
+ | background-image: url(""); | ||
+ | overflow: hidden; | ||
+ | } | ||
- | + | /* Remove Top Item (origin item) */ | |
+ | #top-section | ||
+ | { | ||
+ | height: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | #top | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | h1.firstHeading | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Inner Environment (origin item) */ | ||
+ | #content | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2012/e/e5/Zju_back.jpg"); | ||
+ | background-attachment: scroll; | ||
+ | background-position: 50% 0; | ||
+ | background-repeat: repeat-y; | ||
+ | overflow: hidden; | ||
+ | border-style: none; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #footer-box | ||
+ | { | ||
+ | background-color: #F8F8F8; | ||
+ | background-image: none; | ||
+ | border-style: none; | ||
+ | margin-top: 100px; | ||
+ | } | ||
+ | #catlinks | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | #content a, | ||
+ | #content a:hover | ||
+ | { | ||
+ | color: #FF8000; | ||
+ | display: inline; | ||
+ | } | ||
+ | #content a:link, | ||
+ | #content a:visited | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #content a:hover, | ||
+ | #content a:active | ||
+ | { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /* Bottom Environment (origin item) */ | ||
+ | #footer-box a, | ||
+ | #footer-box a:hover | ||
+ | { | ||
+ | color: #e8e7b9; | ||
+ | text-decoration: none; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | ul | ||
+ | { | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | li | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | p | ||
+ | { | ||
+ | font-family: Century Gothic, sans-serif; | ||
+ | color: grey; | ||
+ | font-size: 18px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* Common Environment */ | ||
+ | .center | ||
+ | { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .floatL | ||
+ | { | ||
+ | float: left; | ||
+ | clear: left; | ||
+ | } | ||
+ | .floatR | ||
+ | { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | } | ||
+ | .floatC | ||
+ | { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | float: none; | ||
+ | clear: both; | ||
+ | } | ||
+ | .blank | ||
+ | { | ||
+ | filter: Alpha(Opacity=0%); | ||
+ | -moz-opacity: 0; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .hidden | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | .show | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | .show-text | ||
+ | { | ||
+ | display: inline; | ||
+ | } | ||
+ | .button img | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | ul.horizontal > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: none; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | ul.vertical > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: both; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #search-controls | ||
+ | { | ||
+ | display: none | ||
+ | } | ||
+ | #footer-box | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <script src="http://www.jiajunlu.com/igem/cufon-yui.js" type="text/javascript"></script><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style> | ||
+ | <script src="http://www.jiajunlu.com/igem/gotham.js" type="text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | Cufon.replace('h1,h2,h3,h5'); | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript" src="http://www.jiajunlu.com/igem/jquery-1.3.2.min.js"></script> | ||
+ | <script type="text/javascript" src="http://www.jiajunlu.com/igem/my.js"></script> | ||
+ | <script src="http://www.jiajunlu.com/igem/slide.js" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="http://www.jiajunlu.com/igem/validation_login.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | function movetotop(){ | ||
+ | $("html, body").animate({ scrollTop: 0 }, "slow"); | ||
+ | return false; | ||
+ | } | ||
+ | |||
+ | $(function() { | ||
+ | var offset = $("#logo").offset(); | ||
+ | var topPadding = 15; | ||
+ | $(window).scroll(function() { | ||
+ | if ($(window).scrollTop() > offset.top) { | ||
+ | $("#logo").stop().animate({ | ||
+ | marginTop: $(window).scrollTop() - offset.top + topPadding | ||
+ | }); | ||
+ | } else { | ||
+ | $("#logo").stop().animate({ | ||
+ | marginTop: 0 | ||
+ | }); | ||
+ | }; | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | <body class="home"> | ||
+ | |||
+ | <div class="wrapper"> | ||
+ | <div class="container"> | ||
+ | <div class="content"> | ||
+ | <div id="columnLeft"> | ||
+ | <div id="logo" style="margin-top: 0px; " onclick="movetotop()"> | ||
+ | <a><img src="https://static.igem.org/mediawiki/2012/1/12/Zju_logo.png" width="80%"></a> | ||
+ | <!-- end #logo --></div> | ||
+ | <!-- end #columnLeft" --></div> | ||
+ | |||
+ | <div id="columnRight"> | ||
+ | |||
+ | <div id="header"> | ||
+ | <div id="menu"> | ||
+ | <ul id="menu"> | ||
+ | <li class="1"><a href="https://2012.igem.org/Team:ZJU-China"><img src="http://www.jiajunlu.com/igem/home_btn.gif"></a></li> | ||
+ | <li class="divline"></li> | ||
+ | <li class="2"><a href="https://2012.igem.org/Team:ZJU-China/aboutus.htm"><img src="http://www.jiajunlu.com/igem/aboutus_btn.gif"></a></li> | ||
+ | <li class="divline"></li> | ||
+ | <li class="3"><a href="https://2012.igem.org/Team:ZJU-China/project.htm"><img src="http://www.jiajunlu.com/igem/project_btn.gif"></a></li> | ||
+ | <li class="divline"></li> | ||
+ | <li class="4"><a href="https://2012.igem.org/Team:ZJU-China/models.htm"><img src="http://www.jiajunlu.com/igem/Zju_models_btn.gif"></a></li> | ||
+ | <li class="divline"></li> | ||
+ | <li class="5"><a href="https://2012.igem.org/Team:ZJU-China/notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li> | ||
+ | <li class="divline"></li> | ||
+ | <li class="6"><a href="https://2012.igem.org/Team:ZJU-China/humanpractice.htm"><img src="http://www.jiajunlu.com/igem/humanpractice_btn.gif"></a></li> | ||
+ | <li class="divline"></li> | ||
+ | <li class="7"><a href="https://2012.igem.org/Team:ZJU-China/safty.htm"><img src="http://www.jiajunlu.com/igem/safty_btn.gif"></a></li> | ||
+ | <li class="divline"></li> | ||
+ | <li class="8"><a href="https://2012.igem.org/Team:ZJU-China/achievement.htm"><img src="http://www.jiajunlu.com/igem/achievement_btn.gif"></a></li> | ||
+ | <li class="divline"></li> | ||
+ | <li class="8"><a href="https://2012.igem.org"><img src="http://www.jiajunlu.com/igem/Zju_igem_btn.gif"></a></li> | ||
+ | |||
+ | </ul> | ||
+ | <!-- end #menu --></div> | ||
+ | <!-- end #header --></div> | ||
+ | |||
+ | <div id="main"> | ||
+ | <div id="mainLeft"> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/1/13/Zju_WeGoodtxt.jpg" width="120%"> | ||
+ | <div class="text"> | ||
+ | <h5><cufon class="cufon cufon-canvas" alt="WEB " style="width: 35px; height: 12px; "><canvas width="47" height="16" style="width: 47px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>WEB </cufontext></cufon><cufon class="cufon cufon-canvas" alt="+ " style="width: 12px; height: 12px; "><canvas width="24" height="16" style="width: 24px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>+ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="INTERACTIVE " style="width: 90px; height: 12px; "><canvas width="102" height="16" style="width: 102px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>INTERACTIVE </cufontext></cufon><cufon class="cufon cufon-canvas" alt="+ " style="width: 12px; height: 12px; "><canvas width="24" height="16" style="width: 24px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>+ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="BRANDING " style="width: 74px; height: 12px; "><canvas width="86" height="16" style="width: 86px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>BRANDING </cufontext></cufon><cufon class="cufon cufon-canvas" alt="+ " style="width: 12px; height: 12px; "><canvas width="24" height="16" style="width: 24px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>+ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="PRINT " style="width: 43px; height: 12px; "><canvas width="55" height="16" style="width: 55px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>PRINT </cufontext></cufon><cufon class="cufon cufon-canvas" alt="+ " style="width: 12px; height: 12px; "><canvas width="24" height="16" style="width: 24px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>+ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="SIGNAGE. " style="width: 66px; height: 12px; "><canvas width="78" height="16" style="width: 78px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>SIGNAGE. </cufontext></cufon><cufon class="cufon cufon-canvas" alt="IT'S " style="width: 27px; height: 12px; "><canvas width="39" height="16" style="width: 39px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>IT'S </cufontext></cufon><cufon class="cufon cufon-canvas" alt="WHAT " style="width: 45px; height: 12px; "><canvas width="57" height="16" style="width: 57px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>WHAT </cufontext></cufon><cufon class="cufon cufon-canvas" alt="WE " style="width: 26px; height: 12px; "><canvas width="38" height="16" style="width: 38px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>WE </cufontext></cufon><cufon class="cufon cufon-canvas" alt="LOVE " style="width: 38px; height: 12px; "><canvas width="50" height="16" style="width: 50px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>LOVE </cufontext></cufon><cufon class="cufon cufon-canvas" alt="TO " style="width: 22px; height: 12px; "><canvas width="34" height="16" style="width: 34px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>TO </cufontext></cufon><cufon class="cufon cufon-canvas" alt="DO. " style="width: 27px; height: 12px; "><canvas width="39" height="16" style="width: 39px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>DO. </cufontext></cufon><cufon class="cufon cufon-canvas" alt="SO " style="width: 22px; height: 12px; "><canvas width="34" height="16" style="width: 34px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>SO </cufontext></cufon><cufon class="cufon cufon-canvas" alt="RELAX, " style="width: 51px; height: 12px; "><canvas width="63" height="16" style="width: 63px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>RELAX, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="WE'VE " style="width: 47px; height: 12px; "><canvas width="59" height="16" style="width: 59px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>WE'VE </cufontext></cufon><cufon class="cufon cufon-canvas" alt="GOT " style="width: 32px; height: 12px; "><canvas width="44" height="16" style="width: 44px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>GOT </cufontext></cufon><cufon class="cufon cufon-canvas" alt="THIS." style="width: 33px; height: 12px; "><canvas width="45" height="16" style="width: 45px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>THIS.</cufontext></cufon></h5> | ||
+ | <!-- end .text --></div> | ||
+ | <!-- end #mainLeft --></div> | ||
+ | <div id="mainRight"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/2/2c/Zju_cloud.png" width="440px" onmouseover="this.src='https://static.igem.org/mediawiki/2012/9/94/Zju_cloudon.gif';" onmouseout="this.src='https://static.igem.org/mediawiki/2012/2/2c/Zju_cloud.png';" /> | ||
+ | <!-- end #mainRight --></div> | ||
+ | <div class="floatC"> | ||
+ | <p>Watch the <a href="https://2012.igem.org/Team:ZJU-China/video_play.htm" target="_blank">video</a> to get a better understanding of our project!</p> | ||
+ | </div> | ||
+ | <!-- end #main --></div> | ||
+ | <br class="clearfloat"> | ||
+ | |||
+ | <!-- end #columnRight --></div> | ||
+ | |||
+ | <!-- end .content --></div> | ||
+ | |||
+ | <!-- end .container --></div> | ||
+ | </div><!-- end .wrapper --> | ||
+ | |||
+ | <div><img src="https://static.igem.org/mediawiki/igem.org/d/d9/Zju_foot.png" width="100%"></div> | ||
+ | |||
+ | <div id="footer"> | ||
+ | <div id="footerImg"> | ||
+ | </div><!-- end footerImg --> | ||
+ | |||
+ | <!-- end #footer --></div> | ||
+ | <script type="text/javascript"> Cufon.now(); </script> | ||
+ | |||
+ | </body></html> |
Latest revision as of 21:09, 26 October 2012
Watch the video to get a better understanding of our project!