Team:Toulouse

From 2014.igem.org

(Difference between revisions)
Line 39: Line 39:
/**********/
/**********/
-
 
+
.scrollable{
-
 
+
display:none;
-
/* Slider (thanks to flowplayer.org) */
+
}
-
/*************************************/
+
-
.scrollable {
+
-
/* required settinsg */
+
-
position: relative;
+
-
overflow :hidden;
+
-
    margin-top: 14px;
+
-
    width: 970px;
+
-
    height: 400px;
+
-
    border: 1px solid #FFFFFF;
+
-
    background: #FFFFFF;
+
-
    }
+
-
   
+
-
.scrollable .items {
+
-
/* this cannot be too large */
+
-
width: 50000px;
+
-
position: absolute;
+
-
    }
+
-
   
+
-
.items div {
+
-
float: left;
+
-
width: 970px;
+
-
height: 400px;
+
-
    }
+
-
   
+
-
.prev {
+
-
        background: url(http://2011.igem.org/wiki/images/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        position: absolute;
+
-
            left: -486px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
+
-
            top: 450px;
+
-
        margin-left: 50%;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.next {
+
-
        background: url(http://2011.igem.org/wiki/images/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        margin-right: 50%;
+
-
        position: absolute;
+
-
            right: -488px;
+
-
            top: 450px;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.disabled {
+
-
        visibility: hidden;}
+
-
 
+
</style>
</style>
-
 
-
<!--/* JS contenu PROPRE à cette page*/-->
 
-
 
-
    <!-- jQuery Tools (slider) -->
 
-
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
 
-
    <script>
 
-
        $(function() {
 
-
    // initialize scrollable
 
-
    $(".scrollable").scrollable().navigator();
 
-
        });
 
-
    </script>
 
-
 
-
<!-------------------------------- SLIDE HEADER --------------------------------->
 
-
 
-
            <div class="scrollable">
 
-
              <div class="items">
 
-
                <div>
 
-
                  <a href="http://2014.igem.org/Team:Toulouse/Project/Overviews"><img src="http://2014.igem.org/wiki/images/a/a8/Intro_3colori.jpg" alt="Title"/></a>
 
-
                </div>
 
-
 
-
                <div>
 
-
                  <a href="http://2014.igem.org/Team:Toulouse/Project/Overview"><img src="http://2014.igem.org/wiki/images/b/b9/Overviews_color.png" alt="Introduction"/></a>
 
-
                </div>
 
-
                <div>
 
-
                    <a href="http://2014.igem.org/Team:Toulouse/Team"><img src="#" alt="Team" /></a>
 
-
                </div>
 
-
                <div>
 
-
                    <a href="#"><img src="#" alt="#"/></a>
 
-
                </div>
 
-
 
-
              </div>
 
-
            </div>
 
-
            <div class="prev"></div>
 
-
            <div class="next"></div>
 
-
            <div class="navi"></div>
 
-
 
-
<div class="clear"></div>
 
<!-------------------------------- CONTENT --------------------------------->
<!-------------------------------- CONTENT --------------------------------->

Revision as of 18:55, 22 September 2014