|
|
(15 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: 10px 10px 10px 10px;
| |
- | margin:0;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | .col_list ul{
| |
- | list-style-type:none;
| |
- | list-style-image:none;
| |
- | background-image:none;
| |
- |
| |
- | }
| |
- | .col_list li{
| |
- | background-image:"https://static.igem.org/mediawiki/2011/c/c0/Ga7.jpg";
| |
- | padding: 3px 3px;
| |
- | display:inline;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | /* TEAM PAGE */
| |
- | .pic {
| |
- | clear:both;
| |
- | padding-bottom: 20px;
| |
- | border-bottom: 1px solid #ccc;
| |
- | padding-left: 200px;
| |
- | text-align:center;
| |
- | }
| |
- | .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 img).css('width','100px');
| |
- | }, function() {
| |
- | $(this img).css('width','100px');
| |
- | });
| |
- |
| |
- | $('.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|center]]<html>
| |
- |
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="2pic">
| |
- |
| |
- | </html>[[File:Ga1.png|500px|center]]<html>
| |
- |
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="3pic">
| |
- | </html>[[File:Ga3.png|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="4pic">
| |
- | </html>[[File:Ga4.png|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="5pic">
| |
- |
| |
- | </html>[[File:Ga5.png|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="6pic">
| |
- |
| |
- | </html>[[File:G6.png|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="7pic">
| |
- |
| |
- |
| |
- | </html>[[File:Ga7.jpg|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="8pic">
| |
- |
| |
- | </html>[[File:Ga8.jpg|500px|center]]<html>
| |
- |
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="9pic">
| |
- | </html>[[File:Ga9.jpg|500px|center]]<html>
| |
- |
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="10pic">
| |
- | </html>[[File:Ga10.jpg|500px|center]]<html>
| |
- |
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="11pic">
| |
- |
| |
- | </html>[[File:Ga11.jpg|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="12pic">
| |
- |
| |
- | </html>[[File:Ga12.jpg|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="13pic">
| |
- |
| |
- | </html>[[File:Ga13.jpg|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="pic" id="14pic">
| |
- |
| |
- | </html>[[File:Ga14.jpg|500px|center]]<html>
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | </div>
| |
- | <div id="col_nav">
| |
- | <div class="col_list">
| |
- | <h2></h2>
| |
- | <ul>
| |
- | <li id="1"><img src="https://static.igem.org/mediawiki/2011/0/0d/Ga2.png" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="2"><img src="https://static.igem.org/mediawiki/2011/8/87/Ga1.png" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="3"><img src="https://static.igem.org/mediawiki/2011/4/43/Ga3.png" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="4"><img src="https://static.igem.org/mediawiki/2011/4/4b/Ga4.png" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="5"><img src="https://static.igem.org/mediawiki/2011/0/02/Ga5.png" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="6"><img src="https://static.igem.org/mediawiki/2011/7/76/G6.png" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="7"><img src="https://static.igem.org/mediawiki/2011/c/c0/Ga7.jpg" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="8"><img src="https://static.igem.org/mediawiki/2011/archive/7/71/20111002131937!Ga8.jpg" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="9"><img src="https://static.igem.org/mediawiki/2011/4/4e/Ga9.jpg" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="10"><img src="https://static.igem.org/mediawiki/2011/e/e3/Ga10.jpg" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="11"><img src="https://static.igem.org/mediawiki/2011/6/66/Ga11.jpg" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="12"><img src="https://static.igem.org/mediawiki/2011/7/7e/Ga12.jpg" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="13"><https://static.igem.org/mediawiki/2011/a/ad/Ga13.jpg" style=" margin-right:0px; max-width:50px;"/></li>
| |
- | <li id="14"><img src="https://static.igem.org/mediawiki/2011/0/0d/Ga14.jpg" style=" margin-right:0px; max-width:50px;"/></il>
| |
- | </ul>
| |
- | </div><!-- end undergrads -->
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </html>
| |