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

Line 1: Line 1:
 
<html>
 
<html>
 
</p></div>
 
</p></div>
 
 
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
 
Line 15: Line 14:
 
#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: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}
 
</style>
 
</style>
+
+
<div id="super_wrap">  
+
<div id="super_wrap">
+
 
<div id="page-wrapper">
 
<div id="page-wrapper">
  
<!-- Header -->
+
<!-- Header-->
<header id="header" class="alt"></html>{{UNITN-Trento/mainMenu}}<html><script>jQuery('#menulin_more, #menulin_more_human').addClass('current');</script></header>
+
<header id="header"></html>
<!-- Banner -->
+
{{UNITN-Trento/mainMenu}}
 
+
<html><script>jQuery('#menulin_more, #menulin_more_human').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: 420px;">
<ul style="width: 400%; position: relative; left: -300%; height: 415px;">  
+
<ul style="width: 400%; position: relative; left: -300%; height: 420px;">  
 
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a3/UniTN_pics_2015_gallery1.JPG'); "><p class="pintest">UNITN-iGEM Team 2015<br/>
 
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a3/UniTN_pics_2015_gallery1.JPG'); "><p class="pintest">UNITN-iGEM Team 2015<br/>
 
<span>Click here to meet the team!<br/>
 
<span>Click here to meet the team!<br/>
Line 37: Line 33:
 
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/b/bc/UniTN_pics_2015_gallery2.JPG'); "></li>
 
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/b/bc/UniTN_pics_2015_gallery2.JPG'); "></li>
 
</ul>
 
</ul>
<ol class="dots"><li class="dot">1</li><li class="dot">2</li></ol></div>
+
<ol class="dots"><li class="dot">1</li><li class="dot">2</li></ol>
</article>
+
</article></div> </div>
 
+
<!-- Footer -->
+
 
</html>{{UNITN-Trento/mainFooter}}<html>  
 
</html>{{UNITN-Trento/mainFooter}}<html>  
 
</div>
 
</div>

Revision as of 21:16, 17 September 2015