Team:Toulouse/Team/Gallery
From 2014.igem.org
(Difference between revisions)
Line 92: | Line 92: | ||
display :block; | display :block; | ||
+ | } | ||
+ | |||
+ | .list{float:left; width:225px; margin:0 15px 50px 0;} | ||
+ | |||
+ | .list ul{color:#5a6060; font-family:'Open Sans'; font-size:14px;} | ||
+ | |||
+ | .list .arrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/8/84/Insa-toulouse2013-listpuce1.png);} | ||
+ | |||
+ | .list .circlearrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/9/94/Insa-toulouse2013-listpuce2.png);} | ||
+ | |||
+ | .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;} | ||
+ | |||
+ | .tablecontent{ | ||
+ | background-color:#FFFFFF; | ||
+ | width=100%; | ||
+ | cellpadding=0; | ||
+ | cellspacing=0; | ||
+ | -webkit-border-radius:9px; | ||
+ | -moz-border-radius:9px; | ||
+ | border-radius:9px; | ||
+ | -moz-box-shadow: 0px 4px 0px 0px #e5e6e6; | ||
+ | -webkit-box-shadow: 0px 4px 0px 0px #e5e6e6; | ||
+ | -o-box-shadow: 0px 4px 0px 0px #e5e6e6; | ||
+ | box-shadow: 0px 4px 0px 0px #e5e6e6; | ||
+ | margin: 0 0 40px 0; | ||
+ | filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e6e6, Direction=180, Strength=0);} | ||
+ | |||
+ | .tablecontent tr{height:42px; color:#5a6060; font-family:'Open Sans'; font-size:14px;} | ||
+ | |||
+ | .tablecontent td{padding:0 25px 0 20px;} | ||
+ | |||
+ | |||
+ | #slideshow { | ||
+ | position:relative; | ||
+ | height:428px; | ||
+ | } | ||
+ | |||
+ | #slideshow IMG { | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | z-index:8; | ||
+ | } | ||
+ | |||
+ | #slideshow IMG.active { | ||
+ | z-index:10; | ||
+ | } | ||
+ | |||
+ | #slideshow IMG.last-active { | ||
+ | z-index:9; | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <script> | ||
+ | function slideSwitch() { | ||
+ | var $active = $('#slideshow IMG.active'); | ||
+ | var $next = $active.next(); | ||
+ | |||
+ | $next.addClass('active'); | ||
+ | |||
+ | $active.removeClass('active'); | ||
+ | } | ||
+ | |||
+ | $(function() { | ||
+ | setInterval( "slideSwitch()", 2500 ); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
<body> | <body> | ||
Line 111: | Line 178: | ||
<p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus turpis urna, dapibus auctor mi eu, mollis ultrices nisl. Nunc suscipit tortor mi. In sapien nunc, condimentum in commodo quis, lobortis et arcu. Proin accumsan nunc eget ante luctus ornare. Nunc laoreet elit vel vulputate fermentum. Integer faucibus, nunc non lobortis faucibus, ante mauris posuere ligula, sed laoreet lectus turpis a nisl. Morbi ac enim felis.</p> | <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus turpis urna, dapibus auctor mi eu, mollis ultrices nisl. Nunc suscipit tortor mi. In sapien nunc, condimentum in commodo quis, lobortis et arcu. Proin accumsan nunc eget ante luctus ornare. Nunc laoreet elit vel vulputate fermentum. Integer faucibus, nunc non lobortis faucibus, ante mauris posuere ligula, sed laoreet lectus turpis a nisl. Morbi ac enim felis.</p> | ||
- | < | + | <div id="slideshow"> |
- | + | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/0/0a/Gallery2.JPG" alt="" class="active" /> | |
- | < | + | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/2/2d/Gallery1.JPG" alt="" /> |
- | + | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/d/d4/Gallery3.JPG" alt="" /> | |
- | < | + | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/6/68/Gallery4.JPG" alt="" /> |
- | + | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/d/d2/Gallery5.JPG" alt="" /> | |
- | + | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/3/3e/Gallery6.JPG" alt="" /> | |
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/d/d9/Gallery8.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/1/16/Gallery10.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/a/a2/Gallery12.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/9/91/Gallery13.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/a/a2/Gallery15.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/1/19/Gallery16.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/b/b8/Gallery17.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/f/f9/Gallery18.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/5/5b/Gallery20.JPG" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/7/7e/Gallery21.jpg" alt="" /> | ||
+ | <img style="width:650px;" src="https://static.igem.org/mediawiki/2014/6/69/Gallery25.JPG" alt="" /> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
+ | |||
<!-------------------------------- FOOTER ---------------------------------> | <!-------------------------------- FOOTER ---------------------------------> | ||
+ | |||
{{:Team:Toulouse/template/footer}} | {{:Team:Toulouse/template/footer}} |
Revision as of 11:30, 8 October 2014
Team > Gallery
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus turpis urna, dapibus auctor mi eu, mollis ultrices nisl. Nunc suscipit tortor mi. In sapien nunc, condimentum in commodo quis, lobortis et arcu. Proin accumsan nunc eget ante luctus ornare. Nunc laoreet elit vel vulputate fermentum. Integer faucibus, nunc non lobortis faucibus, ante mauris posuere ligula, sed laoreet lectus turpis a nisl. Morbi ac enim felis.