Team:UCLondon/Templates/timeline-struct

From 2012e.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
-
<script src="http://www.csslab.cl/ejemplos/timelinr/latest/js/jquery.timelinr-0.9.51.js" type="text/javascript"></script>
+
<script src="https://dl.dropbox.com/u/3703109/igeme/js/jquery.timelinr-0.9.51.js" type="text/javascript"></script>
Line 65: Line 65:
list-style: none;
list-style: none;
float: left;
float: left;
-
                                 padding-left: 10px;
+
                                position:relative;
-
                                 padding-right:10px;
+
                                left: -30px;
 +
                                 padding-left: 0px;
 +
                                 padding-right:0px;
}
}
#issues li.selected img {
#issues li.selected img {
Line 97: Line 99:
#issues h1 { color: #497567; font-size:17pt; font-family: Helvetica, sans-serif; }
#issues h1 { color: #497567; font-size:17pt; font-family: Helvetica, sans-serif; }
 +
 +
#issues li p {height:auto !important; width: 580px; padding-left:0px;}
 +
.participants {display: none;}
Line 143: Line 148:
   // hack to increase the width of float element so the last item will display.
   // hack to increase the width of float element so the last item will display.
-
   setTimeout((function() {$('#issues').css('width', parseInt($('#issues').css('width').replace('px', '')) + 1000 +"px" ); }), 1500);
+
   setTimeout((function() {$('#issues').css('width', parseInt($('#issues').css('width').replace('px', '')) + 500 +"px" ); }), 1500);
   //$('#issues').css('width', parseInt($('#issues').css('width').replace('px', '')) + 3000 +"px" );
   //$('#issues').css('width', parseInt($('#issues').css('width').replace('px', '')) + 3000 +"px" );

Latest revision as of 14:45, 20 January 2013