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

 
(12 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 105: 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 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    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" />
Line 126: Line 131:
 
<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/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" />
 
<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>
 
     <div class="row">
 
     <div class="row">
−
     <div class="col s3">
+
     <div class="col s4">
 
     </div>
 
     </div>
−
     <ul class="pagination col s9">
+
     <ul class="pagination col s8">
−
     <li class="waves-effect"><a href="#!">prev</a></li>
+
     <li class="active"><a href="https://2016.igem.org/Team:SCAU-China/Gallery">1</a></li>
−
    <li class="active"><a href="#!">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="#!">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="#!">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="#!">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="#!">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="#!">6</a></li>
+
    <li class="waves-effect"><a href="https://2016.igem.org/Team:SCAU-China/Gallery_2">next</a></li>
−
<li class="waves-effect"><a href="#!">7</a></li>
+
 
−
<li class="waves-effect"><a href="#!">8</a></li>
+
−
    <li class="waves-effect"><a href="#!">next</a></li>
+
 
   </ul>
 
   </ul>
 
   </div>
 
   </div>
Line 147: Line 150:
 
                                     
 
                                     
 
</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