cleanup remove tabs
[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 .cal-daysviewpanel-timeRow-on {
190     border-top: 1px solid #EDEDED;
191     position: absolute;
192     width: 100%;
193     /*background-color:#F1F1F1;*/
194 }
195 .cal-daysviewpanel-timeRow-off {
196     width: 100%;
197     position: absolute;
198     /*background-color:#FFFFFF;*/
199 }
200
201 .cal-daysviewpanel-daycolumn-row-on,
202 .cal-daysviewpanel-daycolumn-row-on {
203     height: 100%;
204 }
205
206 .cal-daysviewpanel-daycolumn-row-off {
207     border-top: 1px dotted #EDEDED;
208 }
209
210 /********************************* Events *********************************/
211 .cal-daysviewpanel-event {
212     margin-left: 3px;
213     background: #EDEDED url(../../images/white-gradiend.png) repeat-y right;
214     border-radius: 8px;
215     position: absolute;
216     border: 1px solid #808080;
217     overflow: hidden;
218     
219     text-align: left;
220     color:black;
221     font-family:arial,tahoma,helvetica,sans-serif;
222     font-size:11px;
223     font-size-adjust:none;
224     font-style:normal;
225     font-variant:normal;
226     font-weight:normal;
227     line-height:normal;
228     white-space:nowrap;
229 }
230
231 .ext-gecko .cal-daysviewpanel-event {
232     -moz-border-radius: 8px;
233 }
234
235 .ext-safari .cal-daysviewpanel-event {
236     -webkit-border-radius: 8px;
237 }
238
239 /** todo: add khtml switch **/
240 .cal-daysviewpanel-event {
241     -khtml-border-radius: 8px;
242 }
243
244 .cal-daysviewpanel-event-croptop {
245     border-top-style: none;
246     border-top-left-radius: 0px;
247     border-top-right-radius: 0px;
248 }
249
250 .ext-gecko .cal-daysviewpanel-event-croptop {
251     -moz-border-radius-topleft: 0px;
252     -moz-border-radius-topright: 0px;
253 }
254
255 .ext-safari .cal-daysviewpanel-event-croptop {
256     -webkit-border-top-left-radius: 0px;
257     -webkit-border-top-right-radius: 0px;
258 }
259
260 /** todo: add khtml switch **/
261 .cal-daysviewpanel-event-croptop {
262     -khtml-border-top-left-radius: 0px;
263     -khtml-border-top-right-radius: 0px;
264 }
265
266 .cal-daysviewpanel-event-cropbottom {
267     border-bottom-style: none;
268     border-bottom-left-radius: 0px;
269     border-bottom-right-radius: 0px;
270 }
271
272 .ext-gecko .cal-daysviewpanel-event-cropbottom {
273     -moz-border-radius-bottomleft: 0px;
274     -moz-border-radius-bottomright: 0px;
275 }
276
277 .ext-safari .cal-daysviewpanel-event-cropbottom {
278     -webkit-border-bottom-left-radius: 0px;
279     -webkit-border-bottom-right-radius: 0px;
280 }
281
282 /** todo: add khtml switch **/
283 .cal-daysviewpanel-event-cropbottom {
284     -khtml-border-bottom-left-radius: 0px;
285     -khtml-border-bottom-right-radius: 0px;
286 }
287
288 .cal-daysviewpanel-event-drop-nodrop .x-dd-drop-icon {
289     left: 3px;
290     top: 0px;
291     background-color: transparent;
292     background-image:url(../../library/ExtJS/resources/images/default/dd/drop-no.gif);
293 }
294
295 .cal-daysviewpanel-event-drop-ok .x-dd-drop-icon {
296     left: 3px;
297     top: 0px;
298     background-image:url(../../library/ExtJS/resources/images/default/dd/drop-yes.gif);
299 }
300
301 .cal-daysviewpanel-event-header {
302     width: 100%;
303     position: absolute;
304     top: -1px;
305     height: 14px;
306     background-color: #808080;
307     border-top-left-radius: 8px;
308     border-top-right-radius: 8px;
309     overflow: hidden;
310 }
311
312 .cal-daysviewpanel-event-editgrant .cal-daysviewpanel-event-header {
313     cursor: move;
314 }
315
316 .ext-gecko .cal-daysviewpanel-event-header {
317     -moz-border-radius-topleft: 8px;
318     -moz-border-radius-topright: 8px;
319 }
320
321 .ext-safari .cal-daysviewpanel-event-header {
322     -webkit-border-top-left-radius: 8px;
323     -webkit-border-top-right-radius: 8px;
324 }
325
326 /** todo: add khtml switch **/
327 .cal-daysviewpanel-event-header {
328     -khtml-border-top-left-radius: 8px;
329     -khtml-border-top-right-radius: 8px;
330 }
331
332 .cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
333     display: none;
334     border-top-style: none;
335     border-top-left-radius: 0px;
336     border-top-right-radius: 0px;
337 }
338
339 .ext-gecko .cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
340     -moz-border-radius-topleft: 0px;
341     -moz-border-radius-topright: 0px;
342 }
343
344 .ext-safari .cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
345     -webkit-border-top-left-radius: 0px;
346     -webkit-border-top-right-radius: 0px;
347 }
348
349 /** todo: add khtml switch **/
350 .cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
351     -khtml-border-top-left-radius: 0px;
352     -khtml-border-top-right-radius: 0px;
353 }
354
355 .cal-daysviewpanel-event-header-inner {
356     color: white;
357     position: absolute;
358     top: 1px;
359     left: 4px;
360 }
361
362 .cal-daysviewpanel-event-header-icons {
363     position: absolute;
364     right: 4px;
365     top: 2px;
366 }
367
368 .cal-daysviewpanel-wholedayheader .cal-daysviewpanel-event-header-icons {
369     background: #EDEDED url(../../images/white-gradiend.png) repeat-y right;
370     padding-left: 2px;
371     top: 3px;
372 }
373
374 .cal-daysviewpanel-wholedayheader .cal-daysviewpanel-event-cropright  .cal-daysviewpanel-event-header-icons {
375     background: transparent;
376 }
377
378 .cal-daysviewpanel-event-drop-ok .cal-daysviewpanel-event-header-inner,
379 .cal-daysviewpanel-event-drop-nodrop .cal-daysviewpanel-event-header-inner {
380     left: 17px;
381 }
382
383 .cal-daysviewpanel-event-body {
384     position: absolute;
385     width: 100%;
386     top: 13px;
387     padding: 0px 4px;
388     white-space: normal;
389 }
390
391 .cal-daysviewpanel-event-tags {
392     position: absolute;
393     right: 1px;
394     bottom: 4px;
395 }
396
397 .cal-daysviewpanel-event-active {
398     border-width: 2px;
399 }
400
401 .cal-daysviewpanel-event-onedit {
402     border-style: dashed;
403 }
404
405 /****************************** Whole Day Events ******************************/
406 .cal-daysviewpanel-wholedayheader-daycols {
407     position: absolute;
408     top: 0px;
409     width: 100%;
410     height: 100%;
411 }
412
413 .cal-daysviewpanel-body-wholedaycolumn {
414     position: absolute;
415     height: 100%;
416 }
417
418 .cal-daysviewpanel-body-wholedaycolumn-over {
419     width: 100%;
420     height: 100%;
421     /*margin-left: 3px;*/
422 }
423
424 .cal-daysviewpanel-body-wholedaycolumn-over:hover {
425     background-color:#DFE8F6;
426     /*cursor: pointer; see ticket #1484*/
427 }
428
429 .cal-daysviewpanel-wholedayevent-body {
430     top: 1px;
431     cursor: move;
432     padding: 0px 4px;
433     white-space: normal;
434 }
435
436 .cal-daysviewpanel-wholedayevent-tags {
437     padding: 1px 2px 0 3px;
438 }
439
440 .cal-daysviewpanel-event-cropleft {
441     border-left-style: none;
442     border-top-left-radius: 0px;
443     border-bottom-left-radius: 0px;
444 }
445
446 .ext-gecko .cal-daysviewpanel-event-cropleft {
447     -moz-border-radius-topleft: 0px;
448     -moz-border-radius-bottomleft: 0px;
449 }
450
451 .ext-safari .cal-daysviewpanel-event-cropleft {
452     -webkit-border-top-left-radius: 0px;
453     -webkit-border-bottom-left-radius: 0px;
454 }
455
456 /** todo: add khtml switch **/
457 .cal-daysviewpanel-event-cropleft {
458     -khtml-border-top-left-radius: 0px;
459     -khtml-border-bottom-left-radius: 0px;
460 }
461
462 .cal-daysviewpanel-event-cropright {
463     background-image: none;
464     border-right-style: hidden;
465     border-top-right-radius: 0px;
466     border-bottom-right-radius: 0px;
467 }
468
469 .ext-gecko .cal-daysviewpanel-event-cropright {
470     -moz-border-radius-topright: 0px;
471     -moz-border-radius-bottomright: 0px;
472 }
473
474 .ext-safari .cal-daysviewpanel-event-cropright {
475     -webkit-border-top-right-radius: 0px;
476     -webkit-border-bottom-right-radius: 0px;
477 }
478
479 /** todo: add khtml switch **/
480 .cal-daysviewpanel-event-cropright {
481     -khtml-border-top-right-radius: 0px;
482     -khtml-border-bottom-right-radius: 0px;
483 }
484
485 .cal-daysviewpanel-wholedayevent-body .x-form-text {
486     position: absolute;
487     top: 0px;
488     padding-top: 0px;
489     height: 11px;
490 }
491 .cal-daysviewpanel-wholedayevent-body .x-form-field {
492     height: 11px;
493     font-size: 10px;
494 }