"

From 2012.igem.org

Using the Toolkit

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<link rel="stylesheet" href=" http://www.hcs.harvard.edu/~stahr/javascript/style.css" type="text/css" media="screen" />

<style type="text/css"> .issuedate { color: #484848; background: none; font-weight: normal; margin-right: 70px; padding-top: .5em; padding-bottom: .17em; border-bottom: none; font-size:140%; line-height:130%; }

1. dates .iGEM11 {

font-size: 27px; }

</style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

<script src="http://www.hcs.harvard.edu/~stahr/javascript/jquery.timelinr-0.9.3.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

$().timelinr({

datesSpeed: 800, issuesSpeed: 800,

                               issuesTransparency: 1.0,

arrowKeys: 'true',

})

});

</script>

<style type="text/css">

1. ip_quote

{

 margin-top:27px;
 margin-bottom:27px;
 margin-left:auto;
 margin-right:auto;
 width:75%;
 color:#C22227;
 font-size:140%;
 line-height:140%;
 text-align:justify;

} </style> </head> </html>