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="http://thesum.ca/images/favicon.ico">
+
<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/igem.org/0/0d/Zju_logo.jpg" width="80%"></a>
+
        <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="./index.htm"><img src="http://www.jiajunlu.com/igem/home_btn.gif"></a></li>
+
            <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="80%">
+
            <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&#39;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&#39;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&#39;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&#39;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="80%">
+
            <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 -->

Latest revision as of 16:25, 9 September 2012

HOME

WEB + INTERACTIVE + BRANDING + PRINT + SIGNAGE. IT'S WHAT WE LOVE TO DO. SO RELAX, WE'VE GOT THIS.