Team:USTC-China/Team/gallarytry

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html>  
<head>
<head>
<style type="text/css">
<style type="text/css">
-
.list_pic{
+
 
 +
a {
 +
    color: #991133;
 +
    text-decoration: none;
 +
}
 +
a:hover {
 +
    text-decoration: underline;
 +
}
 +
 
 +
.clear {
 +
    clear:both;
 +
}
 +
 
 +
#col_left{
 +
    float: left;
 +
    width: 576px;
 +
    padding: 30px 22px;
 +
    margin:0;
 +
}
 +
#col_right{
 +
    float: right;
 +
    width: 242px;
 +
    padding: 30px 28px 30px 15px;
 +
    margin:0;
 +
}
 +
#col_nav{
 +
    float: left;
 +
    width: 242px;
 +
    padding: 30px 28px 30px 15px;
 +
    margin:0;
 +
}
 +
 
 +
 
 +
/* end twitter */
 +
 
 +
 
 +
.col_list ul{
     list-style-type:none;
     list-style-type:none;
     list-style-image:none;
     list-style-image:none;
     background-image:none;
     background-image:none;
-
    float: left;
 
-
    width: 100px;
 
-
    padding: 30px 28px 30px 15px;
 
}
}
-
.pic {
+
.col_list li{
 +
    background-color:transparent;
 +
    padding: 5px 15px;
 +
}
 +
 
 +
 
 +
 
 +
/* TEAM PAGE */
 +
.bio {
     clear:both;
     clear:both;
     padding-bottom: 20px;
     padding-bottom: 20px;
     border-bottom: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
}
}
-
.pic img {
+
.bio img {
     float:left;
     float:left;
     margin-right: 10px;
     margin-right: 10px;
}
}
 +
#videoiframe {
 +
    overflow: hidden;
 +
    margin-top: 20px;
 +
}
</style>
</style>
-
<script type="text/javascript">
+
</head>
 +
</html>
 +
 
 +
<html>
 +
<head>
 +
<!-- TODO: add pre/n buttons -->
 +
<script>
  $(document).ready(function(){
  $(document).ready(function(){
-
   $('.pic').css('display','none');
+
   $('.bio').css('display','none');
-
   $('.list_pic').css('cursor','pointer');
+
   $('.col_list li').css('cursor','pointer');
-
   $('.list_pic').hover(function() {
+
   $('.col_list li').hover(function() {
-
     $(this).css('','');
+
     $(this).css('background-color','#91A3ED');
     }, function() {
     }, function() {
-
     $(this).css('','');
+
     $(this).css('background-color','#E3E3E3');
   });
   });
-
   $('.list_pic').click(function () {
+
   $('.col_list li').click(function () {
-
     $('.pic').hide();
+
     $('.bio').hide();
     var name = $(this).attr('id');
     var name = $(this).attr('id');
-
     $('#'+name+'pic').fadeIn(500);
+
     $('#'+name+'bio').fadeIn(500);
      
      
   });
   });
Line 42: Line 93:
</head>
</head>
 +
<body>
-
<div class="list_pic">
+
<div id="col_nav">
-
<ul>
+
    <div class="col_list">
-
<li id="1">123</li>
+
        <h2></h2>
-
<li id="2"></li>
+
<ul>
-
<li id="3"></li>
+
    <li id="yhl">Yinghong Lan</li>
-
<li id="4"></li>
+
    <li id="swl">Siwei Luo</li>
-
<li id="5"></li>
+
    <li id="zlc">Zhilin Chen</li>
-
<li id="6"></li>
+
    <li id="fzz">Fangzhou Zhao</li>
-
</ul>
+
    <li id="shl">Shaohua LiO(∩_∩)O！</li>
 +
    <li id="ml">Mo Li</li>
 +
    <li id="mps">Mengping Sun</li>
 +
            <li id="yfl">Yufeng Luo</li>
 +
    <li id="dz">Dan Zhou</li>
 +
    <li id="lna">Linna An</li>
 +
    <li id="jhp">Junhui Peng</li>
 +
    <li id="xlz">Xiaolei Zhang</li>
 +
    <li id="ytl">Liuyun Tao</li>
 +
            <li id="nw">Ning Wang</li>
 +
            <li id="yz">Yang Zhou</il>
 +
</ul>
 +
    </div><!-- end undergrads -->
</div>
</div>
-
</html>
 
-
<div class="pic" id="1pic">
+
 
-
[[File:Notebook5.png|20px]]
+
 
-
</div>
+
<div id="col_left">
-
<div class="pic" id="1pic">
+
 
-
[[Link title|  px]]
+
<div class="bio" id="yhlbio">
-
</div>
+
<h1>Yinghong Lan</h1>
-
<div class="pic" id="1pic">
+
<img src="" style="max-width:350px; margin-right:10px;"/>
-
[[Link title|  px]]
+
 
 +
<div class="clear"></div>
</div>
</div>

Revision as of 08:34, 26 August 2011

  • Yinghong Lan
  • Siwei Luo
  • Zhilin Chen
  • Fangzhou Zhao
  • Shaohua LiO(∩_∩)O！
  • Mo Li
  • Mengping Sun
  • Yufeng Luo
  • Dan Zhou
  • Linna An
  • Junhui Peng
  • Xiaolei Zhang
  • Liuyun Tao
  • Ning Wang
  • Yang Zhou