Difference between revisions of "Team:SCAU-China/Gallery"

 
(38 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
 
     <title>SCAU</title>
 
     <title>SCAU</title>
 +
        <link href="https://2016.igem.org/Team:SCAU-China/css/shake?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:SCAU-China/css2file?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:SCAU-China/css2file?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:SCAU-China/CSS/team-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2016.igem.org/Team:SCAU-China/CSS/team-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
Line 33: Line 34:
 
line-height:180%;
 
line-height:180%;
 
}
 
}
 +
        #last_page{opacity:0.6;}
 +
#last_page:hover {opacity:1;}
 +
#next_page{opacity:0.6;}
 +
#next_page:hover {opacity:1;}
 
</style>
 
</style>
 
</head>
 
</head>
Line 94: Line 99:
 
<style>
 
<style>
 
.imgstyle{
 
.imgstyle{
−
width:60px;
+
width:200px;
−
margin:3px 2px 3px 2px;
+
margin:6px 4px 6px 4px;
 +
position:relative;
 +
left:10px;
 +
float:right;
 
            
 
            
 
}
 
}
Line 102: Line 110:
 
<div class="row col">
 
<div class="row col">
 
<div class="h1_font_size">Gallery</div>
 
<div class="h1_font_size">Gallery</div>
−
             <div class="row">
+
             <div style="padding-right:100px">
−
            <img class="materialboxed   z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/0/07/T--SCAU-China--gallery_hp0101.jpg">
+
    <img class="materialboxed   z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/0/07/T--SCAU-China--gallery_hp0101.jpg" />
−
            <img class="materialboxed col s2 z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/1/14/T--SCAU-China--gallery_hp0102.jpg">
+
<img class="materialboxed   z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/1/14/T--SCAU-China--gallery_hp0102.jpg" />
−
<img class="materialboxed col s2  z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/5/5d/T--SCAU-China--gallery_hp0103.jpg">      
+
<img class="materialboxed   z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/5/5d/T--SCAU-China--gallery_hp0103.jpg" />
−
              <img class="materialboxed col s2  z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/5/5d/T--SCAU-China--gallery_hp0103.jpg">
+
<img class="materialboxed   z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/1/11/T--SCAU-China--gallery_hp0104.jpg" />
−
              <img class="materialboxed col s2  z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/5/5d/T--SCAU-China--gallery_hp0103.jpg">
+
<img class="materialboxed   z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/1/1c/T--SCAU-China--gallery_hp0111.jpg" />
−
                <img class="materialboxed col s2  z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/5/5d/T--SCAU-China--gallery_hp0103.jpg">
+
<img class="materialboxed   z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/c/ce/T--SCAU-China--gallery_hp0112.jpg" />
−
                <img class="materialboxed col s2   z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/5/5d/T--SCAU-China--gallery_hp0103.jpg">
+
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/5/5e/T--SCAU-China--gallery_hp0113.jpg" />
−
                  <img class="materialboxed col s2  z-depth-1 imgstyle" src="https://static.igem.org/mediawiki/2016/5/5d/T--SCAU-China--gallery_hp0103.jpg">    
+
<img class="materialboxed   z-depth-1 imgstyle"   src="https://static.igem.org/mediawiki/2016/a/a8/T--SCAU-China--gallery_hp0114.jpg" />
−
            </div>
+
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/3/36/T--SCAU-China--gallery_hp0201.jpg" />
−
</div>
+
<img class="materialboxed   z-depth-1 imgstyle"   src="https://static.igem.org/mediawiki/2016/5/5c/T--SCAU-China--gallery_hp0202.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/6/63/T--SCAU-China--gallery_hp0203.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/a/a4/T--SCAU-China--gallery_hp0204.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/2/2c/T--SCAU-China--gallery_hp0301.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/d/de/T--SCAU-China--gallery_hp0302.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/1/1e/T--SCAU-China--gallery_hp0303.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/b/b3/T--SCAU-China--gallery_hp0304.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/1/19/T--SCAU-China--gallery_hp0401.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/f/f7/T--SCAU-China--gallery_hp0402.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/6/6e/T--SCAU-China--gallery_hp0403.jpg" />
 +
<img class="materialboxed    z-depth-1 imgstyle"  src="https://static.igem.org/mediawiki/2016/7/7c/T--SCAU-China--gallery_hp0404.jpg" />
 +
</div>
 +
</div>
 +
    <div class="row">
 +
    <div class="col s4">
 +
    </div>
 +
    <ul class="pagination col s8">
 +
    <li class="active"><a href="https://2016.igem.org/Team:SCAU-China/Gallery">1</a></li>
 +
    <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_2">2</a></li>
 +
    <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_3">3</a></li>
 +
    <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_4">4</a></li>
 +
    <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_5">5</a></li>
 +
<li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_6">6</a></li>
 +
    <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_2">next</a></li>
 +
 
 +
  </ul>
 +
  </div>
 
</div>
 
</div>
 
                                     
 
                                     
 
</body>
 
</body>
−
 
+
<div class="shake-slow" style=" cursor:pointer;position:fixed; right:20px; bottom:20px;">
 +
<img src="https://static.igem.org/mediawiki/2016/f/fa/T--SCAU-China--Home5.png" onClick="abc()" width="100px" />
 +
</div>
 +
<div id="last_page" style=" cursor:pointer;position:fixed; left:20px; top:50%;" >
 +
<a href="https://2016.igem.org/Team:SCAU-China/Notebook"><img src="https://static.igem.org/mediawiki/2016/4/4f/T--SCAU-China--Home10.png" width="100px"/></a>
 +
</div>
 +
<div id="next_page" style=" cursor:pointer;position:fixed; right:20px; top:50%;">
 +
<a href="https://2016.igem.org/Team:SCAU-China/Protocol"><img src="https://static.igem.org/mediawiki/2016/6/61/T--SCAU-China--Home11.png" width="100px" /></a>
 +
</div>
 +
<script>
 +
var timer = null;
 +
function abc(){
 +
cancelAnimationFrame(timer);
 +
timer = requestAnimationFrame(function fn(){
 +
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
 +
if(oTop > 0){
 +
document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
 +
timer = requestAnimationFrame(fn);
 +
}else{
 +
cancelAnimationFrame(timer);
 +
}
 +
});
 +
}
 +
</script>
 
<script src="https://2016.igem.org/Team:SCAU-China/jsfile?action=raw&ctype=text/javascript"></script>  <!--mater-->
 
<script src="https://2016.igem.org/Team:SCAU-China/jsfile?action=raw&ctype=text/javascript"></script>  <!--mater-->
  
  
 
</html>
 
</html>

Latest revision as of 06:10, 18 October 2016

SCAU

Gallery