Team:ZJU-China/index.htm
From 2012.igem.org
(Difference between revisions)
(Created page with "<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 n...") |
|||
(6 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<meta name="description" content=""> | <meta name="description" content=""> | ||
<meta name="keywords" content=""> | <meta name="keywords" content=""> | ||
- | <link rel="shortcut icon" type="image/vnd.microsoft.icon" href=" | + | <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 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"> | <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: black; | ||
+ | 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: Arial, sans-serif; | ||
+ | color: black; | ||
+ | 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; | ||
+ | } | ||
+ | </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/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> | ||
Line 14: | Line 192: | ||
Cufon.replace('h1,h2,h3,h5'); | Cufon.replace('h1,h2,h3,h5'); | ||
</script> | </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/jquery-1.3.2.min.js"></script> | ||
<script type="text/javascript" src="http://www.jiajunlu.com/igem/my.js"></script> | <script type="text/javascript" src="http://www.jiajunlu.com/igem/my.js"></script> | ||
Line 45: | Line 224: | ||
<div id="columnLeft"> | <div id="columnLeft"> | ||
<div id="logo" style="margin-top: 0px; "> | <div id="logo" style="margin-top: 0px; "> | ||
- | <a href="./index.htm"><img src="https://static.igem.org/mediawiki/ | + | <a href="./index.htm"><img src="https://static.igem.org/mediawiki/2012/1/12/Zju_logo.png" width="80%"></a> |
<!-- end #logo --></div> | <!-- end #logo --></div> | ||
<!-- end #columnLeft" --></div> | <!-- end #columnLeft" --></div> | ||
Line 54: | Line 233: | ||
<div id="menu"> | <div id="menu"> | ||
<ul id="menu"> | <ul id="menu"> | ||
- | <li class="1"><a href=" | + | <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="divline"></li> | ||
- | <li class="2"><a href="./aboutus.htm"><img src="http://www.jiajunlu.com/igem/aboutus_btn.gif"></a></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="divline"></li> | ||
- | <li class="3"><a href="./project.htm"><img src="http://www.jiajunlu.com/igem/project_btn.gif"></a></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="divline"></li> | ||
- | <li class="4"><a href="./parts.htm"><img src="http://www.jiajunlu.com/igem/parts_btn.gif"></a></li> | + | <li class="4"><a href="https://2012.igem.org/Team:ZJU-China/parts.htm"><img src="http://www.jiajunlu.com/igem/parts_btn.gif"></a></li> |
<li class="divline"></li> | <li class="divline"></li> | ||
- | <li class="5"><a href="./notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></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="divline"></li> | ||
- | <li class="6"><a href="./humanpractice.htm"><img src="http://www.jiajunlu.com/igem/humanpractice_btn.gif"></a></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="divline"></li> | ||
- | <li class="7"><a href="./safty.htm"><img src="http://www.jiajunlu.com/igem/safty_btn.gif"></a></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="divline"></li> | ||
- | <li class="8"><a href="./achievement.htm"><img src="http://www.jiajunlu.com/igem/achievement_btn.gif"></a></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> |
</ul> | </ul> | ||
<!-- end #menu --></div> | <!-- end #menu --></div> | ||
Line 75: | Line 254: | ||
<div id="main"> | <div id="main"> | ||
<div id="mainLeft"> | <div id="mainLeft"> | ||
- | <img src="https://static.igem.org/mediawiki/igem.org/e/ef/Zju_weGoodtxt.jpg" width=" | + | <img src="https://static.igem.org/mediawiki/igem.org/e/ef/Zju_weGoodtxt.jpg" width="100%"> |
<div class="text"> | <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> | <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> | ||
Line 81: | Line 260: | ||
<!-- end #mainLeft --></div> | <!-- end #mainLeft --></div> | ||
<div id="mainRight"> | <div id="mainRight"> | ||
- | <img src="https://static.igem.org/mediawiki/2012/d/d1/Zju_cloud.jpg" width=" | + | <img src="https://static.igem.org/mediawiki/2012/d/d1/Zju_cloud.jpg" width="60%"> |
<!-- end #mainRight --></div> | <!-- end #mainRight --></div> | ||
<!-- end #main --></div> | <!-- end #main --></div> | ||
Line 89: | Line 268: | ||
<!-- end .content --></div> | <!-- end .content --></div> | ||
+ | |||
+ | <div><img src="https://static.igem.org/mediawiki/2012/b/b6/Zju_foot.jpg" width="100%"></div> | ||
+ | |||
+ | |||
<!-- end .container --></div> | <!-- end .container --></div> | ||
</div><!-- end .wrapper --> | </div><!-- end .wrapper --> |