f90c81b7709e64c8161a41a8d05964988ae72eea
[tine20] / tine20 / Calendar / css / monthviewpanel.css
1 .cal-monthview {
2     color:black;
3     font-family:arial,tahoma,helvetica,sans-serif;
4     font-size:11px;
5     font-size-adjust:none;
6     font-style:normal;
7     font-variant:normal;
8     font-weight:normal;
9     line-height:normal;
10     white-space:nowrap;
11 }
12
13 .cal-monthview-inner th {
14         border-top: none;
15     text-align: center;
16     vertical-align: middle;
17 }
18
19 .cal-monthview-wkcell {
20     border-right: 3px double #E1E1E1;
21     text-align: center;
22     vertical-align: middle;
23     /*background:#F0F0F0 url(../../library/ExtJS/resources/images/default/toolbar/bg.gif) repeat-x scroll left top;*/
24     background-color: #F0F0F0;
25     border-color:#D0D0D0;
26 }
27
28 .cal-monthview-wkcell:hover{
29         background: #CDDCEF url(../../library/ExtJS/resources/images/default/toolbar/bg.gif) repeat-x scroll left top;
30         /*cursor: pointer; see ticket #1484*/
31 }
32
33 .cal-monthview-wkcell-header {
34     border-right: 3px double #E1E1E1;
35 }
36
37 .cal-monthview-daycell {
38         vertical-align: top;
39         border-right: 1px solid #E1E1E1;
40     border-top: 1px solid #E1E1E1;
41 }
42
43 .cal-monthview-dayheader:hover {
44     background: #CDDCEF url(../../library/ExtJS/resources/images/default/toolbar/bg.gif) repeat-x scroll left top;
45     /*cursor: pointer; see ticket #1484*/
46 }
47
48 .cal-monthview-inner-header,
49 cal-monthview-wkcell-header {
50     position: relative;
51     background:#F9F9F9 url(../../library/ExtJS/resources/images/default/grid/grid3-hrow.gif) repeat-x scroll 0 top;
52     height: 23px;
53 }
54
55 .cal-monthview-dayheader {
56         position: relative;
57     width: 100%;
58 }
59
60 .cal-monthview-dayheader-more {
61     position: absolute;
62     padding: 2px 5px;
63     border-collapse: separate;
64     color: #233D6D;
65     cursor: pointer;
66     text-align: left !important;
67 }
68
69 .cal-monthview-dayheader-date {
70         padding: 2px 5px;
71         border-collapse: separate;
72         color: #233D6D;
73         /*cursor: pointer; see ticket #1484*/
74         text-align: right !important;
75 }
76
77 .cal-monthview-daybody {
78     /*overflow: visible;*/
79 }
80
81 /*********************************** Events ***********************************/
82 .cal-monthview-eventslice {
83     height: 18px;
84     overflow: visible;
85 }
86
87 .cal-monthview-event-icon,
88 .cal-monthview-alldayevent-icon {
89     width: 16px;
90     height: 16px;
91 }
92
93 .cal-monthview-event {
94         margin: 0px 0px;
95         width: 100%;
96         cursor: pointer;
97         /*overflow: hidden;*/
98 }
99
100 .cal-monthview-eventslice .cal-monthview-event-editgrant {
101     cursor: move;
102 }
103
104 .cal-monthview-event-summary {
105     white-space: nowrap;
106     overflow: hidden;
107 }
108
109
110
111 .cal-monthview-alldayevent {
112         border-radius: 8px;
113         margin: 0px 0px 1px 0px;
114         background-color: red;
115         height: 17px;
116         width: 100%;
117         /*overflow: visible;*/
118 }
119
120 .ext-gecko .cal-monthview-alldayevent {
121     -moz-border-radius: 8px;
122 }
123
124 .ext-safari .cal-monthview-alldayevent {
125     -webkit-border-radius: 8px;
126 }
127
128 /** todo: add khtml switch **/
129 .cal-monthview-alldayevent {
130     -khtml-border-radius: 8px;
131 }
132
133 .cal-monthview-alldayevent-cropleft {
134         margin-left: 0px;
135     border-left-style: none;
136     border-top-left-radius: 0px;
137     border-bottom-left-radius: 0px;
138 }
139
140 .ext-gecko .cal-monthview-alldayevent-cropleft {
141     -moz-border-radius-topleft: 0px;
142     -moz-border-radius-bottomleft: 0px;
143 }
144
145 .ext-safari .cal-monthview-alldayevent-cropleft {
146     -webkit-border-top-left-radius: 0px;
147     -webkit-border-bottom-left-radius: 0px;
148 }
149
150 /** todo: add khtml switch **/
151 .cal-monthview-alldayevent-cropleft {
152     -khtml-border-top-left-radius: 0px;
153     -khtml-border-bottom-left-radius: 0px;
154 }
155
156 .cal-monthview-alldayevent-cropright {
157         margin-right: 0px;
158     background-image: none;
159     border-right-style: hidden;
160     border-top-right-radius: 0px;
161     border-bottom-right-radius: 0px;
162 }
163
164 .ext-gecko .cal-monthview-alldayevent-cropright {
165     -moz-border-radius-topright: 0px;
166     -moz-border-radius-bottomright: 0px;
167 }
168
169 .ext-safari .cal-monthview-alldayevent-cropright {
170     -webkit-border-top-right-radius: 0px;
171     -webkit-border-bottom-right-radius: 0px;
172 }
173
174 /** todo: add khtml switch **/
175 .cal-monthview-alldayevent-cropright {
176     -khtml-border-top-right-radius: 0px;
177     -khtml-border-bottom-right-radius: 0px;
178 }
179
180 .cal-monthview-alldayevent-summary {
181     white-space: nowrap;
182     overflow: hidden;
183     min-height: 12px;
184     /*overflow: visible; */
185 }
186
187 .cal-monthview-event-info-hide {
188         display: none;
189 }
190
191 .cal-monthview-daypreviewbox .cal-monthview-event-info-hide {
192         display: block;
193 }
194
195 /******************************* daypreviewbox ********************************/
196 .cal-monthview-daypreviewbox {
197         position: absolute;
198         border-bottom: 1px solid #E1E1E1;
199         overflow-y: auto;
200         overflow-x: hidden;
201         z-index: 5000;
202 }