|
1 /* styles for the timetable view |
|
2 * |
|
3 * :organization: Logilab |
|
4 * :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved. |
|
5 * :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr |
|
6 */ |
|
7 |
|
8 table.timetable { |
|
9 width: auto; |
|
10 table-layout: fixed; |
|
11 } |
|
12 |
|
13 table.timetable th { |
|
14 padding:1pt; |
|
15 text-align:center; |
|
16 } |
|
17 |
|
18 |
|
19 table.timetable td { |
|
20 width:10px; |
|
21 } |
|
22 |
|
23 table.timetable td.ttlf { |
|
24 border-right:none; |
|
25 border-left-width:2pt; |
|
26 border-bottom:none; |
|
27 border-top:none; |
|
28 } |
|
29 |
|
30 table.timetable td.ttrf { |
|
31 border-left: none; |
|
32 border-right-width:2pt; |
|
33 border-bottom:none; |
|
34 border-top:none; |
|
35 } |
|
36 |
|
37 table.timetable td.ttmf { |
|
38 border: none; |
|
39 } |
|
40 |
|
41 table.timetable td.ttle { |
|
42 border-left-width:2pt; |
|
43 } |
|
44 |
|
45 table.timetable td.ttre { |
|
46 border-right-width:2pt; |
|
47 } |
|
48 |
|
49 table.timetable th.ttdate { |
|
50 font-size :90%; |
|
51 font-weight : normal; |
|
52 font-family: Verdana, sans-serif; |
|
53 padding-left: 4pt; |
|
54 padding-right: 4pt; |
|
55 text-align: left; |
|
56 width: auto; |
|
57 } |
|
58 |
|
59 |
|
60 table.timetable td.ttempty { |
|
61 border:none; |
|
62 border-top:1px solid #DFDFDF; |
|
63 border-bottom:1px solid #DFDFDF; |
|
64 } |
|
65 |
|
66 /* div blocks in timetable are used as tooltips */ |
|
67 table.timetable td.ttlf div, |
|
68 table.timetable td.ttmf div, |
|
69 table.timetable td.ttrf div, |
|
70 table.timetable td.ttle div, |
|
71 table.timetable td.ttme div, |
|
72 table.timetable td.ttre div { |
|
73 display: none; |
|
74 } |
|
75 |
|
76 table.timetable td.ttlf:hover div, |
|
77 table.timetable td.ttmf:hover div, |
|
78 table.timetable td.ttrf:hover div |
|
79 { |
|
80 font-style: normal; |
|
81 display: block; |
|
82 position: absolute; |
|
83 padding: 5px; |
|
84 color: #000; |
|
85 border: 1px solid #bbb; |
|
86 background: #ffc; |
|
87 width:200px; |
|
88 } |
|
89 |
|
90 table.timetable td.col0 { background-color: #C33; } |
|
91 table.timetable td.col1 { background-color: #3C3; } |
|
92 table.timetable td.col2 { background-color: #33C; } |
|
93 table.timetable td.col3 { background-color: #CC3; } |
|
94 table.timetable td.col4 { background-color: #C3C; } |
|
95 table.timetable td.col5 { background-color: #3CC; } |
|
96 table.timetable td.colb { background-color: #2AA; } |
|
97 table.timetable td.col7 { background-color: #F2A; } |
|
98 table.timetable td.col8 { background-color: #AA2; } |
|
99 table.timetable td.col9 { background-color: #22A; } |
|
100 table.timetable td.cola { background-color: #2A2; } |
|
101 table.timetable td.col6 { background-color: #A22; } |
|
102 |
|
103 table.timetable td.col0:hover { background-color: #933; } |
|
104 table.timetable td.col1:hover { background-color: #393; } |
|
105 table.timetable td.col2:hover { background-color: #339; } |
|
106 table.timetable td.col3:hover { background-color: #993; } |
|
107 table.timetable td.col4:hover { background-color: #939; } |
|
108 table.timetable td.col5:hover { background-color: #399; } |
|
109 table.timetable td.colb:hover { background-color: #266; } |
|
110 table.timetable td.col7:hover { background-color: #626; } |
|
111 table.timetable td.col8:hover { background-color: #662; } |
|
112 table.timetable td.col9:hover { background-color: #226; } |
|
113 table.timetable td.cola:hover { background-color: #262; } |
|
114 table.timetable td.col6:hover { background-color: #622; } |