Changeset 467 for trunk/web-app


Ignore:
Timestamp:
May 26, 2010, 10:50:53 AM (11 years ago)
Author:
roberth
Message:

Updated study view to show the events on a timeline.

Location:
trunk/web-app
Files:
112 added
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/web-app/css/studies.css

    r453 r467  
    2424    vertical-align: center;
    2525}
     26
     27/*
     28    Hide the timeline by default in order to create a good layout for non-script
     29    browsers. The div is shown again using javascript
     30*/
     31.eventstimeline {
     32    display: none;
     33    height: 350px;
     34    margin-left: 200px;
     35    border: 1px solid #cccccc;
     36}
     37.eventtitles {
     38    display: none;
     39    position: absolute; width: 200px;
     40}
     41.eventtitles .timeline-subjects {
     42    margin-top: 3px;
     43    font-size: 0.9em;
     44    color: #555;
     45}
     46
     47.eventtitles .timeline-title {
     48    position: absolute;
     49    width: 190px;
     50    padding: 5px;
     51}
     52
     53/* Hide titles for overview and date bands */
     54.eventtitles .timeline-title-0,
     55.eventtitles .timeline-title-1 { display: none; }
     56
     57/* Background color of the overview and date bands */
     58.eventstimeline .timeline-band-0 .timeline-ether-bg { background-color:#eee }
     59.eventstimeline .timeline-band-1 .timeline-ether-bg { background-color:#ddd; }
     60
     61/* Background colors of the other bands (and titles)*/
     62.eventstimeline .timeline-band-2 .timeline-ether-bg ,
     63.eventstimeline .timeline-band-4 .timeline-ether-bg ,
     64.eventstimeline .timeline-band-6 .timeline-ether-bg ,
     65.eventstimeline .timeline-band-8 .timeline-ether-bg ,
     66.eventstimeline .timeline-band-10 .timeline-ether-bg ,
     67.eventstimeline .timeline-band-12 .timeline-ether-bg ,
     68.eventstimeline .timeline-band-14 .timeline-ether-bg ,
     69.eventstimeline .timeline-band-16 .timeline-ether-bg,
     70.eventtitles .even
     71    {background-color:#eee}
     72
     73.eventstimeline .timeline-band-3 .timeline-ether-bg ,
     74.eventstimeline .timeline-band-5 .timeline-ether-bg ,
     75.eventstimeline .timeline-band-7 .timeline-ether-bg ,
     76.eventstimeline .timeline-band-9 .timeline-ether-bg ,
     77.eventstimeline .timeline-band-11 .timeline-ether-bg ,
     78.eventstimeline .timeline-band-13 .timeline-ether-bg ,
     79.eventstimeline .timeline-band-15 .timeline-ether-bg ,
     80.eventstimeline .timeline-band-17 .timeline-ether-bg,
     81.eventtitles .odd
     82    {background-color:#ddd}
     83
     84.eventtitles .studytitle { font-weight: bold; background-color: transparent; }
     85
Note: See TracChangeset for help on using the changeset viewer.