|
|
| (58 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{Team:USTC-China/temp}}
| |
| - | {{Team:USTC-China/temp/bar4}}
| |
| - | <html lang="en">
| |
| - | <head>
| |
| - | <style type="text/css">
| |
| | | | |
| - | a {
| |
| - | color: #991133;
| |
| - | text-decoration: none;
| |
| - | float:left;
| |
| - |
| |
| - | }
| |
| - | a:hover {
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - | .clear {
| |
| - | clear:both;
| |
| - | }
| |
| - |
| |
| - | #col_left{
| |
| - | float: left;
| |
| - | width: 700px;
| |
| - | padding: 30px 22px;
| |
| - | margin:0;
| |
| - | }
| |
| - | #col_right{
| |
| - | float: ;
| |
| - | width: 5px;
| |
| - | padding: 30px 28px 30px 15px;
| |
| - | margin:0;
| |
| - | }
| |
| - | #col_nav{
| |
| - | float:left;
| |
| - | width:100%;
| |
| - | padding:10px;
| |
| - | margin:10px;
| |
| - | list-style-type:none;
| |
| - | padding: 30px 28px 30px 15px;
| |
| - | margin:0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | .col_list ul{
| |
| - | list-style-type:none;
| |
| - | list-style-image:none;
| |
| - | background-image:none;
| |
| - |
| |
| - | }
| |
| - | .col_list li{
| |
| - | background-color:#112233;
| |
| - | padding: 5px 15px;
| |
| - | display:inline;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* TEAM PAGE */
| |
| - | .pic {
| |
| - | clear:both;
| |
| - | padding-bottom: 20px;
| |
| - | border-bottom: 1px solid #ccc;
| |
| - | }
| |
| - | .pic img {
| |
| - | float:;
| |
| - | margin-right: 10px;
| |
| - | }
| |
| - |
| |
| - | #videoiframe {
| |
| - | overflow: hidden;
| |
| - | margin-top: 20px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - | </html>
| |
| - |
| |
| - | <html>
| |
| - | <head>
| |
| - | <!-- TODO: add pre/n buttons -->
| |
| - | <script>
| |
| - | var name=-1;
| |
| - | $(document).ready(function(){
| |
| - | $('#1pic').fadeIn(500);
| |
| - | $('.pic').css('display','none');
| |
| - | $('.col_list li').css('cursor','pointer');
| |
| - | $('.col_list li').hover(function() {
| |
| - | $(this).css('background-color','#91A3ED');
| |
| - | }, function() {
| |
| - | $(this).css('background-color','#E3E3E3');
| |
| - | });
| |
| - |
| |
| - | $('.col_list li').click(function () {
| |
| - |
| |
| - | $('#'+name+'pic').slideToggle('slow');
| |
| - | name = $(this).attr('id');
| |
| - | $('#'+name+'pic').slideToggle('slow');
| |
| - | });
| |
| - | /*$("img").mousedown(function () {
| |
| - | name = $(this).attr('id');
| |
| - | $('#'+name+'pic').slideToggle('slow');
| |
| - | name = name+1;
| |
| - | $('#'+(name)+'pic').slideToggle('slow');
| |
| - | });*/
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div id="col_left">
| |
| - |
| |
| - | <div class="pic" id="1pic">
| |
| - |
| |
| - | </html>[[File:Ga2.png|500px]]<html>
| |
| - |
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="2pic">
| |
| - |
| |
| - | </html>[[File:Ga1.png|500px]]<html>
| |
| - |
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="3pic">
| |
| - | </html>[[File:Ga3.png|500px]]<html>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="4pic">
| |
| - | </html>[[File:Ga4.png|500px]]<html>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="5pic">
| |
| - |
| |
| - | </html>[[File:Ga5.png|500px]]<html>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="6pic">
| |
| - |
| |
| - | </html>[[File:G6.png|500px]]<html>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="7pic">
| |
| - |
| |
| - |
| |
| - | </html>[[File:Ga7.png|500px]]<html>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="8pic">
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2011/d/d6/%E5%9B%BE%E7%89%87%E4%B8%83.gif" style=" margin-right:10px; max-width:350px;"/>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="9pic">
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2011/3/3c/%E5%9B%BE%E7%89%87%E5%8D%81.gif" style=" margin-right:10px; max-width:350px;"/>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="10pic">
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2011/3/3c/%E5%9B%BE%E7%89%87%E5%9B%9B.gif" style=" margin-right:10px; max-width:350px;"/>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="11pic">
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2011/8/82/%E5%9B%BE%E7%89%87%E4%BA%94.gif" style=" margin-right:10px; max-width:350px;"/>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="12pic">
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2011/c/c6/%E5%9B%BE%E7%89%87%E4%B8%80.gif" style=" margin-right:10px; max-width:350px;"/>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="13pic">
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2011/3/3e/%E5%9B%BE%E7%89%87%E4%B8%80.png" style=" margin-right:10px; max-width:350px;"/>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="pic" id="14pic">
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2011/3/3e/%E5%9B%BE%E7%89%87%E4%B8%80.png" style=" margin-right:10px; max-width:350px;"/>
| |
| - | <div class="clear"></div>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | <div id="col_nav">
| |
| - | <div class="col_list">
| |
| - | <h2></h2>
| |
| - | <ul>
| |
| - | <li id="1">1</li>
| |
| - | <li id="2">2</li>
| |
| - | <li id="3">3</li>
| |
| - | <li id="4">4</li>
| |
| - | <li id="5">5</li>
| |
| - | <li id="6">6</li>
| |
| - | <li id="7">7</li>
| |
| - | <li id="8">8</li>
| |
| - | <li id="9">9</li>
| |
| - | <li id="10">10</li>
| |
| - | <li id="11">11</li>
| |
| - | <li id="12">12</li>
| |
| - | <li id="13">13</li>
| |
| - | <li id="14">14</il>
| |
| - | </ul>
| |
| - | </div><!-- end undergrads -->
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </html>
| |
"
