Difference between revisions of "Team:UNITN-Trento/Gallery"

 
(39 intermediate revisions by 4 users not shown)
Line 6: Line 6:
 
 
 
<script src="https://2015.igem.org/Template:UNITN-Trento/JSscrollgress?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:UNITN-Trento/JSscrollgress?action=raw&ctype=text/javascript"></script>
−
 
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSStellar?action=raw&ctype=text/javascript"></script>
 
    
 
    
 
<script src="https://2015.igem.org/Template:UNITN-Trento/JSunslider?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:UNITN-Trento/JSunslider?action=raw&ctype=text/javascript"></script>
Line 12: Line 12:
 
 
 
<style>
 
<style>
−
#sliderersct b{font-weight:500;font-size:16px;color:#c3522f}#sliderersct .banner{position:relative;width:100%;overflow:auto;-webkit-font-smoothing:antialiased;font-size:18px;line-height:24px;text-align:center;color:rgba(255,255,255,.9);text-shadow:0 0 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.3);background:#5b4d3d;box-shadow:0 1px 2px rgba(0,0,0,.25)}#sliderers_8ct .banner ul{list-style:none;width:300%}#sliderersct .banner ul li{display:block;float:left;width:33%;padding:160px 0 110px;min-height:350px;background-size:cover;background-position:center center;box-shadow:inset 0 -3px 6px rgba(0,0,0,.1)}#sliderersct .pintest{font-size:40px;line-height:52px;color:#fff;font-weight:300;font-family:bree-web,Bree,sans-serif;padding:20px;background-color:rgba(0,0,0,.4);margin-top:0}#sliderersct .pintest span{margin-top:0;font-size:16px}#sliderersct .banner .btn{display:inline-block;margin:25px 0 0;padding:9px 22px 7px;clear:both;line-height:18px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;border:2px solid rgba(255,255,255,.4);border-radius:5px}#sliderersct .banner .btn:hover{background:rgba(255,255,255,.05)}#sliderersct .banner .btn:active{-webkit-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-moz-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-ms-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-o-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));filter:drop-shadow(0 -1px 2px rgba(0, 0, 0, .5))}#sliderersct .banner .btn,.banner .dot{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-ms-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-o-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}#sliderersct .banner .dots{position:absolute;left:0;right:0;bottom:20px}#sliderersct .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}#sliderersct .banner .dots li.active{background:#fff;opacity:1}
+
#sliderersct b{font-weight:500;font-size:16px;color:#c3522f}#sliderersct .banner{position:relative;width:100%;overflow:auto;-webkit-font-smoothing:antialiased;font-size:18px;line-height:24px;text-align:center;color:rgba(255,255,255,.9);text-shadow:0 0 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.3);background:#5b4d3d;box-shadow:0 1px 2px rgba(0,0,0,.25)}#sliderers_8ct .banner ul{list-style:none;width:300%}#sliderersct .banner ul li{display:block;float:left;width:33%;padding:750px 0 110px;min-height:350px;background-size:cover;background-position:center center;box-shadow:inset 0 -3px 6px rgba(0,0,0,.1)}#sliderersct .pintest{font-size:40px;line-height:52px;color:#fff;font-weight:300;font-family:bree-web,Bree,sans-serif;padding:20px;background-color:rgba(0,0,0,.4);margin-top:0}#sliderersct .pintest span{margin-top:0;font-size:16px}#sliderersct .banner .btn{display:inline-block;margin:25px 0 0;padding:9px 22px 7px;clear:both;line-height:18px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;border:2px solid rgba(255,255,255,.4);border-radius:5px}#sliderersct .banner .btn:hover{background:rgba(255,255,255,.05)}#sliderersct .banner .btn:active{-webkit-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-moz-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-ms-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-o-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));filter:drop-shadow(0 -1px 2px rgba(0, 0, 0, .5))}#sliderersct .banner .btn,.banner .dot{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-ms-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-o-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}#sliderersct .banner .dots{position:absolute;left:-150px;right:0;bottom:20px}#sliderersct .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}#sliderersct .banner .dots li.active{background:#fff;opacity:1}
 
</style>
 
</style>
 
   
 
   
 
<div id="super_wrap">  
 
<div id="super_wrap">  
−
<div class="no-sidebar">
 
 
<div id="page-wrapper">
 
<div id="page-wrapper">
  
Line 22: Line 21:
 
<header id="header"></html>
 
<header id="header"></html>
 
{{UNITN-Trento/mainMenu}}
 
{{UNITN-Trento/mainMenu}}
−
<html><script>jQuery('#menulin_project, #menulin_project_description').addClass('current');</script></header>
+
<html><script>jQuery('#menulin_more, #menulin_more_gallery').addClass('current');</script></header>
−
<!-- Main -->
+
<!-- Main -->  
−
<style>.faabig:before,.faabig:after{font-size:1.8em; margina:0;} .faabig{position:absolute; right:0; top:0.9em;}</style>
+
 
<article id="sliderersct" >  
 
<article id="sliderersct" >  
−
<div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 415px;">
+
<div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 720px;">
−
<ul style="width: 400%; position: relative; left: -300%; height: 415px;">  
+
<ul style="width: 100%; position: relative; height: 720px;">  
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Unitn_pics_slider_3.jpg'); ">
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/a/a3/UniTN_pics_2015_gallery1.JPG'); "></li>
−
<p class="pintest">Electricity from <i>E. coli</i><br/>
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/b/bc/UniTN_pics_2015_gallery2.JPG'); "></li>
−
<span>Check Out our Amazing Idea! Have Fun!<br/>
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/d/d0/UniTN_pics_2015_gallery3.JPG'); "></li>
−
<a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Description">Project</a></span></p>
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/3/30/UniTN_pics_2015_gallery5.JPG'); "></li>
−
</li>
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/parts/4/4c/Unitn_pics_Galery20157.jpg'); "></li>
−
+
                                                        <li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/2/22/Unitn_pics_2015_Gallery06.JPG'); "></li>
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a7/Unitn_pics_slider_4.jpg'); ">
+
                                                        <li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/parts/a/a8/UniTN_pics_2015_gallery6.JPG'); "></li>
−
<p class="pintest">UNITN-iGEM Team 2015<br/>
+
#<ol class="dots"><li class="dot">1</li><li class="dot">2</li><li class="dot">3</li><li class="dot">4</li><li class="dot">5</li><li class="dot">6</li><li class="dot">7</li></ol>
−
<span>Click here to meet the team!<br/>
+
</article></div> </div>
−
+
−
<a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Team"> Team </a></span></p>
+
−
</li>
+
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/0/04/Unitn_pics_slider_5.jpg'); ">
+
−
<p class="pintest">InterLab Measurement Study<br/>
+
−
<span>Many Techniques, Different Strains and so much Fluorescence… Enjoy the Measurement InterLab Study<br/>
+
−
+
−
<a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Measurement"> Interlab Study </a></span></p>
+
−
</li>
+
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/6/6e/Unitn_pics_slider_7.jpg'); ">
+
−
<p class="pintest">Energy Waste is a Serious Problem<br/>
+
−
<span>Follow Us and Learn How to Save It<br/>
+
−
+
−
<a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Practices"> Human Practices </a></span></p>
+
−
</li>
+
−
+
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/6/63/Unitn_pics_slider_8.jpg'); ">
+
−
<p class="pintest">Safety First<br />
+
−
<span>We Do Care about Safety: Check It Out!<br/>
+
−
+
−
<a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Safety"> Safety </a></span></p>
+
−
</li>
+
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/5/58/Unitn_pics_slider_6.jpg'); ">
+
−
<p class="pintest">Synthetic Biology and Mountains<br/>
+
−
<span>Admire our Lovely City, Surrounded by Mountains. Trento is Waiting for You<br/>
+
−
<a class="btn" href="http://www.unitn.it/en" target="_blank"> University of Trento </a></span></p>
+
−
</li>
+
−
</ul>
+
−
<ol class="dots"><li class="dot">1</li><li class="dot">2</li><li class="dot">3</li><li class="dot">4</li><li class="dot">4</li><li class="dot">4</li></ol></div>
+
−
</article>
+
 
</html>{{UNITN-Trento/mainFooter}}<html>  
 
</html>{{UNITN-Trento/mainFooter}}<html>  
−
 
 
</div>
 
</div>
−
 
+
</div>
−
<!-- Scripts -->  
+
−
<script>$(function()
+
<script>  
−
{new WOW().init();  
+
jQuery(document).ready(function ($) {
−
$(".fancybox").fancybox({});
+
$(window).stellar();
−
 
+
$('.banner').unslider({fluid: true, dots: true, speed: 3000});
−
jQuery('#shower').css('height',parseInt(jQuery('#shower').width())*1.06+'px');
+
});
−
jQuery('#overh_pr').css('height',parseInt(jQuer
+
</script>
 +
</html>

Latest revision as of 14:37, 18 September 2015