Team:HZAU-China/Notebook

From 2013.igem.org

(Difference between revisions)
Line 11: Line 11:
}
}
#sidebar {
#sidebar {
-
   
+
     background-color:transportate;
-
     background-color:transparent;
+
     clear: both;
     clear: both;
     float: left;
     float: left;
     height: auto;
     height: auto;
-
     width: 230px;
+
     width: 220px;
     margin-bottom: 5px;
     margin-bottom: 5px;
-
     padding-top: 5px;
+
     padding-bottom: 10px;
 +
    padding-left: 10px;
}
}
#paragraphs {
#paragraphs {
Line 34: Line 34:
<body>
<body>
<div id="background">
<div id="background">
-
<center>
+
 
-
    <img width="960" height="300" src="https://static.igem.org/mediawiki/2012/5/59/My_school.JPG">
+
-
<p></p>
+
-
</center>
+
   <div id="sidebar">
   <div id="sidebar">
<style>
<style>
*{margin:0px;padding:0px;}
*{margin:0px;padding:0px;}
 +
ul.menu_scroll{width:100%;z-index:100;top:30px;position:fixed;}
 +
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
ul.menu,
ul.menu,
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font-family:arial, sans-serif;}
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font-family:arial, sans-serif;}
-
ul.menu {z-index:100;padding:10px;margin:0 auto;}
+
ul.menu {z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;}
ul.menu ul {z-index:50;
ul.menu ul {z-index:50;
-webkit-transition: 0.5s;
-webkit-transition: 0.5s;
Line 54: Line 53:
ul.menu > li {margin-top:2px;font-size:12px;}
ul.menu > li {margin-top:2px;font-size:12px;}
ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
-
ul.menu label.open {display:block;background:#c00  no-repeat 170px 12px;line-height:30px;position:relative;z-index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
+
ul.menu label.open {display:block;background:#c00  no-repeat 170px 12px;line-height:30px;position:relative;z-
 +
 
 +
index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
ul.menu label.open b {color:#ff0;}
ul.menu label.open b {color:#ff0;}
ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;font-size: 18px;}
ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;font-size: 18px;}
Line 71: Line 72:
ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;}
ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;}
ul.menu li input:checked ~ ul li {margin-top:0;}
ul.menu li input:checked ~ ul li {margin-top:0;}
-
ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif") no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px}  
+
ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif")  
 +
 
 +
no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px}  
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;}
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;}
ul.menu input.close:checked + label.close {display:none;}
ul.menu input.close:checked + label.close {display:none;}
Line 77: Line 80:
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
</style>
</style>
-
</head>
+
<script type="text/javascript">
 +
$(document).ready(function(){
 +
var topMain=$("#sidebar").height()-300//是头部的高度加头部与nav导航之间的距离
 +
var menu=$(".menu");
 +
$(window).scroll(function(){
 +
if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移
 +
 
 +
除
 +
menu.addClass("menu_scroll");
 +
}else{
 +
menu.removeClass("menu_scroll");
 +
}
 +
});
 +
})
 +
</script>
 +
 
<body>
<body>
<ul class="menu">
<ul class="menu">
-
<li>
+
        <li>
<input type="radio" name="tab1" id="tab1a" class="tabs">
<input type="radio" name="tab1" id="tab1a" class="tabs">
<label for="tab1a" class="open" accesskey="2">
<label for="tab1a" class="open" accesskey="2">
-
<a><span>Team</span></a>
+
<a><span>Notebook</span></a>
</label>
</label>
<input type="radio" name="tab1" id="tab1ac" class="tabs close">
<input type="radio" name="tab1" id="tab1ac" class="tabs close">
Line 90: Line 108:
</label>
</label>
<ul>
<ul>
-
<li><a href="#">-Members and Instructors</a></li>
+
<li><a href="#">-Development of our team</a></li>
-
<li><a href="#">-Attributions</a></li>
+
<li><a href="#">-Protocol</a></li>
-
<li><a href="#">-Sponsors</a></li>
+
</ul>
</ul>
-
</li>
+
</li>
 +
 
<li>    <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
<li>    <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
                 <label for="tab1b" class="open" accesskey="4">
                 <label for="tab1b" class="open" accesskey="4">
-
                 <span>Members</span></label>
+
                 <span>In this page</span></label>
<input type="radio" name="tab1" id="tab1bc" class="tabs close">
<input type="radio" name="tab1" id="tab1bc" class="tabs close">
                 <label for="tab1bc" class="close" accesskey="5"></label>
                 <label for="tab1bc" class="close" accesskey="5"></label>
<ul>
<ul>
-
      <li><a href="#1">Xiong Le</a></li>
+
      <li><a href="#1">Week1</a></li>
-
                       <li><a href="#2">Li Yunchuan</a></li>
+
                       <li><a href="#2">Week2</a></li>
-
                       <li><a href="#3">Zhang Shaowei</a></li>
+
                       <li><a href="#3">Week3</a></li>
-
                       <li><a href="#4">Zhou Xianlin</a></li>
+
                       <li><a href="#4">Week4</a></li>
-
                       <li><a href="#5">Bai Tao</a></li>
+
                       <li><a href="#5">Week5</a></li>
-
                       <li><a href="#6">Tan Xin</a></li>
+
                       <li><a href="#6">Week6</a></li>
-
                       <li><a href="#7">Wu Wei</a></li>
+
                       <li><a href="#7">Week7</a></li>
-
                       <li><a href="#8">Chen Jin</a></li>
+
                       <li><a href="#8">Week8</a></li>
-
                       <li><a href="#9">Yang Mian</a></li>
+
                       <li><a href="#9">Week9</a></li>
-
                       <li><a href="#10">Luo Xudong</a></li>
+
                       <li><a href="#10">Week10</a></li>
-
                       <li><a href="#11">Tian Liu</a></li>
+
                       <li><a href="#11">Week11</a></li>
-
                       <li><a href="#12">Ding Linfeng</a></li>
+
                       <li><a href="#12">Week12</a></li>
-
                       <li><a href="#13">Liu Chang</a></li>
+
                       <li><a href="#13">Week13</a></li>
-
                       <li><a href="#14">Zhang Peijing</a></li>
+
                       <li><a href="#14">Week14</a></li>
-
                       <li><a href="#15">Hong Ping</a></li>
+
                       <li><a href="#15">Week15</a></li>
-
                       <li><a href="#16">Yi Jian</a></li>
+
                       <li><a href="#16">Week16</a></li>
</ul>
</ul>
</li>
</li>
-
<li>    <input type="radio" name="tab1" id="tab1c" class="tabs">
+
        <li><a href="#"><span>Home</span></a></li>
-
                <label for="tab1c" class="open" accesskey="6">
+
</dl>
-
                <a><span>Instructors</span></a></label>
+
-
<input type="radio" name="tab1" id="tab1cc" class="tabs close">
+
-
                <label for="tab1cc" class="close" accesskey="7"></label>
+
-
<ul>
+
-
      <li><a href="#">-Zhang Hongyu</a></li>
+
-
      <li><a href="#">-Ma Binguang</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
</body>
</body>
Line 139: Line 148:
</p>
</p>
<center>
<center>
-
<span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Members and Instructors</span>
+
<span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Labnote</span>
</center>
</center>
<p>
<p>
<br>
<br>
</p>
</p>
-
<style>
 
-
table {
 
-
    background:transparent;
 
-
    font-size: 100%;
 
-
}
 
-
h1 {
 
-
    color: #000;
 
-
    font-family: Signika;
 
-
    font-size: 20pt;
 
-
    text-align: left;
 
-
    text-decoration: none;
 
-
    text-transform: none;   
 
-
}
 
-
h3{
 
-
    font-size: 100%;
 
-
    font-family: "Verdana",sans-serif;
 
-
    border-bottom: medium none;
 
-
    font-weight: bold;
 
-
}
 
-
h1,  h3, {
 
-
    background:transparent;
 
-
    color: black;
 
-
    font-weight: normal;
 
-
    margin: 0;
 
-
    padding-bottom: 0.17em;
 
-
    padding-top: 0.5em;
 
-
}
 
-
td {
 
-
    font-family: Signika;
 
-
    font-size: 20pt;
 
-
    padding-right: 10px;
 
-
    text-align: left;
 
-
    vertical-align: top;
 
-
}
 
-
tr {
 
-
    vertical-align: top;
 
-
}
 
-
</style>
 
-
<body>
 
-
<div>
+
<a name="1">
-
    <h1>Members</h1>
+
<h1>Week1</h1>
-
    <table>
+
</a>
-
        <tbody>
+
<p></p>
-
            <tr>
+
-
              <td>
+
-
                  <img width="170px" height="170px"
+
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
-
              </td>
+
-
              <td>
+
-
                  <a name="1"><h3>Xiong Le</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
              <tr>
+
<a name=2">
-
              <td>
+
<h1>Week2</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="2"><h3>Li Yunchuan</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
              <tr>
+
<a name="3">
-
              <td>
+
<h1>Week3</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="3"><h3>Zhang Shaowei</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
              <tr>
+
<a name="4">
-
              <td>
+
<h1>Week4</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="4"><h3>Zhou Xianlin</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
              <tr>
+
<a name="5">
-
              <td>
+
<h1>Week5</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="5"><h3>Bai Tao</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="6">
-
              <td>
+
<h1>Week6</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="6"><h3>Tan Xin</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="7">
-
              <td>
+
<h1>Week7</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="7"><h3>Wu Wei</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
           
+
-
            <tr>
+
-
              <td>
+
-
                  <img width="170px" height="170px"
+
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
-
              </td>
+
-
              <td>
+
-
                  <a name="8"><h3>Chen Jing</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
       
+
-
            <tr>
+
-
              <td>
+
-
                  <img width="170px" height="170px"
+
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
-
              </td>
+
-
              <td>
+
-
                  <a name="9"><h3>Yang Mian</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="8">
-
              <td>
+
<h1>Week8</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="10"><h3>Luo Xudong</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="9">
-
              <td>
+
<h1>Week9</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="11"><h3>Tian Liu</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="10">
-
              <td>
+
<h1>Week10</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="12"><h3>Ding Linfeng</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="11">
-
              <td>
+
<h1>Week11</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="13"><h3>Liu Chang</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="12">
-
              <td>
+
<h1>Week12</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="14"><h3>Zhang Peijing</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="13">
-
              <td>
+
<h1>Week13</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="15"><h3>Hong Ping</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
            <tr>
+
<a name="14">
-
              <td>
+
<h1>Week14</h1>
-
                  <img width="170px" height="170px"
+
</a>
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
<p></p>
-
              </td>
+
-
              <td>
+
-
                  <a name="16"><h3>Yi Jian</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
        </tbody>
+
<a name="15">
-
        </table>
+
<h1>Week15</h1>
-
 
+
</a>
-
</div>
+
<p></p>
-
 
+
-
 
+
-
<div>
+
-
    <h1>Instructors</h1>
+
-
    <table>
+
-
        <tbody>
+
-
            <tr>
+
-
              <td>
+
-
                  <img width="170px" height="170px"
+
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
-
              </td>
+
-
              <td>
+
-
                  <a name="17"><h3>Zhang Hongyu</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
           
+
-
            <tr>
+
-
              <td>
+
-
                  <img width="170px" height="170px"
+
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
-
              </td>
+
-
              <td>
+
-
                  <a name="18"><h3>Ma Binguang</h3></a>
+
-
                  <p>introduction </p>
+
-
              </td>
+
-
            <tr>
+
-
        </tbody>
+
-
        </table>
+
-
 
+
-
</div>
+
 +
<a name="16">
 +
<h1>Week16</h1>
 +
</a>
 +
<p></p>
   </div>
   </div>
</div>
</div>

Revision as of 08:42, 24 July 2013


Retrieved from "http://2013.igem.org/Team:HZAU-China/Notebook"