Team:ZJU-China

From 2012.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 79: Line 79:
#content a:hover
#content a:hover
{
{
-
   color: black;
+
   color: #FF8000;
   display: inline;
   display: inline;
}
}
Line 117: Line 117:
p
p
{
{
-
   font-family: Arial, sans-serif;
+
   font-family: Century Gothic, sans-serif;
-
   color: black;
+
   color: grey;
 +
  font-size: 18px;
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
Line 182: Line 183:
   clear: both;
   clear: both;
   overflow: hidden;
   overflow: hidden;
 +
}
 +
 +
#search-controls
 +
{
 +
  display: none
 +
}
 +
#footer-box
 +
{
 +
  display: none;
}
}
</style>
</style>
Line 199: Line 209:
<script type="text/javascript">
<script type="text/javascript">
 +
 +
function movetotop(){
 +
    $("html, body").animate({ scrollTop: 0 }, "slow");
 +
    return false;
 +
}
 +
         $(function() {
         $(function() {
             var offset = $("#logo").offset();
             var offset = $("#logo").offset();
Line 223: Line 239:
    <div class="content">
    <div class="content">
    <div id="columnLeft">
    <div id="columnLeft">
-
    <div id="logo" style="margin-top: 0px; ">
+
    <div id="logo" style="margin-top: 0px; "  onclick="movetotop()">
-
        <a href="./index.htm"><img src="http://2012.igem.org/wiki/images/1/12/Zju_logo.png" width="80%"></a>
+
        <a><img src="http://2012.igem.org/wiki/images/1/12/Zju_logo.png" width="80%"></a>
    <!-- end #logo --></div>
    <!-- end #logo --></div>
        <!-- end #columnLeft" --></div>
        <!-- end #columnLeft" --></div>
Line 239: Line 255:
            <li class="3"><a href="http://2012.igem.org/Team:ZJU-China/project.htm"><img src="http://www.jiajunlu.com/igem/project_btn.gif"></a></li>
            <li class="3"><a href="http://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="http://2012.igem.org/Team:ZJU-China/parts.htm"><img src="http://www.jiajunlu.com/igem/parts_btn.gif"></a></li>
+
            <li class="4"><a href="http://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="divline"></li>
            <li class="5"><a href="http://2012.igem.org/Team:ZJU-China/notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li>
            <li class="5"><a href="http://2012.igem.org/Team:ZJU-China/notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li>
Line 248: Line 264:
            <li class="divline"></li>
            <li class="divline"></li>
            <li class="8"><a href="http://2012.igem.org/Team:ZJU-China/achievement.htm"><img src="http://www.jiajunlu.com/igem/achievement_btn.gif"></a></li>
            <li class="8"><a href="http://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="http://2012.igem.org"><img src="http://www.jiajunlu.com/igem/Zju_igem_btn.gif"></a></li>
 +
        </ul>
        </ul>
                <!-- end #menu --></div>
                <!-- end #menu --></div>
Line 254: Line 273:
            <div id="main">
            <div id="main">
        <div id="mainLeft">
        <div id="mainLeft">
-
            <img src="http://igem.org/wiki/images/e/ef/Zju_weGoodtxt.jpg" width="150%">
+
            <img src="http://igem.org/wiki/images/1/13/Zju_WeGoodtxt.jpg" width="120%">
            <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 260: Line 279:
        <!-- end #mainLeft --></div>
        <!-- end #mainLeft --></div>
            <div id="mainRight">
            <div id="mainRight">
-
            <img src="http://igem.org/wiki/images/d/d1/Zju_cloud.jpg" onmouseover="this.src='http://igem.org/wiki/images/9/94/Zju_cloudon.gif';" onmouseout="this.src='http://igem.org/wiki/images/d/d1/Zju_cloud.jpg';">
+
            <img src="http://2012.igem.org/wiki/images/2/2c/Zju_cloud.png" width="440px" onmouseover="this.src='http://2012.igem.org/wiki/images/9/94/Zju_cloudon.gif';" onmouseout="this.src='http://2012.igem.org/wiki/images/2/2c/Zju_cloud.png';" />
            <!-- end #mainRight --></div>
            <!-- end #mainRight --></div>
 +
<div class="floatC">
 +
<p>Watch the <a href="http://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>
            <!-- end #main --></div>
            <br class="clearfloat">
            <br class="clearfloat">
Line 268: Line 290:
    <!-- end .content --></div>
    <!-- end .content --></div>
-
   
+
 
-
    <div><img src="http://igem.org/wiki/images/d/d9/Zju_foot.png" width="100%"></div>
+
-
   
+
-
   
+
<!-- end .container --></div>
<!-- end .container --></div>
</div><!-- end .wrapper -->
</div><!-- end .wrapper -->
 +
 +
    <div><img src="http://igem.org/wiki/images/d/d9/Zju_foot.png" width="100%"></div>
 +
<div id="footer">
<div id="footer">
     <div id="footerImg">
     <div id="footerImg">

Latest revision as of 21:09, 26 October 2012

HOME

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

Watch the video to get a better understanding of our project!