Team:USTC-China/Team/gallary
From 2011.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
- | <div id="textNot"> | + | /*<div id="textNot"> |
[http://player.56.com/deux24_110198698.swf|style China meetup[[File:Anlina-Chinameetup.png]]] | [http://player.56.com/deux24_110198698.swf|style China meetup[[File:Anlina-Chinameetup.png]]] | ||
There are always people we cannot forget.[http://player.56.com/deux24_110472274.swf|style USTC-China Photo[[File:Anlina-Team_sub.png]]] | There are always people we cannot forget.[http://player.56.com/deux24_110472274.swf|style USTC-China Photo[[File:Anlina-Team_sub.png]]] | ||
+ | </div>*/ | ||
+ | {{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"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/a7/Danzhou.png" style="max-width:350px; margin-right:10px;" align="middle" id="1"/> | ||
+ | |||
+ | <div class="clear"></div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="pic" id="2pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/2/2b/%E5%9B%BE%E7%89%87%E4%B8%89.jpg" style="max-width:350px; margin-right:10px;"/> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="3pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <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="4pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/5/50/%E5%9B%BE%E7%89%87%E5%85%AB.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="5pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/ae/%E5%9B%BE%E7%89%87%E4%B9%9D.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="6pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/2/26/%E5%9B%BE%E7%89%87%E9%9B%B6.gif" style=" margin-right:10px; max-width:350px; "/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="7pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/b/b3/%E5%9B%BE%E7%89%87%E5%85%AD.gif" style=" margin-right:10px; max-width:350px;"/> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pic" id="8pic"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <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"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <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"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <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"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <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"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <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"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <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"> | ||
+ | <h1>Yinghong Lan</h1> | ||
+ | <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> |
Revision as of 07:05, 2 October 2011
[http://player.56.com/deux24_110198698.swf|style China meetup] There are always people we cannot forget.[http://player.56.com/deux24_110472274.swf|style USTC-China Photo]