Difference between revisions of "Team:HZAU-China/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
 +
 
<html>
 
<html>
  
−
<div class="column two_thirds_size" >
+
<head>
 +
<style>
 +
/* reset */
 +
body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"\5b8b\4f53","Arial Narrow";background:#fff;}
 +
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
 +
input,select{font-size:12px;line-height:16px;}
 +
img{border:0;}
 +
ul,li{list-style-type:none;}
 +
a {color:#00007F;text-decoration:none;}
 +
a:hover {color:#bd0a01;text-decoration:underline;}
  
−
<h1>Team</h1>
+
.box {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    width: 150px;
 +
margin: 0 auto;
 +
}
 +
.menu{
 +
overflow:hidden;
 +
border-color: #C4D5DF;
 +
    border-style: solid;
 +
    border-width: 0 1px 1px;
 +
}
 +
/* lv1 */
 +
.menu li.level1 a{
 +
    display: block;
 +
    height: 28px;
 +
    line-height: 28px;
 +
    background:#EBF3F8;
 +
font-weight:700;
 +
    color: #5893B7;
 +
text-indent: 14px;
 +
border-top: 1px solid #C4D5DF;
 +
}
 +
.menu li.level1 a:hover{text-decoration:none;}
 +
.menu li.level1 a.current{background:#B1D7EF;}
 +
/* lv2 */
 +
.menu li ul{overflow:hidden;}
 +
.menu li ul.level2{display:none;}
 +
.menu li ul.level2 li a{
 +
    display: block;
 +
    height: 28px;
 +
    line-height: 28px;
 +
    background:#ffffff;
 +
font-weight:400;
 +
    color: #42556B;
 +
text-indent: 18px;
 +
border-top: 0px solid #ffffff;
 +
    overflow: hidden;
 +
}
 +
.menu li ul.level2 li a:hover{
 +
color:#f60;
 +
}
 +
</style>
 +
<!-- 引入 jQuery -->
 +
<script src="../../scripts/jquery.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
//等待dom元素加载完毕.
 +
$(document).ready(function () {
 +
$(".level1 > a").click(function () {
 +
$(this).addClass("current")  //给当前元素添加"current"样式
 +
.next().show()                //下一个元素显示
 +
.parent().siblings().children("a").removeClass("current")        //父元素的兄弟元素的子元素<a>移除"current"样式
 +
.next().hide();                //它们的下一个元素隐藏
 +
return false;
 +
});
 +
});
 +
</script>
  
 +
</head>
  
−
<h3>What should this page contain?</h3>
+
<body>
−
<ul>
+
<p>test</p>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
<div class="box">
 +
<ul class="menu">
 +
<li class="level1">
 +
<a href="#none">hahaha</a>
 +
<ul class="level2">
 +
<li><a href="#none">1</a></li>
 +
<li><a href="#none">2</a></li>
 +
<li><a href="#none">3</a></li>
 +
<li><a href="#none">4</a></li>
 +
</ul>
 +
</li>
 +
<li class="level1">
 +
<a href="#none">hehehe</a>
 +
<ul class="level2">
 +
<li><a href="#none">5</a></li>
 +
<li><a href="#none">6</a></li>
 +
<li><a href="#none">7</a></li>
 +
<li><a href="#none">8</a></li>
 +
</ul>
 +
</li>
 +
<li class="level1">
 +
<a href="#none">hohoho</a>
 +
<ul class="level2">
 +
<li><a href="#none">9</a></li>
 +
<li><a href="#none">10</a></li>
 +
<li><a href="#none">11</a></li>
 +
<li><a href="#none">12</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
  
 +
</body>
  
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
 
</html>
 
</html>

Revision as of 09:18, 22 September 2018

test