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

 
(31 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_more, #menulin_more_human').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: 420px;">
+
<div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 720px;">
−
<ul style="width: 400%; position: relative; left: -300%; height: 420px;">  
+
<ul style="width: 100%; position: relative; height: 720px;">  
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a3/UniTN_pics_2015_gallery1.JPG'); "></li>
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/a/a3/UniTN_pics_2015_gallery1.JPG'); "></li>
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/b/bc/UniTN_pics_2015_gallery2.JPG'); "></li>
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/b/bc/UniTN_pics_2015_gallery2.JPG'); "></li>
−
</ul>
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/d/d0/UniTN_pics_2015_gallery3.JPG'); "></li>
−
<ol class="dots"><li class="dot">1</li><li class="dot">2</li></ol>
+
<li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/3/30/UniTN_pics_2015_gallery5.JPG'); "></li>
−
</article>
+
<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: 100%; background-image: url('https://static.igem.org/mediawiki/parts/a/a8/UniTN_pics_2015_gallery6.JPG'); "></li>
 +
#<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>
 +
</article></div> </div>
 
</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