-
#
- 1
- 2
- 3
- 4
- 5
- 6
- 7
Difference between revisions of "Team:UNITN-Trento/Gallery"
(35 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: | + | #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 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, # | + | <html><script>jQuery('#menulin_more, #menulin_more_gallery').addClass('current');</script></header> |
− | <!-- Main -- | + | <!-- Main --> |
− | + | ||
<article id="sliderersct" > | <article id="sliderersct" > | ||
− | <div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: | + | <div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 720px;"> |
− | <ul style="width: | + | <ul style="width: 100%; position: relative; height: 720px;"> |
− | <li style="width: | + | <li style="width: 100%; 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/b/bc/UniTN_pics_2015_gallery2.JPG'); "></li> |
− | </article> | + | <li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/d/d0/UniTN_pics_2015_gallery3.JPG'); "></li> |
+ | <li style="width: 100%; background-image: url('https://static.igem.org/mediawiki/2015/3/30/UniTN_pics_2015_gallery5.JPG'); "></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: 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> | |
− | < | + | |
− | <script> | + | <script> |
− | + | jQuery(document).ready(function ($) { | |
− | $( | + | $(window).stellar(); |
− | + | $('.banner').unslider({fluid: true, dots: true, speed: 3000}); | |
− | + | }); | |
− | + | </script> | |
+ | </html> |
Latest revision as of 14:37, 18 September 2015