Team:USTC-China/Team/gallary

From 2011.igem.org

(Difference between revisions)
(Blanked the page)
 
(27 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;
 
-
}
 
-
.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.jpg|500px]]<html>
 
-
<div class="clear"></div>
 
-
</div>
 
-
 
-
<div class="pic" id="8pic">
 
-
 
-
</html>[[File:Ga8.jpg|500px]]<html>
 
-
 
-
<div class="clear"></div>
 
-
</div>
 
-
 
-
<div class="pic" id="9pic">
 
-
</html>[[File:Ga9.jpg|500px]]<html>
 
-
 
-
<div class="clear"></div>
 
-
</div>
 
-
 
-
<div class="pic" id="10pic">
 
-
</html>[[File:Ga10.jpg|500px]]<html>
 
-
 
-
<div class="clear"></div>
 
-
</div>
 
-
 
-
<div class="pic" id="11pic">
 
-
 
-
</html>[[File:Ga11.jpg|500px]]<html>
 
-
<div class="clear"></div>
 
-
</div>
 
-
 
-
<div class="pic" id="12pic">
 
-
 
-
</html>[[File:Ga12.jpg|500px]]<html>
 
-
<div class="clear"></div>
 
-
</div>
 
-
 
-
<div class="pic" id="13pic">
 
-
 
-
</html>[[File:Ga13.jpg|500px]]<html>
 
-
<div class="clear"></div>
 
-
</div>
 
-
 
-
<div class="pic" id="14pic">
 
-
 
-
</html>[[File:Ga14.jpg|500px]]<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">12</li>
 
-
            <li id="13">13</li>
 
-
            <li id="14">14</il>
 
-
</ul>
 
-
    </div><!-- end undergrads -->
 
-
</div>
 
-
 
-
 
-
 
-
 
-
 
-
</html>
 

Latest revision as of 18:09, 5 October 2011