author | Tero Marttila <terom@fixme.fi> |
Mon, 10 Jan 2011 17:51:08 +0200 | |
changeset 53 | 06dad873204d |
parent 47 | d79a560af791 |
permissions | -rw-r--r-- |
37 | 1 |
/* The calendar uses up all available horizontal width */ |
2 |
table.calendar |
|
3 |
{ |
|
4 |
width: 100%; |
|
46
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
5 |
|
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
6 |
table-layout: fixed; |
37 | 7 |
} |
8 |
||
46
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
9 |
/* Each column in the table is exactly the same width */ |
37 | 10 |
table.calendar th |
11 |
{ |
|
12 |
width: 14%; |
|
47
d79a560af791
cal: revert to separate <td> for correct cell borders
Tero Marttila <terom@fixme.fi>
parents:
46
diff
changeset
|
13 |
|
d79a560af791
cal: revert to separate <td> for correct cell borders
Tero Marttila <terom@fixme.fi>
parents:
46
diff
changeset
|
14 |
border: thin solid #ffffff; |
37 | 15 |
} |
16 |
||
17 |
/* The prev-month link is on the left edge */ |
|
18 |
table.calendar a.prev-month |
|
19 |
{ |
|
20 |
float: left; |
|
21 |
} |
|
22 |
||
23 |
/* The next-month link is on the right edge */ |
|
24 |
table.calendar a.next-month |
|
25 |
{ |
|
26 |
float: right; |
|
27 |
} |
|
28 |
||
29 |
/* The weekdays-in-week header is fixed-height */ |
|
30 |
table.calendar thead tr |
|
31 |
{ |
|
32 |
height: 1em; |
|
33 |
} |
|
34 |
||
35 |
/* A day's header is a fixed height cell */ |
|
36 |
table.calendar tbody tr.week-header |
|
37 |
{ |
|
38 |
height: 1em; |
|
39 |
} |
|
40 |
||
41 |
/* The day number is visible inside the header */ |
|
42 |
table.calendar tbody tr.week-header th |
|
43 |
{ |
|
44 |
padding-left: 0.5em; |
|
45 |
||
46 |
text-align: left; |
|
43 | 47 |
|
48 |
font-weight: normal; |
|
37 | 49 |
} |
50 |
||
51 |
/* The numbers of days that are a part of the current month are clearly visible */ |
|
52 |
table.calendar tbody th.in-month |
|
53 |
{ |
|
54 |
background-color: #eeeeee; |
|
55 |
} |
|
56 |
||
57 |
/* The numbers of days that are outside the current month are less noticable */ |
|
58 |
table.calendar tbody th.out-month |
|
59 |
{ |
|
60 |
background-color: #ffffff; |
|
61 |
||
62 |
color: #888888; |
|
63 |
} |
|
64 |
||
43 | 65 |
/* The current day is emphasized */ |
66 |
table.calendar tbody tr.week-header th.today |
|
67 |
{ |
|
68 |
background-color: #cccccc; |
|
69 |
||
70 |
font-weight: bold; |
|
71 |
} |
|
72 |
||
37 | 73 |
/* Each row of day-event-data for a week is fixed height */ |
74 |
table.calendar tbody tr.week-data |
|
75 |
{ |
|
76 |
height: 1em; |
|
77 |
} |
|
78 |
||
46
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
79 |
/* The event cell is filled up by the <a> */ |
47
d79a560af791
cal: revert to separate <td> for correct cell borders
Tero Marttila <terom@fixme.fi>
parents:
46
diff
changeset
|
80 |
table.calendar td |
46
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
81 |
{ |
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
82 |
padding: 0px; |
47
d79a560af791
cal: revert to separate <td> for correct cell borders
Tero Marttila <terom@fixme.fi>
parents:
46
diff
changeset
|
83 |
|
d79a560af791
cal: revert to separate <td> for correct cell borders
Tero Marttila <terom@fixme.fi>
parents:
46
diff
changeset
|
84 |
/* Vertical borders between cells */ |
d79a560af791
cal: revert to separate <td> for correct cell borders
Tero Marttila <terom@fixme.fi>
parents:
46
diff
changeset
|
85 |
border: 1px solid #d8d8d8; |
d79a560af791
cal: revert to separate <td> for correct cell borders
Tero Marttila <terom@fixme.fi>
parents:
46
diff
changeset
|
86 |
|
d79a560af791
cal: revert to separate <td> for correct cell borders
Tero Marttila <terom@fixme.fi>
parents:
46
diff
changeset
|
87 |
border-style: none solid; |
46
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
88 |
} |
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
89 |
|
39
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
90 |
/* Each event is visible as its own block */ |
40
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
91 |
table.calendar td.event a |
39
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
92 |
{ |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
93 |
display: block; |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
94 |
|
46
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
95 |
overflow: hidden; |
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
96 |
white-space: nowrap; |
547940cb0e1c
cal: adjust event widths to reflect hour offsets into day
Tero Marttila <terom@fixme.fi>
parents:
43
diff
changeset
|
97 |
|
39
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
98 |
background-color: #A6C6E3; |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
99 |
|
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
100 |
padding: 4px; |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
101 |
|
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
102 |
/* Rounded corner for cosmetic effect */ |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
103 |
border-radius: 4px; |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
104 |
-moz-border-radius: 6px; |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
105 |
|
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
106 |
text-align: center; |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
107 |
} |
4f331cfc76a4
cal: span events across week's days
Tero Marttila <terom@fixme.fi>
parents:
37
diff
changeset
|
108 |
|
40
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
109 |
/* An event that also continues on the following week has a straight right border */ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
110 |
table.calendar td.continues-next a |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
111 |
{ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
112 |
border-top-right-radius: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
113 |
border-bottom-right-radius: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
114 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
115 |
-moz-border-radius-topright: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
116 |
-moz-border-radius-bottomright: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
117 |
} |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
118 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
119 |
/* An event that also continues on the previous week has a straight left border */ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
120 |
table.calendar td.continues-prev a |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
121 |
{ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
122 |
border-top-left-radius: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
123 |
border-bottom-left-radius: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
124 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
125 |
-moz-border-radius-topleft: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
126 |
-moz-border-radius-bottomleft: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
127 |
} |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
128 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
129 |
/* Fake arrow using borders */ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
130 |
table.calendar div.arrow-right, |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
131 |
table.calendar div.arrow-left |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
132 |
{ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
133 |
display: inline; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
134 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
135 |
font-size: 0px; line-height: 0%; width: 0px; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
136 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
137 |
border-top: 6px solid #A6C6E3; /* Background */ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
138 |
border-bottom: 6px solid #A6C6E3; /* Background */ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
139 |
} |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
140 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
141 |
table.calendar div.arrow-right |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
142 |
{ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
143 |
float: right; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
144 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
145 |
border-left: 6px solid #ffffff; /* Arrow color */ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
146 |
} |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
147 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
148 |
table.calendar div.arrow-left |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
149 |
{ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
150 |
float: left; |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
151 |
|
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
152 |
border-right: 6px solid #ffffff; /* Arrow color */ |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
153 |
} |
30a0a0fa8c54
cal: span events across weeks
Tero Marttila <terom@fixme.fi>
parents:
39
diff
changeset
|
154 |