85e024b2fa44d081de7c2a5c205357106f270e04
[tine20] / tine20 / Calendar / css / daysviewpanel.css
1 /********************************* Header *********************************/
2 .cal-daysviewpanel-header {
3     position: relative;
4     border-bottom: 1px solid #F0F0F0;
5 }
6
7 .cal-daysviewpanel-header-inner {
8     position: relative;
9     background:#F9F9F9 url(../../library/ExtJS/resources/images/default/grid/grid3-hrow.gif) repeat-x scroll 0 top;
10 }
11
12 .cal-daysviewpanel-dayheader-today, .cal-daysviewpanel-dayheader-day-wrap:hover {
13     background:#EBF3FD url(../../library/ExtJS/resources/images/default/grid/grid3-hrow-over.gif) repeat-x scroll 0 bottom;
14     /*cursor: pointer; see ticket #1484*/
15 }
16
17 .cal-daysviewpanel-header-offset {
18     position: relative;
19     /*right:0;*/
20     top:0;
21 }
22
23 .cal-daysviewpanel-daysheader {
24     height: 24px;
25     margin-left:45px;
26     margin-right:15px;
27     cursor:default;
28     padding:1px 0 0;
29 }
30
31 .cal-daysviewpanel-dayheader {
32         float: left;
33 }
34
35 .cal-daysviewpanel-dayheader-day {
36         padding-top: 3px;
37         text-align: center;
38         color:black;
39     font-family:arial,tahoma,helvetica,sans-serif;
40     font-size:11px;
41     font-size-adjust:none;
42     font-style:normal;
43     font-variant:normal;
44     font-weight:normal;
45     line-height:normal;
46     white-space:nowrap;
47     overflow: hidden;
48 }
49
50 .cal-daysviewpanel-dayheader-day-wrap {
51     border-left: 3px double #E1E1E1;
52     height: 23px;
53 }
54
55 .cal-daysviewpanel-wholedayheader-scroller {
56     overflow-y: scroll;
57     overflow-x: hidden;
58 }
59
60 .cal-daysviewpanel-wholedayheader {
61     position: relative;
62     margin-left:45px;
63 }
64 /********************************* Body *********************************/
65 .cal-daysviewpanel-body-inner {
66         position: relative;
67         top: 0px;
68         left: 0px;
69 }
70
71 .cal-daysviewpanel-scroller {
72         border-top: 1px solid #D0D0D0;
73     overflow:auto;
74     position:relative;
75 }
76
77 .cal-daysviewpanel-body-daycolumns {
78     position:absolute;
79     left:45px;
80     right:0;
81     top:0;
82 }
83
84 .cal-daysviewpanel-body-daycolumn {
85         float: left;
86         position: absolute;
87         overflow: hidden;
88 }
89
90 /*
91 .cal-daysviewpanel-body-daycolumn-hint-above {
92     width: 16px;
93     height: 16px;
94     background-image: url(../../images/oxygen/16x16/actions/go-up.png);
95     position: absolute;
96     right: 5px;
97     z-index: 1000;
98     cursor: pointer;
99     display: none;
100 }
101
102 .cal-daysviewpanel-body-daycolumn-hint-below {
103     width: 16px;
104     height: 16px;
105     background-image: url(../../images/oxygen/16x16/actions/go-down.png);
106     position: absolute;
107     right: 5px;
108     z-index: 1000;
109     cursor: pointer;
110     display: none;
111 }
112 */
113 .cal-daysviewpanel-body-daycolumn-hint-above {
114     width: 9px;
115     height: 9px;
116     background-image: url(../../library/ExtJS/resources/images/default/grid/col-move-bottom.gif);
117     position: absolute;
118     right: 5px;
119     z-index: 1000;
120     cursor: pointer;
121     display: none;
122 }
123
124 .cal-daysviewpanel-body-daycolumn-hint-below {
125     width: 9px;
126     height: 9px;
127     background-image: url(../../library/ExtJS/resources/images/default/grid/col-move-top.gif);
128     position: absolute;
129     right: 5px;
130     z-index: 1000;
131     cursor: pointer;
132     display: none;
133 }
134
135 .cal-daysviewpanel-body-daycolumn-today {
136     background-color: #EBF3FD;
137 }
138
139 .cal-daysviewpanel-body-daycolumn-today .cal-daysviewpanel-daycolumn-row-on {
140         border-top: 1px solid #EDEDED;
141 }
142
143 .cal-daysviewpanel-body-daycolumn-inner {
144         border-left: 3px double #EDEDED;
145         height:100%;
146     position:absolute;
147     top:0;
148 }
149
150 .cal-daysviewpanel-daycolumn-row {
151         margin-left: 3px;
152         text-align: right;
153         font-family:arial,tahoma,helvetica,sans-serif;
154     font-size:10px;
155     font-size-adjust:none;
156     font-style:normal;
157     font-variant:normal;
158     font-weight:normal;
159     line-height:normal;
160     white-space:nowrap;
161     color: #FFFFFF;
162 }
163
164 .cal-daysviewpanel-body-daycolumn-today .cal-daysviewpanel-daycolumn-row {
165     color: #EBF3FD;
166 }
167
168 .cal-daysviewpanel-daycolumn-row:hover {
169         background-color:#DFE8F6;
170         color: #999999;
171     /*cursor: pointer; see ticket #1484*/
172 }
173
174 .cal-daysviewpanel-timeRow-time {
175         width: 40px;
176         padding-top: 2px;
177         text-align: right;
178         color:black;
179         font-family:arial,tahoma,helvetica,sans-serif;
180         font-size:11px;
181         font-size-adjust:none;
182         font-style:normal;
183         font-variant:normal;
184         font-weight:normal;
185         line-height:normal;
186         white-space:nowrap;
187 }
188
189
190 .cal-daysviewpanel-timeRow-on {
191         border-top: 1px solid #EDEDED;
192         position: absolute;
193         width: 100%;
194         /*background-color:#F1F1F1;*/
195 }
196 .cal-daysviewpanel-timeRow-off {
197         width: 100%;
198         position: absolute;
199         /*background-color:#FFFFFF;*/
200 }
201
202 .cal-daysviewpanel-daycolumn-row-on,
203 .cal-daysviewpanel-daycolumn-row-on {
204     height: 100%;
205 }
206
207 .cal-daysviewpanel-daycolumn-row-off {
208         border-top: 1px dotted #EDEDED;
209 }
210
211 /********************************* Events *********************************/
212 .cal-daysviewpanel-event {
213         margin-left: 3px;
214         background: #EDEDED url(../../images/white-gradiend.png) repeat-y right;
215         border-radius: 8px;
216     position: absolute;
217     border: 1px solid #808080;
218     overflow: hidden;
219     
220     text-align: left;
221     color:black;
222     font-family:arial,tahoma,helvetica,sans-serif;
223     font-size:11px;
224     font-size-adjust:none;
225     font-style:normal;
226     font-variant:normal;
227     font-weight:normal;
228     line-height:normal;
229     white-space:nowrap;
230 }
231
232 .ext-gecko .cal-daysviewpanel-event {
233     -moz-border-radius: 8px;
234 }
235
236 .ext-safari .cal-daysviewpanel-event {
237     -webkit-border-radius: 8px;
238 }
239
240 /** todo: add khtml switch **/
241 .cal-daysviewpanel-event {
242     -khtml-border-radius: 8px;
243 }
244
245 .cal-daysviewpanel-event-croptop {
246     border-top-style: none;
247     border-top-left-radius: 0px;
248     border-top-right-radius: 0px;
249 }
250
251 .ext-gecko .cal-daysviewpanel-event-croptop {
252     -moz-border-radius-topleft: 0px;
253     -moz-border-radius-topright: 0px;
254 }
255
256 .ext-safari .cal-daysviewpanel-event-croptop {
257     -webkit-border-top-left-radius: 0px;
258     -webkit-border-top-right-radius: 0px;
259 }
260
261 /** todo: add khtml switch **/
262 .cal-daysviewpanel-event-croptop {
263     -khtml-border-top-left-radius: 0px;
264     -khtml-border-top-right-radius: 0px;
265 }
266
267 .cal-daysviewpanel-event-cropbottom {
268     border-bottom-style: none;
269     border-bottom-left-radius: 0px;
270     border-bottom-right-radius: 0px;
271 }
272
273 .ext-gecko .cal-daysviewpanel-event-cropbottom {
274     -moz-border-radius-bottomleft: 0px;
275     -moz-border-radius-bottomright: 0px;
276 }
277
278 .ext-safari .cal-daysviewpanel-event-cropbottom {
279     -webkit-border-bottom-left-radius: 0px;
280     -webkit-border-bottom-right-radius: 0px;
281 }
282
283 /** todo: add khtml switch **/
284 .cal-daysviewpanel-event-cropbottom {
285     -khtml-border-bottom-left-radius: 0px;
286     -khtml-border-bottom-right-radius: 0px;
287 }
288
289 .cal-daysviewpanel-event-drop-nodrop .x-dd-drop-icon {
290         left: 3px;
291         top: 0px;
292         background-color: transparent;
293     background-image:url(../../library/ExtJS/resources/images/default/dd/drop-no.gif);
294 }
295
296 .cal-daysviewpanel-event-drop-ok .x-dd-drop-icon {
297     left: 3px;
298     top: 0px;
299     background-image:url(../../library/ExtJS/resources/images/default/dd/drop-yes.gif);
300 }
301
302 .cal-daysviewpanel-event-header {
303         width: 100%;
304         position: absolute;
305     top: -1px;
306     height: 14px;
307     background-color: #808080;
308     border-top-left-radius: 8px;
309     border-top-right-radius: 8px;
310     overflow: hidden;
311 }
312
313 .cal-daysviewpanel-event-editgrant .cal-daysviewpanel-event-header {
314     cursor: move;
315 }
316
317 .ext-gecko .cal-daysviewpanel-event-header {
318     -moz-border-radius-topleft: 8px;
319     -moz-border-radius-topright: 8px;
320 }
321
322 .ext-safari .cal-daysviewpanel-event-header {
323     -webkit-border-top-left-radius: 8px;
324     -webkit-border-top-right-radius: 8px;
325 }
326
327 /** todo: add khtml switch **/
328 .cal-daysviewpanel-event-header {
329     -khtml-border-top-left-radius: 8px;
330     -khtml-border-top-right-radius: 8px;
331 }
332
333 .cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
334         display: none;
335     border-top-style: none;
336     border-top-left-radius: 0px;
337     border-top-right-radius: 0px;
338 }
339
340 .ext-gecko .cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
341     -moz-border-radius-topleft: 0px;
342     -moz-border-radius-topright: 0px;
343 }
344
345 .ext-safari .cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
346     -webkit-border-top-left-radius: 0px;
347     -webkit-border-top-right-radius: 0px;
348 }
349
350 /** todo: add khtml switch **/
351 .cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
352     -khtml-border-top-left-radius: 0px;
353     -khtml-border-top-right-radius: 0px;
354 }
355
356 .cal-daysviewpanel-event-header-inner {
357         color: white;
358     position: absolute;
359     top: 1px;
360     left: 4px;
361 }
362
363 .cal-daysviewpanel-event-header-icons {
364     position: absolute;
365     right: 4px;
366     top: 2px;
367 }
368
369 .cal-daysviewpanel-wholedayheader .cal-daysviewpanel-event-header-icons {
370     background: #EDEDED url(../../images/white-gradiend.png) repeat-y right;
371     padding-left: 2px;
372     top: 3px;
373 }
374
375 .cal-daysviewpanel-wholedayheader .cal-daysviewpanel-event-cropright  .cal-daysviewpanel-event-header-icons {
376     background: transparent;
377 }
378
379 .cal-daysviewpanel-event-drop-ok .cal-daysviewpanel-event-header-inner,
380 .cal-daysviewpanel-event-drop-nodrop .cal-daysviewpanel-event-header-inner {
381     left: 17px;
382 }
383
384 .cal-daysviewpanel-event-body {
385     position: absolute;
386     width: 100%;
387     top: 13px;
388     padding: 0px 4px;
389     white-space: normal;
390 }
391
392 .cal-daysviewpanel-event-tags {
393     position: absolute;
394     right: 1px;
395     bottom: 4px;
396 }
397
398 .cal-daysviewpanel-event-active {
399     border-width: 2px;
400 }
401
402 .cal-daysviewpanel-event-onedit {
403     border-style: dashed;
404 }
405
406 /****************************** Whole Day Events ******************************/
407 .cal-daysviewpanel-wholedayheader-daycols {
408     position: absolute;
409     top: 0px;
410     width: 100%;
411     height: 100%;
412 }
413
414 .cal-daysviewpanel-body-wholedaycolumn {
415     position: absolute;
416     height: 100%;
417 }
418
419 .cal-daysviewpanel-body-wholedaycolumn-over {
420         width: 100%;
421     height: 100%;
422     /*margin-left: 3px;*/
423 }
424
425 .cal-daysviewpanel-body-wholedaycolumn-over:hover {
426     background-color:#DFE8F6;
427     /*cursor: pointer; see ticket #1484*/
428 }
429
430 .cal-daysviewpanel-wholedayevent-body {
431     top: 1px;
432     cursor: move;
433     padding: 0px 4px;
434     white-space: normal;
435 }
436
437 .cal-daysviewpanel-wholedayevent-tags {
438     padding: 1px 2px 0 3px;
439 }
440
441 .cal-daysviewpanel-event-cropleft {
442     border-left-style: none;
443     border-top-left-radius: 0px;
444     border-bottom-left-radius: 0px;
445 }
446
447 .ext-gecko .cal-daysviewpanel-event-cropleft {
448     -moz-border-radius-topleft: 0px;
449     -moz-border-radius-bottomleft: 0px;
450 }
451
452 .ext-safari .cal-daysviewpanel-event-cropleft {
453     -webkit-border-top-left-radius: 0px;
454     -webkit-border-bottom-left-radius: 0px;
455 }
456
457 /** todo: add khtml switch **/
458 .cal-daysviewpanel-event-cropleft {
459     -khtml-border-top-left-radius: 0px;
460     -khtml-border-bottom-left-radius: 0px;
461 }
462
463 .cal-daysviewpanel-event-cropright {
464         background-image: none;
465     border-right-style: hidden;
466     border-top-right-radius: 0px;
467     border-bottom-right-radius: 0px;
468 }
469
470 .ext-gecko .cal-daysviewpanel-event-cropright {
471     -moz-border-radius-topright: 0px;
472     -moz-border-radius-bottomright: 0px;
473 }
474
475 .ext-safari .cal-daysviewpanel-event-cropright {
476     -webkit-border-top-right-radius: 0px;
477     -webkit-border-bottom-right-radius: 0px;
478 }
479
480 /** todo: add khtml switch **/
481 .cal-daysviewpanel-event-cropright {
482     -khtml-border-top-right-radius: 0px;
483     -khtml-border-bottom-right-radius: 0px;
484 }
485
486 .cal-daysviewpanel-wholedayevent-body .x-form-text {
487         position: absolute;
488         top: 0px;
489     padding-top: 0px;
490     height: 11px;
491 }
492 .cal-daysviewpanel-wholedayevent-body .x-form-field {
493     height: 11px;
494     font-size: 10px;
495 }