Team:TU Delft/Notebook/timeline
From 2010.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
<script type='text/javascript' src ='https://2010.igem.org/Team:TU_Delft/files/jQuery_mousewheel_plugin.js?action=raw&ctype=text/javascript'></script> | <script type='text/javascript' src ='https://2010.igem.org/Team:TU_Delft/files/jQuery_mousewheel_plugin.js?action=raw&ctype=text/javascript'></script> | ||
<script type='text/javascript' src ='https://2010.igem.org/Team:TU_Delft/files/dragscrollable.js?action=raw&ctype=text/javascript'></script> | <script type='text/javascript' src ='https://2010.igem.org/Team:TU_Delft/files/dragscrollable.js?action=raw&ctype=text/javascript'></script> | ||
+ | |||
+ | <style> | ||
+ | #timeline_container { | ||
+ | overflow-x: scroll; | ||
+ | width: 690px; | ||
+ | /* border: 1px solid #216085; */ | ||
+ | height: 400px; | ||
+ | overflow-y:hidden; | ||
+ | scrollbar-face-color:#266c96; | ||
+ | scrollbar-shadow-color:#216085; | ||
+ | scrollbar-highlight-color:#216085; | ||
+ | scrollbar-3dlight-color:#216085; | ||
+ | scrollbar-darkshadow-color:#216085; | ||
+ | scrollbar-track-color:#d0f1fa; | ||
+ | scrollbar-arrow-color:#fff; | ||
+ | } | ||
+ | |||
+ | #timeline_content { | ||
+ | width: 2250px; | ||
+ | height: 380px; | ||
+ | } | ||
+ | |||
+ | #content-block { | ||
+ | width: 250px; | ||
+ | padding: 10px; | ||
+ | float: left; | ||
+ | } | ||
+ | .fastlink { | ||
+ | font-size: 9px; | ||
+ | font-weight: bold; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .fastlink:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .month { | ||
+ | margin: 10px; | ||
+ | background-color: #d0f1fa; | ||
+ | text-align: center; | ||
+ | font-weight:bold; | ||
+ | display:block; | ||
+ | width: 100%; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | .month-summary { | ||
+ | font-size: 9px; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .timeline-item { | ||
+ | display:block; | ||
+ | padding: 3px; | ||
+ | border: 1px solid #eee; | ||
+ | font-size: 10px; | ||
+ | float: left; | ||
+ | margin: 3px 10px; | ||
+ | line-height: 19px; | ||
+ | width: 210px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .timeline-item .date { | ||
+ | display: block; | ||
+ | font-weight: bold; | ||
+ | font-size: 12px; | ||
+ | float: left; | ||
+ | line-height: 15px; | ||
+ | color: #fff; | ||
+ | background-color: #c4e438; | ||
+ | padding: 2px; | ||
+ | width: 20px; | ||
+ | text-align: center; | ||
+ | margin-right: 3px; | ||
+ | } | ||
+ | </style> | ||
<table> | <table> |
Revision as of 12:08, 12 October 2010
Timeline
Eight months of work are not easily described in a few words. That's why we made this timeline to give you a quick overview of all that has been going on in and around our lab. If you really would like to know what we did every day, please take a look at our blog.