"

From 2014.igem.org

@CHARSET "UTF-8"; ul.timeline {

   list-style-type: none;
 background: url("../images/time2.png") repeat-y scroll 120px 0 transparent;
   margin: 50px 0;
      padding: 0;
   }

    ul.timeline li {
        position: relative;
         margin-bottom: 20px;
     }

    ul.timeline li .time {

position: absolute; width: 65px; text-align: right; left: 56px; top: 2px; color: #999; height: 38px;

   }

     ul.timeline li .version {
        position: absolute;
        width: 290px;
        text-align: right;
        left: -200px;
        top: 30px;
        font-size: 40px;
        line-height: 50px;

        color: #3594cb;
        overflow: hidden;
    }
     ul.timeline li .number {

position: absolute; background: url("../images/time1.png") no-repeat scroll 0 0 transparent; width: 56px; height: 56px; left: 61px; line-height: 56px; text-align: center; color: #fff; font-size: 18px; top: 0px;

    }
     ul.timeline li.alt .number {
         background-image: url("../images/time1.png");
      }
     ul.timeline li .content {
         margin-left: 180px;        
     }
     ul.timeline li .content pre {
         background-color:#3594cb;  /* #3594cb*/
         padding: 20px;
         color: #fff;
         font-size: 13px;
         line-height: 20px;
     }
    ul.timeline li.alt .content pre {

         background-color: #43B1F1;

     }