|
|
| Line 1: |
Line 1: |
| | {{:Team：HZAU-China/background-head}} | | {{:Team：HZAU-China/background-head}} |
| - | <html>
| |
| - | <style>
| |
| - | #background{
| |
| - | background-color: #EDFFFF;
| |
| - | margin:0 auto;
| |
| - | min-height: 1000px;
| |
| - | width: 1000px;
| |
| - | }
| |
| - | #sidebar {
| |
| - | background-color:transparent;
| |
| - | clear: both;
| |
| - | float: left;
| |
| - | height: auto;
| |
| - | width: 220px;
| |
| - | padding-top: 5px;
| |
| - | padding-left: 10px;
| |
| - | }
| |
| - | #paragraphs {
| |
| - | background-color: #EDFFFF;
| |
| - | border: 3px solid #A1FFFF;
| |
| - | float: right;
| |
| - | height: auto;
| |
| - | margin-bottom: 5px;
| |
| - | margin-top: 5px;
| |
| - | padding-bottom: 5px;
| |
| - | padding-top:10px;
| |
| - | width: 710px;
| |
| - | }
| |
| - | </style>
| |
| - | <body>
| |
| - | <div id="background">
| |
| - | <center>
| |
| - | <img width="1000" height="300" src="https://static.igem.org/mediawiki/2012/5/59/My_school.JPG">
| |
| - | </center>
| |
| - | <div id="sidebar">
| |
| - | <style>
| |
| - | *{margin:0px;padding:0px;}
| |
| - | .menu_scroll{z-index:100;padding:10px;margin:0 auto;top:20px;position:fixed;width:100%;margin:0;}
| |
| - | ul.menu,
| |
| - | ul.menu ul {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 ul {z-index:50;
| |
| - | -webkit-transition: 0.5s;
| |
| - | -moz-transition: 0.5s;
| |
| - | -ms-transition: 0.5s;
| |
| - | -o-transition: 0.5s;
| |
| - | transition: 0.5s;
| |
| - | }
| |
| - | ul.menu li {line-height:30px;position:relative;text-indent:10px;}
| |
| - | 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 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 span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;font-size: 18px;}
| |
| - | ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;}
| |
| - | ul.menu ul li {margin-top:-30px;
| |
| - | -webkit-transition: 0.5s;
| |
| - | -moz-transition: 0.5s;
| |
| - | -ms-transition: 0.5s;
| |
| - | -o-transition: 0.5s;
| |
| - | transition: 0.5s;
| |
| - | }
| |
| - | ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#ccc;}
| |
| - | ul.menu ul li a:hover {background:#ddd;}
| |
| - | ul.menu input {position:absolute;left:-9999px;}
| |
| - | ul.menu li input:checked + label {background:#069;}
| |
| - | ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;}
| |
| - | 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 input.tabs:checked ~ label.close {display:block;z-index:200;}
| |
| - | ul.menu input.close:checked + label.close {display:none;}
| |
| - | ul.menu input.close:checked ~ ul {background:#ddd;padding-bottom:0;}
| |
| - | ul.menu input.close:checked ~ ul li {margin-top:-30px;}
| |
| - | </style>
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function(){
| |
| - | var topMain=$("#sidebar").height()-0//是头部的高度加头部与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>
| |
| - | <ul class="menu">
| |
| - | <li>
| |
| - | <input type="radio" name="tab1" id="tab1a" class="tabs">
| |
| - | <label for="tab1a" class="open" accesskey="2">
| |
| - | <a><span>Team</span></a>
| |
| - | </label>
| |
| - | <input type="radio" name="tab1" id="tab1ac" class="tabs close">
| |
| - | <label for="tab1ac" class="close" accesskey="3">
| |
| - |
| |
| - | </label>
| |
| - | <ul>
| |
| - | <li><a href="#">-Members and Instructors</a></li>
| |
| - | <li><a href="#">-Attributions</a></li>
| |
| - | <li><a href="#">-Sponsors</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li> <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
| |
| - | <label for="tab1b" class="open" accesskey="4">
| |
| - | <span>Members</span></label>
| |
| - | <input type="radio" name="tab1" id="tab1bc" class="tabs close">
| |
| - | <label for="tab1bc" class="close" accesskey="5"></label>
| |
| - | <ul>
| |
| - | <li><a href="#1">Xiong Le</a></li>
| |
| - | <li><a href="#2">Li Yunchuan</a></li>
| |
| - | <li><a href="#3">Zhang Shaowei</a></li>
| |
| - | <li><a href="#4">Zou Xianlin</a></li>
| |
| - | <li><a href="#5">Bai Tao</a></li>
| |
| - | <li><a href="#6">Tan Xin</a></li>
| |
| - | <li><a href="#7">Wu Wei</a></li>
| |
| - | <li><a href="#8">Chen Jin</a></li>
| |
| - | <li><a href="#9">Yang Mian</a></li>
| |
| - | <li><a href="#10">Luo Xudong</a></li>
| |
| - | <li><a href="#11">Tian Liu</a></li>
| |
| - | <li><a href="#12">Ding Linfeng</a></li>
| |
| - | <li><a href="#13">Liu Chang</a></li>
| |
| - | <li><a href="#14">Zhang Peijing</a></li>
| |
| - | <li><a href="#15">Hong Ping</a></li>
| |
| - | <li><a href="#16">Yi Jian</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li> <input type="radio" name="tab1" id="tab1c" class="tabs">
| |
| - | <label for="tab1c" class="open" accesskey="6">
| |
| - | <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>
| |
| - | </div>
| |
| - |
| |
| - | <div id="paragraphs">
| |
| - | <p>
| |
| - | <br>
| |
| - | </p>
| |
| - | <center>
| |
| - | <span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Members and Instructors</span>
| |
| - | </center>
| |
| - | <style>
| |
| - | table {
| |
| - | background:transparent;
| |
| - | }
| |
| - | h1 {
| |
| - | color: #000;
| |
| - | font-family: Signika;
| |
| - | font-size: 20pt;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - | 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>
| |
| - | <h1>Members</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="1"><h3>Xiong Le</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="2"><h3>Li Yunchuan</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="3"><h3>Zhang Shaowei</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="4"><h3>Zou Xianlin</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="5"><h3>Bai Tao</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="6"><h3>Tan Xin</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="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>
| |
| - | <td>
| |
| - | <img width="170px" height="170px"
| |
| - | src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
| |
| - | </td>
| |
| - | <td>
| |
| - | <a name="10"><h3>Luo Xudong</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="11"><h3>Tian Liu</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="12"><h3>Ding Linfeng</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="13"><h3>Liu Chang</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="14"><h3>Zhang Peijing</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="15"><h3>Hong Ping</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="16"><h3>Yi Jian</h3></a>
| |
| - | <p>introduction </p>
| |
| - | </td>
| |
| - | <tr>
| |
| - |
| |
| - | </tbody>
| |
| - | </table>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <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>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
| | | | |
| | {{:Team：HZAU-China/background-footer}} | | {{:Team：HZAU-China/background-footer}} |
| | <br/> | | <br/> |
"
