Template:Regional Europe 2012 Page CSS
From 2012.igem.org
(Difference between revisions)
Line 616: | Line 616: | ||
background: #fff; | background: #fff; | ||
} | } | ||
+ | |||
+ | |||
+ | /* /////////////////////////////////////////////////////////////////////////// | ||
+ | // Timeline | ||
+ | /////////////////////////////////////////////////////////////////////////// */ | ||
+ | |||
+ | <!--Design provided by <a href="https://2010.igem.org/Team:TU_Delft#page=Home/">iGEM TU Delft 2010</a>.--!> | ||
+ | |||
+ | table { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-size: 11px; | ||
+ | border: none; | ||
+ | } | ||
+ | table td { | ||
+ | padding: 0px; | ||
+ | } | ||
+ | table .head { | ||
+ | background-color: none; | ||
+ | font-weight: normal; | ||
+ | color: #fff; | ||
+ | } | ||
+ | table .odd { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #timeline_container { | ||
+ | overflow-x: scroll; | ||
+ | width: 500px; | ||
+ | /* border: 1px solid #216085; */ | ||
+ | height: 250px; | ||
+ | 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:# 34AB05; | ||
+ | scrollbar-arrow-color:#fff; | ||
+ | } | ||
+ | |||
+ | #timeline_content { | ||
+ | width: 1650px; | ||
+ | height: 380px; | ||
+ | } | ||
+ | |||
+ | #content-block { | ||
+ | width: 210px; | ||
+ | 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; | ||
+ | margin-bottom: -10px; | ||
+ | line-height: 12px; | ||
+ | } | ||
+ | |||
+ | .month-summary img { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | #content-block a { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #content-block a:hover { | ||
+ | text-decoration: underline; | ||
+ | color: #000; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 10:20, 23 April 2012