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(http://2013.igem.org/wiki/images/8/84/Insa-toulouse2013-listpuce1.png);}
 +
 +
  .list .circlearrow li{ display : list-item; list-style-image : url(http://2013.igem.org/wiki/images/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>
-
<p class="texte">Vivamus varius aliquet nisl vel efficitur. Praesent congue mi vel elit volutpat posuere. Mauris vitae viverra urna. Cras ligula purus, malesuada ac molestie id, vestibulum eget magna. Quisque consequat erat vitae odio feugiat feugiat. Donec eleifend congue suscipit. Nam maximus nec elit vitae dapibus. Cras et rhoncus purus, quis scelerisque nunc. Integer mollis ut dolor at tincidunt. Cras feugiat, tellus id condimentum commodo, tortor urna lacinia sapien, eu convallis lorem ante id augue. Nullam vitae metus mi.</p>
+
  <div id="slideshow">
-
 
+
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/0/0a/Gallery2.JPG" alt="" class="active" />
-
<p class="texte">Vivamus malesuada, diam vitae cursus posuere, lorem augue ultrices neque, sit amet mattis tellus massa sed enim. Praesent a suscipit tellus, id accumsan arcu. Maecenas vitae volutpat felis. Vivamus felis ligula, vestibulum ut venenatis quis, ultrices in magna. In elementum placerat posuere. Nam viverra risus vitae nunc pulvinar, eu ultrices urna ullamcorper. In elementum dui imperdiet, venenatis neque sed, facilisis augue. Sed maximus vulputate eleifend. Suspendisse at bibendum orci, a porttitor velit. Sed vestibulum magna dui, ut fringilla metus auctor sed.</p>
+
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/2/2d/Gallery1.JPG" alt="" />
-
 
+
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d4/Gallery3.JPG" alt="" />
-
<p class="texte">Aliquam molestie semper dignissim. In ut lorem dictum, hendrerit mauris ac, sagittis nulla. Phasellus hendrerit tempus ornare. Pellentesque eu justo in dolor viverra suscipit ut posuere augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer massa orci, pulvinar non blandit in, suscipit nec ex. In pretium lacinia tellus. Duis interdum velit lacinia pellentesque euismod. Nulla pretium accumsan tellus, sed faucibus metus aliquet ac. Donec eleifend dui nec odio volutpat, eu suscipit nibh auctor. Praesent porta ullamcorper risus vitae lobortis. Proin at purus velit. Pellentesque facilisis urna ac nibh mollis, a molestie felis malesuada.</p>
+
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/6/68/Gallery4.JPG" alt="" />
-
 
+
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d2/Gallery5.JPG" alt="" />
-
    </div>
+
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/3/3e/Gallery6.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d9/Gallery8.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/1/16/Gallery10.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/a/a2/Gallery12.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/9/91/Gallery13.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/a/a2/Gallery15.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/1/19/Gallery16.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/b/b8/Gallery17.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/f/f9/Gallery18.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/5/5b/Gallery20.JPG" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/7/7e/Gallery21.jpg" alt="" />
 +
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/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