1 /*Rounded Corners*/ |
1 /*Rounded Corners*/ |
2 /*top-left rounded Corners*/ |
2 /*top-left rounded Corners*/ |
3 .jqx-rc-tl |
3 .jqx-rc-tl { |
4 { |
|
5 -moz-border-radius-topleft: 3px; |
4 -moz-border-radius-topleft: 3px; |
6 -webkit-border-top-left-radius: 3px; |
5 -webkit-border-top-left-radius: 3px; |
7 border-top-left-radius: 3px; |
6 border-top-left-radius: 3px; |
8 } |
7 } |
9 /*top-right rounded Corners*/ |
8 /*top-right rounded Corners*/ |
10 .jqx-rc-tr |
9 .jqx-rc-tr { |
11 { |
|
12 -moz-border-radius-topright: 3px; |
10 -moz-border-radius-topright: 3px; |
13 -webkit-border-top-right-radius: 3px; |
11 -webkit-border-top-right-radius: 3px; |
14 border-top-right-radius: 3px; |
12 border-top-right-radius: 3px; |
15 } |
13 } |
16 /*bottom-left rounded Corners*/ |
14 /*bottom-left rounded Corners*/ |
17 .jqx-rc-bl |
15 .jqx-rc-bl { |
18 { |
|
19 -moz-border-radius-bottomleft: 3px; |
16 -moz-border-radius-bottomleft: 3px; |
20 -webkit-border-bottom-left-radius: 3px; |
17 -webkit-border-bottom-left-radius: 3px; |
21 border-bottom-left-radius: 3px; |
18 border-bottom-left-radius: 3px; |
22 } |
19 } |
23 /*bottom-right rounded Corners*/ |
20 /*bottom-right rounded Corners*/ |
24 .jqx-rc-br |
21 .jqx-rc-br { |
25 { |
|
26 -moz-border-radius-bottomright: 3px; |
22 -moz-border-radius-bottomright: 3px; |
27 -webkit-border-bottom-right-radius: 3px; |
23 -webkit-border-bottom-right-radius: 3px; |
28 border-bottom-right-radius: 3px; |
24 border-bottom-right-radius: 3px; |
29 } |
25 } |
30 /*top rounded Corners*/ |
26 /*top rounded Corners*/ |
31 .jqx-rc-t |
27 .jqx-rc-t { |
32 { |
|
33 -moz-border-radius-topleft: 3px; |
28 -moz-border-radius-topleft: 3px; |
34 -webkit-border-top-left-radius: 3px; |
29 -webkit-border-top-left-radius: 3px; |
35 border-top-left-radius: 3px; |
30 border-top-left-radius: 3px; |
36 -moz-border-radius-topright: 3px; |
31 -moz-border-radius-topright: 3px; |
37 -webkit-border-top-right-radius: 3px; |
32 -webkit-border-top-right-radius: 3px; |
38 border-top-right-radius: 3px; |
33 border-top-right-radius: 3px; |
39 } |
34 } |
40 /*bottom rounded Corners*/ |
35 /*bottom rounded Corners*/ |
41 .jqx-rc-b |
36 .jqx-rc-b { |
42 { |
|
43 -moz-border-radius-bottomleft: 3px; |
37 -moz-border-radius-bottomleft: 3px; |
44 -webkit-border-bottom-left-radius: 3px; |
38 -webkit-border-bottom-left-radius: 3px; |
45 border-bottom-left-radius: 3px; |
39 border-bottom-left-radius: 3px; |
46 -moz-border-radius-bottomright: 3px; |
40 -moz-border-radius-bottomright: 3px; |
47 -webkit-border-bottom-right-radius: 3px; |
41 -webkit-border-bottom-right-radius: 3px; |
48 border-bottom-right-radius: 3px; |
42 border-bottom-right-radius: 3px; |
49 } |
43 } |
50 /*right rounded Corners*/ |
44 /*right rounded Corners*/ |
51 .jqx-rc-r |
45 .jqx-rc-r { |
52 { |
|
53 -moz-border-radius-topright: 3px; |
46 -moz-border-radius-topright: 3px; |
54 -webkit-border-top-right-radius: 3px; |
47 -webkit-border-top-right-radius: 3px; |
55 border-top-right-radius: 3px; |
48 border-top-right-radius: 3px; |
56 -moz-border-radius-bottomright: 3px; |
49 -moz-border-radius-bottomright: 3px; |
57 -webkit-border-bottom-right-radius: 3px; |
50 -webkit-border-bottom-right-radius: 3px; |
58 border-bottom-right-radius: 3px; |
51 border-bottom-right-radius: 3px; |
59 } |
52 } |
60 /*left rounded Corners*/ |
53 /*left rounded Corners*/ |
61 .jqx-rc-l |
54 .jqx-rc-l { |
62 { |
|
63 -moz-border-radius-topleft: 3px; |
55 -moz-border-radius-topleft: 3px; |
64 -webkit-border-top-left-radius: 3px; |
56 -webkit-border-top-left-radius: 3px; |
65 border-top-left-radius: 3px; |
57 border-top-left-radius: 3px; |
66 -moz-border-radius-bottomleft: 3px; |
58 -moz-border-radius-bottomleft: 3px; |
67 -webkit-border-bottom-left-radius: 3px; |
59 -webkit-border-bottom-left-radius: 3px; |
68 border-bottom-left-radius: 3px; |
60 border-bottom-left-radius: 3px; |
69 } |
61 } |
70 /*all rounded Corners*/ |
62 /*all rounded Corners*/ |
71 .jqx-rc-all |
63 .jqx-rc-all { |
72 { |
|
73 -moz-border-radius: 3px; |
64 -moz-border-radius: 3px; |
74 -webkit-border-radius: 3px; |
65 -webkit-border-radius: 3px; |
75 border-radius: 3px; |
66 border-radius: 3px; |
76 } |
67 } |
77 /*reset rounded corners*/ |
68 /*reset rounded corners*/ |
78 .jqx-rc-reset |
69 .jqx-rc-reset { |
79 { |
|
80 -moz-border-radius: 0px !important; |
70 -moz-border-radius: 0px !important; |
81 -webkit-border-radius: 0px !important; |
71 -webkit-border-radius: 0px !important; |
82 border-radius: 0px !important; |
72 border-radius: 0px !important; |
83 } |
73 } |
84 |
74 |
85 /*Reset Style*/ |
75 /*Reset Style*/ |
86 .jqx-reset |
76 .jqx-reset { |
87 { |
|
88 padding: 0; |
77 padding: 0; |
89 margin: 0; |
78 margin: 0; |
90 border: none; |
79 border: none; |
91 background: transparent; |
80 background: transparent; |
92 outline: none; |
81 outline: none; |
93 box-sizing: content-box; |
82 box-sizing: content-box; |
94 } |
83 } |
|
84 |
95 .jqx-clear { |
85 .jqx-clear { |
96 align:left; valign:top; left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px; |
86 align: left; |
97 } |
87 valign: top; |
|
88 left: 0px; |
|
89 top: 0px; |
|
90 -webkit-appearance: none !important; |
|
91 outline: none !important; |
|
92 padding: 0px; |
|
93 margin: 0px; |
|
94 } |
|
95 |
98 .jqx-popup { |
96 .jqx-popup { |
99 box-sizing: content-box; |
97 box-sizing: content-box; |
100 } |
98 } |
|
99 |
101 .jqx-position-reset { |
100 .jqx-position-reset { |
102 position: static !important; |
101 position: static !important; |
103 } |
102 } |
|
103 |
104 .jqx-border-reset { |
104 .jqx-border-reset { |
105 border: none !important; |
105 border: none !important; |
106 } |
106 } |
|
107 |
107 .jqx-overflow-hidden { |
108 .jqx-overflow-hidden { |
108 overflow: hidden !important; |
109 overflow: hidden !important; |
109 } |
110 } |
|
111 |
110 .jqx-position-relative { |
112 .jqx-position-relative { |
111 position: relative !important; |
113 position: relative !important; |
112 } |
114 } |
|
115 |
113 .jqx-position-absolute { |
116 .jqx-position-absolute { |
114 position: absolute !important; |
117 position: absolute !important; |
115 } |
118 } |
|
119 |
116 .jqx-max-size { |
120 .jqx-max-size { |
117 width: 100% !important; |
121 width: 100% !important; |
118 height: 100% !important; |
122 height: 100% !important; |
119 } |
123 } |
|
124 |
120 .jqx-background-reset { |
125 .jqx-background-reset { |
121 background: transparent !important; |
126 background: transparent !important; |
122 } |
127 } |
123 /*Disable browser selection*/ |
128 /*Disable browser selection*/ |
124 .jqx-disableselect |
129 .jqx-disableselect { |
125 { |
|
126 -webkit-user-select: none; |
130 -webkit-user-select: none; |
127 -moz-user-select: none; |
131 -moz-user-select: none; |
128 user-select: none; |
132 user-select: none; |
129 -ms-user-select:none; |
133 -ms-user-select: none; |
130 -webkit-touch-callout:none; |
134 -webkit-touch-callout: none; |
131 -webkit-tap-highlight-color: rgba(0,0,0,0); |
135 -webkit-tap-highlight-color: rgba(0,0,0,0); |
132 } |
136 } |
|
137 |
133 .jqx-enableselect { |
138 .jqx-enableselect { |
134 -webkit-user-select: text; |
139 -webkit-user-select: text; |
135 -moz-user-select: text; |
140 -moz-user-select: text; |
136 -ms-user-select:text; |
141 -ms-user-select: text; |
137 user-select:all; |
142 user-select: all; |
138 } |
143 } |
139 .jqx-hideborder |
144 |
140 { |
145 .jqx-hideborder { |
141 border: none !important; |
146 border: none !important; |
142 } |
147 } |
143 .jqx-hidescrollbars |
148 |
144 { |
149 .jqx-hidescrollbars { |
145 overflow: hidden !important; |
150 overflow: hidden !important; |
146 } |
151 } |
147 /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ |
152 /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ |
148 .jqx-button{outline: none; border: 1px solid transparent; padding: 5px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; } |
153 .jqx-button { |
149 button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { |
154 outline: none; |
150 box-sizing: border-box !important; -moz-box-sizing: border-box !important; |
155 border: 1px solid transparent; |
151 } |
156 padding: 5px; |
152 .jqx-buttongroup{} |
157 text-align: center; |
|
158 vertical-align: central; |
|
159 margin: 0 0 0 0; |
|
160 cursor: default; |
|
161 } |
|
162 |
|
163 button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { |
|
164 box-sizing: border-box !important; |
|
165 -moz-box-sizing: border-box !important; |
|
166 } |
|
167 |
|
168 .jqx-buttongroup { |
|
169 } |
|
170 |
153 .jqx-group-button-normal { |
171 .jqx-group-button-normal { |
154 vertical-align: middle; |
172 vertical-align: middle; |
155 text-align: center; |
173 text-align: center; |
156 } |
174 } |
157 /*applied to the link button's anchor element.*/ |
175 /*applied to the link button's anchor element.*/ |
158 .jqx-link |
176 .jqx-link { |
159 { |
|
160 text-decoration: none; |
177 text-decoration: none; |
161 color: #111111; |
178 color: #111111; |
162 } |
179 } |
163 |
180 |
164 /*shows elements.*/ |
181 /*shows elements.*/ |
165 .jqx-visible |
182 .jqx-visible { |
166 { |
|
167 display: block; |
183 display: block; |
168 } |
184 } |
169 /*hides elements.*/ |
185 /*hides elements.*/ |
170 .jqx-hidden |
186 .jqx-hidden { |
171 { |
|
172 display: none; |
187 display: none; |
173 } |
188 } |
|
189 |
174 .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { |
190 .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { |
175 line-height: 1.231; |
191 line-height: 1.231; |
176 } |
192 } |
177 /*jqxGauge Style*/ |
193 /*jqxGauge Style*/ |
178 .jqx-gauge-label, .jqx-gauge-caption |
194 .jqx-gauge-label, .jqx-gauge-caption { |
179 { |
|
180 fill: #333333; |
195 fill: #333333; |
181 color: #333333; |
196 color: #333333; |
182 font-size: 11px; |
197 font-size: 11px; |
183 font-family: Verdana; |
198 font-family: Verdana; |
184 } |
199 } |
|
200 |
185 .jqx-knob { |
201 .jqx-knob { |
186 text-align: center; |
202 text-align: center; |
187 } |
203 } |
188 /*jqxChart Style*/ |
204 /*jqxChart Style*/ |
189 .jqx-knob-label, |
205 .jqx-knob-label, |
190 .jqx-chart-axis-text, |
206 .jqx-chart-axis-text, |
191 .jqx-chart-label-text, |
207 .jqx-chart-label-text, |
192 .jqx-chart-tooltip-text, |
208 .jqx-chart-tooltip-text, |
193 .jqx-chart-legend-text |
209 .jqx-chart-legend-text { |
194 { |
|
195 fill: #333333; |
210 fill: #333333; |
196 color: #333333; |
211 color: #333333; |
197 font-size: 11px; |
212 font-size: 11px; |
198 font-family: Verdana; |
213 font-family: Verdana; |
199 } |
214 } |
200 .jqx-chart-axis-description |
215 |
201 { |
216 .jqx-chart-axis-description { |
202 fill: #555555; |
217 fill: #555555; |
203 color: #555555; |
218 color: #555555; |
204 font-size: 11px; |
219 font-size: 11px; |
205 font-family: Verdana; |
220 font-family: Verdana; |
206 } |
221 } |
207 .jqx-chart-title-text |
222 |
208 { |
223 .jqx-chart-title-text { |
209 fill: #111111; |
224 fill: #111111; |
210 color: #111111; |
225 color: #111111; |
211 font-size: 14px; |
226 font-size: 14px; |
212 font-weight: bold; |
227 font-weight: bold; |
213 font-family: Verdana; |
228 font-family: Verdana; |
214 } |
229 } |
215 .jqx-chart-title-description |
230 |
216 { |
231 .jqx-chart-title-description { |
217 fill: #111111; |
232 fill: #111111; |
218 color: #111111; |
233 color: #111111; |
219 font-size: 12px; |
234 font-size: 12px; |
220 font-weight: normal; |
235 font-weight: normal; |
221 font-family: Verdana; |
236 font-family: Verdana; |
222 } |
237 } |
223 |
238 |
224 /*applied to the Grid's element.*/ |
239 /*applied to the Grid's element.*/ |
225 .jqx-grid |
240 .jqx-grid { |
226 { |
|
227 overflow: hidden; |
241 overflow: hidden; |
228 border-style: solid; |
242 border-style: solid; |
229 border-width: 1px; |
243 border-width: 1px; |
230 } |
244 } |
231 .jqx-grid .jqx-adaptive-table{ |
245 |
232 border-collapse: collapse; |
246 .jqx-grid .jqx-adaptive-table { |
233 border:none; |
247 border-collapse: collapse; |
234 width: 100%; |
248 border: none; |
235 } |
249 width: 100%; |
236 |
250 } |
237 .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th { |
251 |
238 border-bottom: 1px solid #ddd; |
252 .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th { |
239 padding: 8px; |
253 border-bottom: 1px solid #ddd; |
240 overflow: auto; |
254 padding: 8px; |
241 } |
255 overflow: auto; |
242 |
256 } |
243 .jqx-grid .jqx-adaptive-table tr:nth-child(even){background-color: #f2f2f2;} |
257 |
244 |
258 .jqx-grid .jqx-adaptive-table tr:nth-child(even) { |
245 .jqx-grid .jqx-adaptive-table th { |
259 background-color: #f2f2f2; |
246 padding-top: 12px; |
260 } |
247 padding-bottom: 12px; |
261 |
248 text-align: left; |
262 .jqx-grid .jqx-adaptive-table th { |
249 background-color: #4CAF50; |
263 padding-top: 12px; |
250 color: white; |
264 padding-bottom: 12px; |
251 } |
265 text-align: left; |
252 |
266 background-color: #4CAF50; |
253 .jqx-grid .jqx-adaptive-view a { |
267 color: white; |
254 padding:10px; |
268 } |
255 text-decoration:none; |
269 |
256 color: orangered; |
270 .jqx-grid .jqx-adaptive-view a { |
257 } |
271 padding: 10px; |
|
272 text-decoration: none; |
|
273 color: orangered; |
|
274 } |
258 |
275 |
259 /*applied to the Pager.*/ |
276 /*applied to the Pager.*/ |
260 .jqx-grid-pager |
277 .jqx-grid-pager { |
261 { |
|
262 border: none; |
278 border: none; |
263 border-top: 1px solid transparent; |
279 border-top: 1px solid transparent; |
264 } |
280 } |
265 /*applied to the Top Pager.*/ |
281 /*applied to the Top Pager.*/ |
266 .jqx-grid-pager-top |
282 .jqx-grid-pager-top { |
267 { |
|
268 border: none; |
283 border: none; |
269 border-bottom: 1px solid transparent; |
284 border-bottom: 1px solid transparent; |
270 } |
285 } |
271 .jqx-grid-pager-number{ |
286 |
|
287 .jqx-grid-pager-number { |
272 padding: 2px 5px; |
288 padding: 2px 5px; |
273 text-decoration: none; |
289 text-decoration: none; |
274 margin: 1px; |
290 margin: 1px; |
275 border: 1px solid transparent; |
291 border: 1px solid transparent; |
276 color: inherit !important; |
292 color: inherit !important; |
277 outline: none; |
293 outline: none; |
278 font-weight: normal !important; |
294 font-weight: normal !important; |
279 line-height:14px; |
295 line-height: 14px; |
280 } |
296 } |
|
297 |
281 .jqx-grid-menu-item-touch { |
298 .jqx-grid-menu-item-touch { |
282 padding-top: 6px !important; |
299 padding-top: 6px !important; |
283 padding-bottom: 6px !important; |
300 padding-bottom: 6px !important; |
284 } |
301 } |
285 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ |
302 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ |
286 .jqx-grid-bottomright |
303 .jqx-grid-bottomright { |
287 { |
|
288 |
|
289 } |
304 } |
290 /*applied to the Grid's header area.*/ |
305 /*applied to the Grid's header area.*/ |
291 .jqx-grid-header |
306 .jqx-grid-header { |
292 { |
|
293 border-style: solid; |
307 border-style: solid; |
294 border-width: 0px 0px 1px 0px; |
308 border-width: 0px 0px 1px 0px; |
295 overflow: hidden; |
309 overflow: hidden; |
296 border-color: transparent; |
310 border-color: transparent; |
297 margin: 0px; |
311 margin: 0px; |
298 padding: 0px; |
312 padding: 0px; |
299 } |
313 } |
300 /*applied to the columns.*/ |
314 /*applied to the columns.*/ |
301 .jqx-grid-column-header, .jqx-grid-columngroup-header { |
315 .jqx-grid-column-header, .jqx-grid-columngroup-header { |
302 border-style: solid; |
316 border-style: solid; |
303 border-width: 0px 1px 0px 0px; |
317 border-width: 0px 1px 0px 0px; |
304 border-color: transparent; |
318 border-color: transparent; |
305 white-space: nowrap; |
319 white-space: nowrap; |
306 border-style: solid; |
320 border-style: solid; |
307 font-weight: normal; |
321 font-weight: normal; |
308 overflow: hidden; |
322 overflow: hidden; |
309 text-align: left; |
323 text-align: left; |
310 padding: 0px; |
324 padding: 0px; |
311 margin: 0px; |
325 margin: 0px; |
312 } |
326 } |
|
327 |
313 .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { |
328 .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { |
314 border-width: 0px 0px 0px 1px; |
329 border-width: 0px 0px 0px 1px; |
315 } |
330 } |
|
331 |
316 .jqx-grid-columngroup-header { |
332 .jqx-grid-columngroup-header { |
317 border-bottom-width: 1px; |
333 border-bottom-width: 1px; |
318 border-left-width: 1px; |
334 border-left-width: 1px; |
319 } |
335 } |
320 /*applied to the column's button.*/ |
336 /*applied to the column's button.*/ |
321 .jqx-grid-column-menubutton { |
337 .jqx-grid-column-menubutton { |
322 border-style: solid; |
338 border-style: solid; |
323 border-width: 0px 0px 0px 1px; |
339 border-width: 0px 0px 0px 1px; |
324 border-color: transparent; |
340 border-color: transparent; |
325 background-image: url('images/icon-menu-small.png') !important; |
341 background-image: url('images/icon-menu-small.png') !important; |
326 background-repeat: no-repeat; |
342 background-repeat: no-repeat; |
327 background-position: center !important; |
343 background-position: center !important; |
328 cursor: pointer; |
344 cursor: pointer; |
329 } |
345 } |
|
346 |
330 .jqx-grid-column-menubutton-rtl { |
347 .jqx-grid-column-menubutton-rtl { |
331 border-width: 0px 1px 0px 0px; |
348 border-width: 0px 1px 0px 0px; |
332 } |
349 } |
333 /*applied to the column's sort button when the sort order is ascending.*/ |
350 /*applied to the column's sort button when the sort order is ascending.*/ |
334 .jqx-grid-column-sortascbutton { |
351 .jqx-grid-column-sortascbutton { |
335 border: none; |
352 border: none; |
336 background-image: url('images/sortascbutton.png'); |
353 background-image: url('images/sortascbutton.png'); |
337 background-repeat: no-repeat; |
354 background-repeat: no-repeat; |
338 background-position: center; |
355 background-position: center; |
339 cursor: pointer; |
356 cursor: pointer; |
340 } |
357 } |
341 /*applied to the column's sort button when the sort order is descending.*/ |
358 /*applied to the column's sort button when the sort order is descending.*/ |
342 .jqx-grid-column-sortdescbutton { |
359 .jqx-grid-column-sortdescbutton { |
343 border: none; |
360 border: none; |
344 background-image: url('images/sortdescbutton.png'); |
361 background-image: url('images/sortdescbutton.png'); |
345 background-repeat: no-repeat; |
362 background-repeat: no-repeat; |
346 background-position: center; |
363 background-position: center; |
347 cursor: pointer; |
364 cursor: pointer; |
348 } |
365 } |
349 /*applied to the column's filter button.*/ |
366 /*applied to the column's filter button.*/ |
350 .jqx-grid-column-filterbutton |
367 .jqx-grid-column-filterbutton { |
351 { |
|
352 border: none; |
368 border: none; |
353 background-image: url('images/filter.png'); |
369 background-image: url('images/filter.png'); |
354 background-repeat: no-repeat; |
370 background-repeat: no-repeat; |
355 background-position: center; |
371 background-position: center; |
356 margin-top:1px; |
372 margin-top: 1px; |
357 } |
373 } |
358 /*applied to the column's resize line.*/ |
374 /*applied to the column's resize line.*/ |
359 .jqx-grid-column-resizeline { |
375 .jqx-grid-column-resizeline { |
360 border-right: 1px dotted #555; |
376 border-right: 1px dotted #555; |
361 } |
377 } |
362 /*applied to the validation popup during cell editing.*/ |
378 /*applied to the validation popup during cell editing.*/ |
363 .jqx-grid-validation |
379 .jqx-grid-validation { |
364 { |
|
365 background: #df2227 !important; |
380 background: #df2227 !important; |
366 color: #fff !important; |
381 color: #fff !important; |
367 padding: 4px 8px; |
382 padding: 4px 8px; |
368 } |
383 } |
|
384 |
369 .jqx-grid-validation-label { |
385 .jqx-grid-validation-label { |
370 color: #fff !important; |
386 color: #fff !important; |
371 background: #df2227 !important; |
387 background: #df2227 !important; |
372 border: 1px solid #df2227 !important; |
388 border: 1px solid #df2227 !important; |
373 } |
389 } |
374 .jqx-grid-validation-arrow-up |
390 |
375 { |
391 .jqx-grid-validation-arrow-up { |
376 background-image: url('images/red_arrow_up.png'); |
392 background-image: url('images/red_arrow_up.png'); |
377 background-repeat: no-repeat; |
393 background-repeat: no-repeat; |
378 background-position: center center; |
394 background-position: center center; |
379 } |
395 } |
380 .jqx-grid-validation-arrow-down |
396 |
381 { |
397 .jqx-grid-validation-arrow-down { |
382 background-image: url('images/red_arrow_down.png'); |
398 background-image: url('images/red_arrow_down.png'); |
383 background-repeat: no-repeat; |
399 background-repeat: no-repeat; |
384 background-position: center center; |
400 background-position: center center; |
385 } |
401 } |
386 /*applied to the column's resize start line.*/ |
402 /*applied to the column's resize start line.*/ |
387 .jqx-grid-column-resizestartline { |
403 .jqx-grid-column-resizestartline { |
388 border-right: 1px solid #444; |
404 border-right: 1px solid #444; |
389 } |
405 } |
390 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
406 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
391 .jqx-grid-sortasc-icon |
407 .jqx-grid-sortasc-icon { |
392 { |
|
393 background-image: url('images/icon-sort-asc.png'); |
408 background-image: url('images/icon-sort-asc.png'); |
394 background-repeat: no-repeat; |
409 background-repeat: no-repeat; |
395 background-position: left center; |
410 background-position: left center; |
396 width: 16px; |
411 width: 16px; |
397 height: 16px; |
412 height: 16px; |
398 float: left; |
413 float: left; |
399 margin-left: -4px; |
414 margin-left: -4px; |
400 margin-right: 4px; |
415 margin-right: 4px; |
401 } |
416 } |
402 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
417 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
403 .jqx-grid-sortdesc-icon |
418 .jqx-grid-sortdesc-icon { |
404 { |
|
405 background-image: url('images/icon-sort-desc.png'); |
419 background-image: url('images/icon-sort-desc.png'); |
406 background-repeat: no-repeat; |
420 background-repeat: no-repeat; |
407 background-position: left center; |
421 background-position: left center; |
408 width: 16px; |
422 width: 16px; |
409 height: 16px; |
423 height: 16px; |
410 float: left; |
424 float: left; |
411 margin-left: -4px; |
425 margin-left: -4px; |
412 margin-right: 4px; |
426 margin-right: 4px; |
413 } |
427 } |
414 /*applied to the grid menu's sort remove item/*/ |
428 /*applied to the grid menu's sort remove item/*/ |
415 .jqx-grid-sortremove-icon |
429 .jqx-grid-sortremove-icon { |
416 { |
|
417 background-image: url('images/icon-sort-remove.png'); |
430 background-image: url('images/icon-sort-remove.png'); |
418 background-repeat: no-repeat; |
431 background-repeat: no-repeat; |
419 background-position: left center; |
432 background-position: left center; |
420 width: 16px; |
433 width: 16px; |
421 height: 16px; |
434 height: 16px; |
422 float: left; |
435 float: left; |
423 margin-left: -4px; |
436 margin-left: -4px; |
424 margin-right: 4px; |
437 margin-right: 4px; |
425 } |
438 } |
426 /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ |
439 /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ |
427 .jqx-grid-drag-icon |
440 .jqx-grid-drag-icon { |
428 { |
|
429 background-image: url('images/drag.png'); |
441 background-image: url('images/drag.png'); |
430 background-repeat: no-repeat; |
442 background-repeat: no-repeat; |
431 background-position: left center; |
443 background-position: left center; |
432 width: 16px; |
444 width: 16px; |
433 height: 16px; |
445 height: 16px; |
434 } |
446 } |
435 /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ |
447 /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ |
436 .jqx-grid-dragcancel-icon |
448 .jqx-grid-dragcancel-icon { |
437 { |
|
438 background-image: url('images/dragcancel.png'); |
449 background-image: url('images/dragcancel.png'); |
439 background-repeat: no-repeat; |
450 background-repeat: no-repeat; |
440 background-position: left center; |
451 background-position: left center; |
441 width: 16px; |
452 width: 16px; |
442 height: 16px; |
453 height: 16px; |
443 } |
454 } |
444 /*applied to the 'group by' menu item.*/ |
455 /*applied to the 'group by' menu item.*/ |
445 .jqx-grid-groupby-icon |
456 .jqx-grid-groupby-icon { |
446 { |
|
447 background-repeat: no-repeat; |
457 background-repeat: no-repeat; |
448 background-position: left center; |
458 background-position: left center; |
449 width: 16px; |
459 width: 16px; |
450 height: 16px; |
460 height: 16px; |
451 float: left; |
461 float: left; |
452 margin-left: -4px; |
462 margin-left: -4px; |
453 margin-right: 4px; |
463 margin-right: 4px; |
454 } |
464 } |
455 /*applied to the column anchor tags.*/ |
465 /*applied to the column anchor tags.*/ |
456 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited |
466 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited { |
457 { |
|
458 display: block; |
467 display: block; |
459 margin: 4px; |
468 margin: 4px; |
460 height: 18px; |
469 height: 18px; |
461 line-height: 18px !important; |
470 line-height: 18px !important; |
462 color: inherit; |
471 color: inherit; |
463 outline: 0 none; |
472 outline: 0 none; |
464 text-decoration: none; |
473 text-decoration: none; |
465 cursor: pointer; |
474 cursor: pointer; |
466 } |
475 } |
|
476 |
467 .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { |
477 .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { |
468 margin: 4px; |
478 margin: 4px; |
469 height: 18px; |
479 height: 18px; |
470 line-height: 18px !important; |
480 line-height: 18px !important; |
471 color: inherit; |
481 color: inherit; |
472 outline: 0 none; |
482 outline: 0 none; |
473 text-decoration: none; |
483 text-decoration: none; |
474 cursor: pointer; |
484 cursor: pointer; |
475 } |
485 } |
476 /*applied to the groups header area.*/ |
486 /*applied to the groups header area.*/ |
477 .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { |
487 .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { |
478 border-style: solid; |
488 border-style: solid; |
479 border-width: 0px 0px 1px 0px; |
489 border-width: 0px 0px 1px 0px; |
480 border-color: #aaa; |
490 border-color: #aaa; |
481 white-space: nowrap; |
491 white-space: nowrap; |
482 overflow: hidden; |
492 overflow: hidden; |
483 text-align: left; |
493 text-align: left; |
484 padding: 0px; |
494 padding: 0px; |
485 margin: 0px; |
495 margin: 0px; |
486 } |
496 } |
487 /*applied to a grouping row.*/ |
497 /*applied to a grouping row.*/ |
488 .jqx-grid-groups-row { |
498 .jqx-grid-groups-row { |
489 font-weight:bold; |
499 font-weight: bold; |
490 white-space: nowrap; |
500 white-space: nowrap; |
491 text-align: left; |
501 text-align: left; |
492 padding: 0px; |
502 padding: 0px; |
493 top: 50%; |
503 top: 50%; |
494 margin-top: -8px; |
504 margin-top: -8px; |
495 } |
505 } |
496 /*applied to the row details.*/ |
506 /*applied to the row details.*/ |
497 .jqx-grid-groups-row-details { |
507 .jqx-grid-groups-row-details { |
498 font-weight: normal; |
508 font-weight: normal; |
499 } |
509 } |
500 /*applied to a grouping column.*/ |
510 /*applied to a grouping column.*/ |
501 .jqx-grid-group-column |
511 .jqx-grid-group-column { |
502 { |
|
503 border: 1px solid transparent; |
512 border: 1px solid transparent; |
504 white-space: nowrap; |
513 white-space: nowrap; |
505 border-style: solid; |
514 border-style: solid; |
506 font-weight: normal; |
515 font-weight: normal; |
507 overflow: hidden; |
516 overflow: hidden; |
508 text-align: left; |
517 text-align: left; |
509 padding: 0px; |
518 padding: 0px; |
510 margin: 0px; |
519 margin: 0px; |
511 } |
520 } |
512 /*applied to the lines between the group columns.*/ |
521 /*applied to the lines between the group columns.*/ |
513 .jqx-grid-group-column-line |
522 .jqx-grid-group-column-line { |
514 { |
|
515 background: #aaa; |
523 background: #aaa; |
516 } |
524 } |
517 /*applied to the drop line indicators displayed in the grouping header.*/ |
525 /*applied to the drop line indicators displayed in the grouping header.*/ |
518 .jqx-grid-group-drag-line |
526 .jqx-grid-group-drag-line { |
519 { |
|
520 background: #80be09; |
527 background: #80be09; |
521 } |
528 } |
522 /*applied to the anchor tags inside a grouping column.*/ |
529 /*applied to the anchor tags inside a grouping column.*/ |
523 .jqx-grid-group-column a:link{ |
530 .jqx-grid-group-column a:link { |
524 display: block; |
531 display: block; |
525 margin: 4px; |
532 margin: 4px; |
526 height: 18px; |
533 height: 18px; |
527 line-height: 18px !important; |
534 line-height: 18px !important; |
528 outline: 0 none; |
535 outline: 0 none; |
529 text-decoration: none; |
536 text-decoration: none; |
530 cursor: pointer; |
537 cursor: pointer; |
531 color: inherit; |
538 color: inherit; |
532 } |
539 } |
533 .jqx-grid-group-column a:visited{ |
540 |
|
541 .jqx-grid-group-column a:visited { |
534 color: inherit; |
542 color: inherit; |
535 display: block; |
543 display: block; |
536 margin: 4px; |
544 margin: 4px; |
537 height: 18px; |
545 height: 18px; |
538 line-height: 18px !important; |
546 line-height: 18px !important; |
1994 border-right: none; |
1957 border-right: none; |
1995 margin: 0 0 0 0; |
1958 margin: 0 0 0 0; |
1996 cursor: default; |
1959 cursor: default; |
1997 } |
1960 } |
1998 /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ |
1961 /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ |
1999 .jqx-calendar-top-left-header |
1962 .jqx-calendar-top-left-header { |
2000 { |
|
2001 outline: none; |
1963 outline: none; |
2002 border: 0px solid #f2f2f2; |
1964 border: 0px solid #f2f2f2; |
2003 margin: 0 0 0 0; |
1965 margin: 0 0 0 0; |
2004 cursor: default; |
1966 cursor: default; |
2005 } |
1967 } |
2006 /*applied to the calendar's navigation buttons.*/ |
1968 /*applied to the calendar's navigation buttons.*/ |
2007 .jqx-calendar-title-navigation |
1969 .jqx-calendar-title-navigation { |
2008 { |
1970 cursor: pointer; |
2009 cursor: pointer; |
1971 background-color: transparent; |
2010 background-color: transparent; |
1972 margin: 0; |
2011 margin: 0; |
1973 padding: 0; |
2012 padding: 0; |
1974 border: none; |
2013 border: none; |
|
2014 width: 25px; |
1975 width: 25px; |
2015 height: 25px; |
1976 height: 25px; |
2016 } |
1977 } |
2017 /*applied to the month table*/ |
1978 /*applied to the month table*/ |
2018 .jqx-calendar-month |
1979 .jqx-calendar-month { |
2019 { |
1980 margin: 0; |
2020 margin: 0; padding: 0; |
1981 padding: 0; |
2021 border: none; |
1982 border: none; |
2022 width: 100%; |
1983 width: 100%; |
2023 } |
1984 } |
2024 /*applied to the calendar's title content.*/ |
1985 /*applied to the calendar's title content.*/ |
2025 .jqx-calendar-title-content |
1986 .jqx-calendar-title-content { |
2026 { |
|
2027 cursor: pointer; |
1987 cursor: pointer; |
2028 text-align: center; |
1988 text-align: center; |
2029 } |
1989 } |
2030 /*applied to the calendar's navigation title.*/ |
1990 /*applied to the calendar's navigation title.*/ |
2031 .jqx-calendar-title-header |
1991 .jqx-calendar-title-header { |
2032 { |
|
2033 border-left: none; |
1992 border-left: none; |
2034 border-top: none; |
1993 border-top: none; |
2035 border-right: none; |
1994 border-right: none; |
2036 border-bottom-width: 1px; |
1995 border-bottom-width: 1px; |
2037 border-bottom-style: solid; |
1996 border-bottom-style: solid; |
2038 margin: 0 0 0 0; |
1997 margin: 0 0 0 0; |
2039 } |
1998 } |
2040 .jqx-calendar-title-header td { |
1999 |
2041 padding-left: 0px; |
2000 .jqx-calendar-title-header td { |
2042 padding-right: 0px; |
2001 padding-left: 0px; |
2043 border: none; |
2002 padding-right: 0px; |
2044 } |
2003 border: none; |
|
2004 } |
2045 /*applied to the calendar's navigation title when the calendar is disabled.*/ |
2005 /*applied to the calendar's navigation title when the calendar is disabled.*/ |
2046 .jqx-calendar-title-header-disabled |
2006 .jqx-calendar-title-header-disabled { |
2047 { |
|
2048 border-bottom-width: 1px; |
2007 border-bottom-width: 1px; |
2049 border-bottom-style:solid; |
2008 border-bottom-style: solid; |
2050 margin: 0 0 0 0; |
2009 margin: 0 0 0 0; |
2051 border-left: 0px solid transparent; |
2010 border-left: 0px solid transparent; |
2052 border-right: 0px solid transparent; |
2011 border-right: 0px solid transparent; |
2053 border-top: 0px solid transparent; |
2012 border-top: 0px solid transparent; |
2054 |
|
2055 } |
2013 } |
2056 /*applied to a calendar cell.*/ |
2014 /*applied to a calendar cell.*/ |
2057 .jqx-calendar-cell |
2015 .jqx-calendar-cell { |
2058 { |
|
2059 border: 1px solid transparent; |
2016 border: 1px solid transparent; |
2060 margin: 0px; |
2017 margin: 0px; |
2061 outline: none; |
2018 outline: none; |
2062 text-align: center; |
2019 text-align: center; |
2063 padding: 1px; |
2020 padding: 1px; |
2064 cursor: pointer; |
2021 cursor: pointer; |
2065 background-color: transparent; |
2022 background-color: transparent; |
2066 } |
2023 } |
2067 .jqx-calendar-cell td |
2024 |
2068 { |
2025 .jqx-calendar-cell td { |
2069 padding: 0; |
2026 padding: 0; |
2070 margin: 0; |
2027 margin: 0; |
2071 } |
2028 } |
2072 /*applied to a calendar cell in decade and year views.*/ |
2029 /*applied to a calendar cell in decade and year views.*/ |
2073 .jqx-calendar-cell-decade, .jqx-calendar-cell-year { |
2030 .jqx-calendar-cell-decade, .jqx-calendar-cell-year { |
2074 text-align: center; |
2031 text-align: center; |
2075 } |
2032 } |
2076 |
2033 |
2077 .jqx-calendar .jqx-fill-state-normal |
2034 .jqx-calendar .jqx-fill-state-normal { |
2078 { |
|
2079 background: transparent; |
2035 background: transparent; |
2080 border: 1px solid transparent; |
2036 border: 1px solid transparent; |
2081 } |
2037 } |
2082 |
2038 |
2083 /*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/ |
2039 /*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/ |
2084 .jqx-calendar-cell-hidden |
2040 .jqx-calendar-cell-hidden { |
2085 { |
|
2086 margin: 0 0 0 0; |
2041 margin: 0 0 0 0; |
2087 visibility: hidden; |
2042 visibility: hidden; |
2088 cursor: default; |
2043 cursor: default; |
2089 } |
2044 } |
2090 /*applied to a calendar cell when the cell's date is a weekend date.*/ |
2045 /*applied to a calendar cell when the cell's date is a weekend date.*/ |
2091 .jqx-calendar-cell-weekend |
2046 .jqx-calendar-cell-weekend { |
2092 { |
|
2093 color: #898989 !important; |
2047 color: #898989 !important; |
2094 margin: 0 0 0 0; |
2048 margin: 0 0 0 0; |
2095 cursor: pointer; |
2049 cursor: pointer; |
2096 } |
2050 } |
2097 /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ |
2051 /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ |
2098 .jqx-calendar-cell-specialDate |
2052 .jqx-calendar-cell-specialDate { |
2099 { |
|
2100 color: #FF0000 !important; |
2053 color: #FF0000 !important; |
2101 background-color: transparent; |
2054 background-color: transparent; |
2102 border: 1px solid #fff; |
2055 border: 1px solid #fff; |
2103 margin: 0 0 0 0; |
2056 margin: 0 0 0 0; |
2104 cursor: pointer; |
2057 cursor: pointer; |
2105 } |
2058 } |
2106 /*applied to a calendar cell when the cell's date is a restricted date.*/ |
2059 /*applied to a calendar cell when the cell's date is a restricted date.*/ |
2107 .jqx-calendar-cell-restrictedDate |
2060 .jqx-calendar-cell-restrictedDate { |
2108 { |
|
2109 background-color: rgba(251, 132, 153, 1); |
2061 background-color: rgba(251, 132, 153, 1); |
2110 border: 1px solid #fff; |
2062 border: 1px solid #fff; |
2111 margin: 0 0 0 0; |
2063 margin: 0 0 0 0; |
2112 cursor: pointer; |
2064 cursor: pointer; |
2113 } |
2065 } |
2114 .jqx-calendar-cell-selected-invalid |
2066 |
2115 { |
2067 .jqx-calendar-cell-selected-invalid { |
2116 color: #FFF !important; |
2068 color: #FFF !important; |
2117 background: #FF0000 !important; |
2069 background: #FF0000 !important; |
2118 border: 1px solid #FF0000 !important; |
2070 border: 1px solid #FF0000 !important; |
2119 } |
2071 } |
2120 /*applied to a calendar cell when the cell's date is the today date.*/ |
2072 /*applied to a calendar cell when the cell's date is the today date.*/ |
2121 .jqx-calendar-cell-today |
2073 .jqx-calendar-cell-today { |
2122 { |
|
2123 color: #898989; |
2074 color: #898989; |
2124 background-color: #ffffdb; |
2075 background-color: #ffffdb; |
2125 border: 1px solid #fdc066; |
2076 border: 1px solid #fdc066; |
2126 margin: 0 0 0 0; |
2077 margin: 0 0 0 0; |
2127 cursor: pointer; |
2078 cursor: pointer; |
2128 } |
2079 } |
2129 /*applied to a calendar cell when the cell is hovered.*/ |
2080 /*applied to a calendar cell when the cell is hovered.*/ |
2130 .jqx-calendar-cell-hover |
2081 .jqx-calendar-cell-hover { |
2131 { |
|
2132 margin: 0 0 0 0; |
2082 margin: 0 0 0 0; |
2133 cursor: pointer; |
2083 cursor: pointer; |
2134 } |
2084 } |
2135 /*applied to a calendar cell when the cell is selected.*/ |
2085 /*applied to a calendar cell when the cell is selected.*/ |
2136 .jqx-calendar-cell-selected |
2086 .jqx-calendar-cell-selected { |
2137 { |
|
2138 margin: 0 0 0 0; |
2087 margin: 0 0 0 0; |
2139 cursor: pointer; |
2088 cursor: pointer; |
2140 } |
2089 } |
2141 /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ |
2090 /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ |
2142 .jqx-calendar-cell-othermonth |
2091 .jqx-calendar-cell-othermonth { |
2143 { |
|
2144 color: #898989 !important; |
2092 color: #898989 !important; |
2145 margin: 0 0 0 0; |
2093 margin: 0 0 0 0; |
2146 cursor: pointer; |
2094 cursor: pointer; |
2147 } |
2095 } |
2148 /*applied to a calendar cell when the calendar is disabled.*/ |
2096 /*applied to a calendar cell when the calendar is disabled.*/ |
2149 .jqx-calendar-cell-disabled |
2097 .jqx-calendar-cell-disabled { |
2150 { |
|
2151 color: #ccc; |
2098 color: #ccc; |
2152 } |
2099 } |
2153 /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ |
2100 /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ |
2154 .jqx-calendar-row-cell |
2101 .jqx-calendar-row-cell { |
2155 { |
|
2156 outline: none; |
2102 outline: none; |
2157 text-align: center; |
2103 text-align: center; |
2158 border: 1px solid transparent; |
2104 border: 1px solid transparent; |
2159 margin: 0 0 0 0; |
2105 margin: 0 0 0 0; |
2160 cursor: default; |
2106 cursor: default; |
2161 } |
2107 } |
2162 /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ |
2108 /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ |
2163 .jqx-calendar-row-cell-disabled |
2109 .jqx-calendar-row-cell-disabled { |
2164 { |
2110 } |
2165 |
2111 |
2166 } |
2112 .jqx-calendar-footer { |
2167 .jqx-calendar-footer |
|
2168 { |
|
2169 margin: 5px; |
2113 margin: 5px; |
2170 color: inherit; |
2114 color: inherit; |
2171 font-size: 13px; |
2115 font-size: 13px; |
2172 } |
2116 } |
2173 |
2117 |
2174 .jqx-calendar-title-container |
2118 .jqx-calendar-title-container { |
2175 { |
|
2176 overflow: hidden; |
2119 overflow: hidden; |
2177 } |
2120 } |
2178 /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ |
2121 /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ |
2179 .jqx-calendar-column-cell |
2122 .jqx-calendar-column-cell { |
2180 { |
|
2181 overflow: hidden; |
2123 overflow: hidden; |
2182 text-align: center; |
2124 text-align: center; |
2183 outline: none; |
2125 outline: none; |
2184 font-weight: normal; |
2126 font-weight: normal; |
2185 padding: 1px; |
2127 padding: 1px; |
2186 border: 1px solid transparent; |
2128 border: 1px solid transparent; |
2187 margin: 0 0 0 0; |
2129 margin: 0 0 0 0; |
2188 cursor: default; |
2130 cursor: default; |
2189 } |
2131 } |
2190 /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ |
2132 /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ |
2191 .jqx-calendar-column-cell-disabled |
2133 .jqx-calendar-column-cell-disabled { |
2192 { |
|
2193 |
|
2194 } |
2134 } |
2195 /*applied to the calendar's cell area element.*/ |
2135 /*applied to the calendar's cell area element.*/ |
2196 .jqx-calendar-view |
2136 .jqx-calendar-view { |
2197 { |
|
2198 -webkit-appearance: none; |
2137 -webkit-appearance: none; |
2199 outline: none; |
2138 outline: none; |
2200 padding: 0px; |
2139 padding: 0px; |
2201 border: 0px solid #fff; |
2140 border: 0px solid #fff; |
2202 margin: 0 0 0 0; |
2141 margin: 0 0 0 0; |
2203 cursor: default; |
2142 cursor: default; |
2204 } |
2143 } |
2205 |
2144 |
2206 /*jqxExpander and jqxNavigationBar Style*/ |
2145 /*jqxExpander and jqxNavigationBar Style*/ |
2207 .jqx-expander |
2146 .jqx-expander { |
2208 { |
|
2209 } |
2147 } |
2210 /*applied to the Expander's header and content*/ |
2148 /*applied to the Expander's header and content*/ |
2211 .jqx-expander-header, .jqx-expander-content |
2149 .jqx-expander-header, .jqx-expander-content { |
2212 { |
|
2213 border-left-width: 1px; |
2150 border-left-width: 1px; |
2214 border-right-width: 1px; |
2151 border-right-width: 1px; |
2215 border-left-style: solid; |
2152 border-left-style: solid; |
2216 border-right-style: solid; |
2153 border-right-style: solid; |
2217 padding-top: 5px; |
2154 padding-top: 5px; |
2218 padding-bottom: 5px; |
2155 padding-bottom: 5px; |
2219 padding-left:5px; |
2156 padding-left: 5px; |
2220 padding-right:5px; |
2157 padding-right: 5px; |
2221 outline: 0; |
2158 outline: 0; |
2222 } |
2159 } |
2223 /*applid to the content of the expander header.*/ |
2160 /*applid to the content of the expander header.*/ |
2224 .jqx-expander-header-content |
2161 .jqx-expander-header-content { |
2225 { |
|
2226 padding-left: 3px; |
2162 padding-left: 3px; |
2227 } |
2163 } |
2228 /*applid to the content of the expander header.*/ |
2164 /*applid to the content of the expander header.*/ |
2229 .jqx-expander-header-content-rtl |
2165 .jqx-expander-header-content-rtl { |
2230 { |
|
2231 padding-right: 3px; |
2166 padding-right: 3px; |
2232 } |
2167 } |
2233 .jqx-expander-content{padding-top: 0px;padding-bottom:0px; overflow: auto; outline: 0;} |
2168 |
|
2169 .jqx-expander-content { |
|
2170 padding-top: 0px; |
|
2171 padding-bottom: 0px; |
|
2172 overflow: auto; |
|
2173 outline: 0; |
|
2174 } |
2234 /*applied to the Expander's header and its content when it is on the top of the header*/ |
2175 /*applied to the Expander's header and its content when it is on the top of the header*/ |
2235 .jqx-expander-header, .jqx-expander-content-top |
2176 .jqx-expander-header, .jqx-expander-content-top { |
2236 { |
|
2237 border-top-width: 1px; |
2177 border-top-width: 1px; |
2238 border-top-style: solid; |
2178 border-top-style: solid; |
2239 } |
2179 } |
2240 /*applied to the Expander's header and its content when it is on the bottom of the header*/ |
2180 /*applied to the Expander's header and its content when it is on the bottom of the header*/ |
2241 .jqx-expander-header, .jqx-expander-content-bottom |
2181 .jqx-expander-header, .jqx-expander-content-bottom { |
2242 { |
|
2243 border-bottom-width: 1px; |
2182 border-bottom-width: 1px; |
2244 border-bottom-style: solid; |
2183 border-bottom-style: solid; |
2245 } |
2184 } |
2246 /*applied to the Expander's header*/ |
2185 /*applied to the Expander's header*/ |
2247 .jqx-expander-header |
2186 .jqx-expander-header { |
2248 { |
|
2249 cursor: pointer; |
2187 cursor: pointer; |
2250 overflow: hidden; |
2188 overflow: hidden; |
2251 } |
2189 } |
2252 /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ |
2190 /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ |
2253 .jqx-expander-header-disabled |
2191 .jqx-expander-header-disabled { |
2254 { |
|
2255 cursor: default; |
2192 cursor: default; |
2256 } |
2193 } |
2257 /*applied to the Expander's arrow*/ |
2194 /*applied to the Expander's arrow*/ |
2258 .jqx-expander-arrow |
2195 .jqx-expander-arrow { |
2259 { |
|
2260 width: 17px; |
2196 width: 17px; |
2261 height: 17px; |
2197 height: 17px; |
2262 position: relative; |
2198 position: relative; |
2263 } |
2199 } |
2264 /*applied to the Expander's content if it is empty*/ |
2200 /*applied to the Expander's content if it is empty*/ |
2265 .jqx-expander-content-empty |
2201 .jqx-expander-content-empty { |
2266 { |
|
2267 border-width: 0px; |
2202 border-width: 0px; |
2268 padding: 0px; |
2203 padding: 0px; |
2269 } |
2204 } |
2270 |
2205 |
2271 /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ |
2206 /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ |
2272 .jqx-navigationbar |
2207 .jqx-navigationbar { |
2273 { |
|
2274 border: none; |
2208 border: none; |
2275 margin: 0px; |
2209 margin: 0px; |
2276 -webkit-appearance: none; |
2210 -webkit-appearance: none; |
2277 outline: none; |
2211 outline: none; |
2278 } |
2212 } |
2279 /*jqxPanel Style*/ |
2213 /*jqxPanel Style*/ |
2280 .jqx-panel |
2214 .jqx-panel { |
2281 { |
|
2282 border: 1px solid transparent; |
2215 border: 1px solid transparent; |
2283 -webkit-appearance: none; |
2216 -webkit-appearance: none; |
2284 outline: none; |
2217 outline: none; |
2285 padding: 0px; |
2218 padding: 0px; |
2286 margin: 0px; |
2219 margin: 0px; |
2287 cursor: default; |
2220 cursor: default; |
2288 overflow: hidden; |
2221 overflow: hidden; |
2289 } |
2222 } |
2290 /*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right |
2223 /*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right |
2291 of the horizontal scrollbar.*/ |
2224 of the horizontal scrollbar.*/ |
2292 .jqx-panel-bottomright |
2225 .jqx-panel-bottomright { |
2293 { |
|
2294 |
|
2295 } |
2226 } |
2296 /*applied to the DropDownButton's Popup.*/ |
2227 /*applied to the DropDownButton's Popup.*/ |
2297 .jqx-dropdownbutton-popup { |
2228 .jqx-dropdownbutton-popup { |
2298 -webkit-appearance: none; |
2229 -webkit-appearance: none; |
2299 outline: none; |
2230 outline: none; |
2300 border: 1px solid transparent; |
2231 border: 1px solid transparent; |
2301 } |
2232 } |
2302 |
2233 |
2303 .jqx-listbox |
2234 .jqx-listbox { |
2304 { |
|
2305 -webkit-appearance: none; |
2235 -webkit-appearance: none; |
2306 outline: none; |
2236 outline: none; |
2307 border: 1px solid transparent; |
2237 border: 1px solid transparent; |
2308 padding: 0px; |
2238 padding: 0px; |
2309 margin: 0px; |
2239 margin: 0px; |
2310 cursor: default; |
2240 cursor: default; |
2311 overflow: hidden; |
2241 overflow: hidden; |
2312 } |
2242 } |
2313 /*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right |
2243 /*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right |
2314 of the horizontal scrollbar.*/ |
2244 of the horizontal scrollbar.*/ |
2315 .jqx-listbox-bottomright |
2245 .jqx-listbox-bottomright { |
2316 { |
|
2317 |
|
2318 } |
2246 } |
2319 /*applied to the ListBox's groups.*/ |
2247 /*applied to the ListBox's groups.*/ |
2320 .jqx-listitem-state-group |
2248 .jqx-listitem-state-group { |
2321 { |
|
2322 white-space: nowrap; |
2249 white-space: nowrap; |
2323 padding: 5px 2px 5px 2px; |
2250 padding: 5px 2px 5px 2px; |
2324 background: transparent; |
2251 background: transparent; |
2325 font-weight: bold; |
2252 font-weight: bold; |
2326 text-align: left; |
2253 text-align: left; |
2553 white-space: nowrap; |
2476 white-space: nowrap; |
2554 -webkit-appearance: none; |
2477 -webkit-appearance: none; |
2555 outline: 0 none; |
2478 outline: 0 none; |
2556 border: none; |
2479 border: none; |
2557 } |
2480 } |
|
2481 |
2558 .jqx-dropdownlist-content-rtl { |
2482 .jqx-dropdownlist-content-rtl { |
2559 padding-left: 0px; |
2483 padding-left: 0px; |
2560 padding-right: 3px; |
2484 padding-right: 3px; |
2561 } |
2485 } |
|
2486 |
2562 .jqx-dropdownlist .jqx-icon-arrow-down { |
2487 .jqx-dropdownlist .jqx-icon-arrow-down { |
2563 width:13px; |
2488 width: 13px; |
2564 } |
2489 } |
|
2490 |
2565 .jqx-dropdownlist .jqx-icon-arrow-up { |
2491 .jqx-dropdownlist .jqx-icon-arrow-up { |
2566 width:13px; |
2492 width: 13px; |
2567 } |
2493 } |
|
2494 |
2568 .jqx-combobox .jqx-icon-arrow-down { |
2495 .jqx-combobox .jqx-icon-arrow-down { |
2569 width:13px; |
2496 width: 13px; |
2570 } |
2497 } |
|
2498 |
2571 .jqx-combobox .jqx-icon-arrow-up { |
2499 .jqx-combobox .jqx-icon-arrow-up { |
2572 width:13px; |
2500 width: 13px; |
2573 } |
2501 } |
2574 /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ |
2502 /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ |
2575 .jqx-dropdownlist-content-disabled |
2503 .jqx-dropdownlist-content-disabled { |
2576 { |
|
2577 } |
2504 } |
2578 /*applied to the dropdownlist in default state.*/ |
2505 /*applied to the dropdownlist in default state.*/ |
2579 .jqx-dropdownlist-state-normal |
2506 .jqx-dropdownlist-state-normal { |
2580 { |
|
2581 -webkit-appearance: none; |
2507 -webkit-appearance: none; |
2582 outline: none; |
2508 outline: none; |
2583 border: 1px solid transparent; |
2509 border: 1px solid transparent; |
2584 overflow: hidden; |
2510 overflow: hidden; |
2585 margin: 0 0 0 0; |
2511 margin: 0 0 0 0; |
2586 cursor: pointer; |
2512 cursor: pointer; |
2587 } |
2513 } |
2588 /*applied to the dropdownlist in hovered state.*/ |
2514 /*applied to the dropdownlist in hovered state.*/ |
2589 .jqx-dropdownlist-state-hover |
2515 .jqx-dropdownlist-state-hover { |
2590 { |
|
2591 overflow: hidden; |
2516 overflow: hidden; |
2592 border: 1px solid transparent; |
2517 border: 1px solid transparent; |
2593 margin: 0 0 0 0; |
2518 margin: 0 0 0 0; |
2594 cursor: pointer; |
2519 cursor: pointer; |
2595 } |
2520 } |
2596 /*applied to the dropdownlist in selected state.*/ |
2521 /*applied to the dropdownlist in selected state.*/ |
2597 .jqx-dropdownlist-state-selected |
2522 .jqx-dropdownlist-state-selected { |
2598 { |
|
2599 overflow: hidden; |
2523 overflow: hidden; |
2600 background-color: transparent; |
2524 background-color: transparent; |
2601 border: 1px solid transparent; |
2525 border: 1px solid transparent; |
2602 margin: 0 0 0 0; |
2526 margin: 0 0 0 0; |
2603 cursor: pointer; |
2527 cursor: pointer; |
2604 } |
2528 } |
2605 /*applied to the dropdownlist in focused state.*/ |
2529 /*applied to the dropdownlist in focused state.*/ |
2606 .jqx-dropdownlist-state-focus |
2530 .jqx-dropdownlist-state-focus { |
2607 { |
|
2608 border: 1px solid #909090; |
2531 border: 1px solid #909090; |
2609 } |
2532 } |
2610 /*applied to the dropdownlist in disabled state.*/ |
2533 /*applied to the dropdownlist in disabled state.*/ |
2611 .jqx-dropdownlist-state-disabled |
2534 .jqx-dropdownlist-state-disabled { |
2612 { |
|
2613 |
|
2614 } |
2535 } |
2615 /*jqxScrollBar Style*/ |
2536 /*jqxScrollBar Style*/ |
2616 .jqx-scrollbar |
2537 .jqx-scrollbar { |
2617 { |
|
2618 background: transparent; |
2538 background: transparent; |
2619 margin: 0; |
2539 margin: 0; |
2620 padding: 0; |
2540 padding: 0; |
2621 border: none; |
2541 border: none; |
2622 } |
2542 } |
2623 /*applied to the scrollbar in default state.*/ |
2543 /*applied to the scrollbar in default state.*/ |
2624 .jqx-scrollbar-state-normal |
2544 .jqx-scrollbar-state-normal { |
2625 { |
|
2626 background: #efefef; |
2545 background: #efefef; |
2627 margin: 0px; |
2546 margin: 0px; |
2628 padding: 0px; |
2547 padding: 0px; |
2629 border: 1px solid transparent; |
2548 border: 1px solid transparent; |
2630 } |
2549 } |
2631 /*applied to the scrollbar buttons in default state.*/ |
2550 /*applied to the scrollbar buttons in default state.*/ |
2632 .jqx-scrollbar-button-state-normal |
2551 .jqx-scrollbar-button-state-normal { |
2633 { |
|
2634 margin: 0px; |
|
2635 padding: 0px; |
|
2636 border: 1px solid transparent; |
|
2637 } |
|
2638 /*applied to the scrollbar buttons in hovered state.*/ |
|
2639 .jqx-scrollbar-button-state-hover |
|
2640 { |
|
2641 margin: 0px; |
2552 margin: 0px; |
2642 padding: 0px; |
2553 padding: 0px; |
2643 border: 1px solid transparent; |
2554 border: 1px solid transparent; |
2644 } |
2555 } |
2645 /*applied to the scrollbar buttons in pressed state.*/ |
2556 /*applied to the scrollbar buttons in hovered state.*/ |
2646 .jqx-scrollbar-button-state-pressed |
2557 .jqx-scrollbar-button-state-hover { |
2647 { |
|
2648 margin: 0px; |
2558 margin: 0px; |
2649 padding: 0px; |
2559 padding: 0px; |
2650 border: 1px solid transparent; |
2560 border: 1px solid transparent; |
2651 } |
2561 } |
|
2562 /*applied to the scrollbar buttons in pressed state.*/ |
|
2563 .jqx-scrollbar-button-state-pressed { |
|
2564 margin: 0px; |
|
2565 padding: 0px; |
|
2566 border: 1px solid transparent; |
|
2567 } |
2652 /*applied to the horizontal scrollbar thumb in default state.*/ |
2568 /*applied to the horizontal scrollbar thumb in default state.*/ |
2653 .jqx-scrollbar-thumb-state-normal-horizontal |
2569 .jqx-scrollbar-thumb-state-normal-horizontal { |
2654 { |
|
2655 margin: 0px; |
2570 margin: 0px; |
2656 padding: 0px; |
2571 padding: 0px; |
2657 background: transparent; |
2572 background: transparent; |
2658 border: 1px solid transparent; |
2573 border: 1px solid transparent; |
2659 touch-action:none; |
2574 touch-action: none; |
2660 } |
2575 } |
2661 /*applied to the horizontal scrollbar thumb in hovered state.*/ |
2576 /*applied to the horizontal scrollbar thumb in hovered state.*/ |
2662 .jqx-scrollbar-thumb-state-hover-horizontal |
2577 .jqx-scrollbar-thumb-state-hover-horizontal { |
2663 { |
|
2664 margin: 0px; |
|
2665 padding: 0px; |
|
2666 border: 1px solid transparent; |
|
2667 } |
|
2668 /*applied to the horizontal scrollbar thumb in default state.*/ |
|
2669 .jqx-scrollbar-thumb-state-pressed-horizontal |
|
2670 { |
|
2671 margin: 0px; |
2578 margin: 0px; |
2672 padding: 0px; |
2579 padding: 0px; |
2673 border: 1px solid transparent; |
2580 border: 1px solid transparent; |
2674 } |
2581 } |
2675 /*applied to the vertical scrollbar thumb in default state.*/ |
2582 /*applied to the horizontal scrollbar thumb in default state.*/ |
2676 .jqx-scrollbar-thumb-state-normal |
2583 .jqx-scrollbar-thumb-state-pressed-horizontal { |
2677 { |
|
2678 margin: 0px; |
2584 margin: 0px; |
2679 padding: 0px; |
2585 padding: 0px; |
2680 border: 1px solid transparent; |
2586 border: 1px solid transparent; |
2681 touch-action:none; |
|
2682 } |
2587 } |
2683 /*applied to the vertical scrollbar thumb in default state.*/ |
2588 /*applied to the vertical scrollbar thumb in default state.*/ |
2684 .jqx-scrollbar-thumb-state-hover |
2589 .jqx-scrollbar-thumb-state-normal { |
2685 { |
2590 margin: 0px; |
|
2591 padding: 0px; |
|
2592 border: 1px solid transparent; |
|
2593 touch-action: none; |
|
2594 } |
|
2595 /*applied to the vertical scrollbar thumb in default state.*/ |
|
2596 .jqx-scrollbar-thumb-state-hover { |
2686 margin: 0px; |
2597 margin: 0px; |
2687 padding: 0px; |
2598 padding: 0px; |
2688 background: transparent; |
2599 background: transparent; |
2689 border: 1px solid transparent; |
2600 border: 1px solid transparent; |
2690 } |
2601 } |
2691 /*applied to the vertical scrollbar thumb in default state.*/ |
2602 /*applied to the vertical scrollbar thumb in default state.*/ |
2692 .jqx-scrollbar-thumb-state-pressed |
2603 .jqx-scrollbar-thumb-state-pressed { |
2693 { |
|
2694 margin: 0px; |
2604 margin: 0px; |
2695 padding: 0px; |
2605 padding: 0px; |
2696 background: #d1d1d1; |
2606 background: #d1d1d1; |
2697 border: 1px solid #909090; |
2607 border: 1px solid #909090; |
2698 } |
2608 } |
2699 |
2609 |
2700 /* jqxWindow */ |
2610 /* jqxWindow */ |
2701 .jqx-window |
2611 .jqx-window { |
2702 { |
|
2703 position: absolute; |
2612 position: absolute; |
2704 overflow: hidden; |
2613 overflow: hidden; |
2705 border: 1px solid transparent; |
2614 border: 1px solid transparent; |
2706 } |
2615 } |
2707 /*applied to the jqxWindow when it’s disabled*/ |
2616 /*applied to the jqxWindow when it’s disabled*/ |
2708 .jqx-window-disabled |
2617 .jqx-window-disabled { |
2709 { |
|
2710 } |
2618 } |
2711 /*applied to the window’s header*/ |
2619 /*applied to the window’s header*/ |
2712 .jqx-window-header |
2620 .jqx-window-header { |
2713 { |
|
2714 outline: none; |
2621 outline: none; |
2715 border-width: 0px; |
2622 border-width: 0px; |
2716 border-bottom: 1px solid transparent; |
2623 border-bottom: 1px solid transparent; |
2717 overflow: hidden; |
2624 overflow: hidden; |
2718 padding: 7px; |
2625 padding: 7px; |
2719 height: auto; |
2626 height: auto; |
2720 white-space: nowrap; |
2627 white-space: nowrap; |
2721 overflow: hidden; |
2628 overflow: hidden; |
2722 } |
2629 } |
2723 /*applied to the window’s header when the window is disabled*/ |
2630 /*applied to the window’s header when the window is disabled*/ |
2724 .jqx-window-header-disabled |
2631 .jqx-window-header-disabled { |
2725 { |
|
2726 |
|
2727 } |
2632 } |
2728 /*applied to the window’s content*/ |
2633 /*applied to the window’s content*/ |
2729 .jqx-window-content |
2634 .jqx-window-content { |
2730 { |
|
2731 outline: none; |
2635 outline: none; |
2732 overflow: auto; |
2636 overflow: auto; |
2733 text-align: left; |
2637 text-align: left; |
2734 background-color: transparent; |
2638 background-color: transparent; |
2735 padding: 5px; |
2639 padding: 5px; |
2736 -webkit-background-clip: padding-box; background-clip: padding-box; |
2640 -webkit-background-clip: padding-box; |
|
2641 background-clip: padding-box; |
2737 } |
2642 } |
2738 /*applied to the window’s content when the window is disabled*/ |
2643 /*applied to the window’s content when the window is disabled*/ |
2739 .jqx-window-content-disabled |
2644 .jqx-window-content-disabled { |
2740 { |
|
2741 outline: none; |
2645 outline: none; |
2742 overflow: auto; |
2646 overflow: auto; |
2743 text-align: left; |
2647 text-align: left; |
2744 padding: 5px; |
2648 padding: 5px; |
2745 } |
2649 } |
2746 /*applied to the window’s close button*/ |
2650 /*applied to the window’s close button*/ |
2747 .jqx-window-close-button |
2651 .jqx-window-close-button { |
2748 { |
|
2749 cursor: pointer; |
2652 cursor: pointer; |
2750 background-image: url(images/close.png); |
2653 background-image: url(images/close.png); |
2751 background-repeat: no-repeat; |
2654 background-repeat: no-repeat; |
2752 margin-top:2px; |
2655 margin-top: 2px; |
2753 } |
2656 } |
2754 /*applied to the window's collapse button*/ |
2657 /*applied to the window's collapse button*/ |
2755 .jqx-window-collapse-button |
2658 .jqx-window-collapse-button { |
2756 { |
|
2757 background-image: url(images/icon-up.png); |
2659 background-image: url(images/icon-up.png); |
2758 cursor: pointer; |
2660 cursor: pointer; |
2759 margin-top: 3px; |
2661 margin-top: 3px; |
2760 } |
2662 } |
2761 /*applied to the window's collapse button when the window is collapsed*/ |
2663 /*applied to the window's collapse button when the window is collapsed*/ |
2762 .jqx-window-collapse-button-collapsed |
2664 .jqx-window-collapse-button-collapsed { |
2763 { |
|
2764 margin-top: 3px; |
2665 margin-top: 3px; |
2765 cursor: pointer; |
2666 cursor: pointer; |
2766 background-image: url(images/icon-down.png); |
2667 background-image: url(images/icon-down.png); |
2767 } |
2668 } |
2768 /*setting styles of the modal window’s background*/ |
2669 /*setting styles of the modal window’s background*/ |
2769 .jqx-window-modal |
2670 .jqx-window-modal { |
2770 { |
2671 background-color: Black; |
2771 background-color: Black; |
2672 } |
2772 } |
2673 |
2773 .jqx-window-close-button-hover |
2674 .jqx-window-close-button-hover { |
2774 { |
2675 } |
2775 } |
2676 |
2776 .jqx-docking |
2677 .jqx-docking { |
2777 { |
2678 overflow: hidden; |
2778 overflow: hidden; |
2679 } |
2779 } |
2680 |
2780 .jqx-docking-panel |
2681 .jqx-docking-panel { |
2781 { |
|
2782 margin: 0px; |
2682 margin: 0px; |
2783 padding: 0px; |
2683 padding: 0px; |
2784 min-height: 100px; |
2684 min-height: 100px; |
2785 } |
2685 } |
2786 .jqx-docking-drop-indicator |
2686 |
2787 { |
2687 .jqx-docking-drop-indicator { |
2788 border-style: dashed; |
2688 border-style: dashed; |
2789 border-width: 1px; |
2689 border-width: 1px; |
2790 margin: 0px; |
2690 margin: 0px; |
2791 } |
2691 } |
2792 .jqx-docking-window |
2692 |
2793 { |
2693 .jqx-docking-window { |
2794 margin: 0px; |
2694 margin: 0px; |
2795 } |
2695 } |
2796 |
2696 |
2797 /* jxSlider */ |
2697 /* jxSlider */ |
2798 /* applied to jqxSlider widget */ |
2698 /* applied to jqxSlider widget */ |
2799 .jqx-slider |
2699 .jqx-slider { |
2800 { |
|
2801 outline: none; |
2700 outline: none; |
2802 clear: both; |
2701 clear: both; |
2803 position: relative; |
2702 position: relative; |
2804 overflow:hidden; |
2703 overflow: hidden; |
2805 } |
2704 } |
2806 /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ |
2705 /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ |
2807 .jqx-slider-tick |
2706 .jqx-slider-tick { |
2808 { |
|
2809 border-left: 1px solid transparent; |
2707 border-left: 1px solid transparent; |
2810 z-index: 9; |
2708 z-index: 9; |
2811 } |
2709 } |
2812 /*applied to the ticks when the slider is in horizontal mode*/ |
2710 /*applied to the ticks when the slider is in horizontal mode*/ |
2813 .jqx-slider-tick-horizontal |
2711 .jqx-slider-tick-horizontal { |
2814 { |
|
2815 width: 1px; |
2712 width: 1px; |
2816 border-left: none; |
2713 border-left: none; |
2817 margin-top: 1px; |
2714 margin-top: 1px; |
2818 } |
2715 } |
2819 /*applied to the ticks when the slider is in vertical mode*/ |
2716 /*applied to the ticks when the slider is in vertical mode*/ |
2820 .jqx-slider-tick-vertical |
2717 .jqx-slider-tick-vertical { |
2821 { |
|
2822 height: 1px; |
2718 height: 1px; |
2823 border-top: none; |
2719 border-top: none; |
2824 } |
2720 } |
2825 /*applied to the ticks container*/ |
2721 /*applied to the ticks container*/ |
2826 .jqx-slider-tickscontainer |
2722 .jqx-slider-tickscontainer { |
2827 { |
|
2828 z-index: 10; |
2723 z-index: 10; |
2829 position: relative; |
2724 position: relative; |
2830 margin-top: 0px; |
2725 margin-top: 0px; |
2831 margin-bottom: 0px; |
2726 margin-bottom: 0px; |
2832 z-index: 9; |
2727 z-index: 9; |
2833 } |
2728 } |
2834 /*applied to the jqxSlider thumb used for changing/indicating current value*/ |
2729 /*applied to the jqxSlider thumb used for changing/indicating current value*/ |
2835 .jqx-slider-slider |
2730 .jqx-slider-slider { |
2836 { |
|
2837 cursor: pointer; |
2731 cursor: pointer; |
2838 width: 20px; |
2732 width: 20px; |
2839 height: 20px; |
2733 height: 20px; |
2840 z-index: 15; |
2734 z-index: 15; |
2841 position: absolute; |
2735 position: absolute; |
2842 left: 0px; |
2736 left: 0px; |
2843 top: 0px; |
2737 top: 0px; |
2844 -moz-border-radius: 100%; |
2738 -moz-border-radius: 100%; |
2845 -webkit-border-radius: 100%; |
2739 -webkit-border-radius: 100%; |
2846 border-radius: 100%; |
2740 border-radius: 100%; |
2847 } |
2741 } |
2848 .jqx-slider-button |
2742 |
2849 { |
2743 .jqx-slider-button { |
2850 cursor: pointer; |
2744 cursor: pointer; |
2851 -moz-border-radius: 100%; |
2745 -moz-border-radius: 100%; |
2852 -webkit-border-radius: 100%; |
2746 -webkit-border-radius: 100%; |
2853 border-radius: 100%; |
2747 border-radius: 100%; |
2854 box-sizing: content-box !important; |
2748 box-sizing: content-box !important; |
2855 padding: 3px !important; |
2749 padding: 3px !important; |
2856 } |
2750 } |
2857 /*applied to the slider's thumb when the slider is in horizontal mode*/ |
2751 /*applied to the slider's thumb when the slider is in horizontal mode*/ |
2858 .jqx-slider-slider-horizontal |
2752 .jqx-slider-slider-horizontal { |
2859 { |
|
2860 margin-top: -9px; |
2753 margin-top: -9px; |
2861 -moz-border-radius: 100%; |
2754 -moz-border-radius: 100%; |
2862 -webkit-border-radius: 100%; |
2755 -webkit-border-radius: 100%; |
2863 border-radius: 100%; |
2756 border-radius: 100%; |
2864 border: 1px solid transparent; |
2757 border: 1px solid transparent; |
2865 } |
2758 } |
2866 /*applied to the slider's thumb when the slider is in vertical mode*/ |
2759 /*applied to the slider's thumb when the slider is in vertical mode*/ |
2867 .jqx-slider-slider-vertical |
2760 .jqx-slider-slider-vertical { |
2868 { |
|
2869 margin-left: -9px; |
2761 margin-left: -9px; |
2870 -moz-border-radius: 100%; |
2762 -moz-border-radius: 100%; |
2871 -webkit-border-radius: 100%; |
2763 -webkit-border-radius: 100%; |
2872 border-radius: 100%; |
2764 border-radius: 100%; |
2873 border: 1px solid transparent; |
2765 border: 1px solid transparent; |
2874 } |
2766 } |
2875 /*applied to the track where is located the thumb*/ |
2767 /*applied to the track where is located the thumb*/ |
2876 .jqx-slider-track |
2768 .jqx-slider-track { |
2877 { |
|
2878 height: 4px; |
2769 height: 4px; |
2879 float:left; |
2770 float: left; |
2880 position: relative; |
2771 position: relative; |
2881 z-index: 20; |
2772 z-index: 20; |
2882 cursor: pointer; |
2773 cursor: pointer; |
2883 } |
2774 } |
2884 /*used in horizontal slider*/ |
2775 /*used in horizontal slider*/ |
2885 .jqx-slider-track-horizontal |
2776 .jqx-slider-track-horizontal { |
2886 { |
|
2887 height: 4px; |
2777 height: 4px; |
2888 margin-top: 2px; |
2778 margin-top: 2px; |
2889 } |
2779 } |
2890 /*used in vertical slider*/ |
2780 /*used in vertical slider*/ |
2891 .jqx-slider-track-vertical |
2781 .jqx-slider-track-vertical { |
2892 { |
|
2893 width: 4px; |
2782 width: 4px; |
2894 } |
2783 } |
2895 /*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/ |
2784 /*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/ |
2896 .jqx-slider-rangebar |
2785 .jqx-slider-rangebar { |
2897 { |
|
2898 } |
2786 } |
2899 |
2787 |
2900 /* jqxSplitter */ |
2788 /* jqxSplitter */ |
2901 .jqx-splitter |
2789 .jqx-splitter { |
2902 { |
|
2903 overflow: hidden; |
2790 overflow: hidden; |
2904 border: 1px solid transparent; |
2791 border: 1px solid transparent; |
2905 position: relative; |
2792 position: relative; |
2906 } |
2793 } |
2907 /* Split bar's class when the jqxSplitter is with horizontal orientation */ |
2794 /* Split bar's class when the jqxSplitter is with horizontal orientation */ |
2908 .jqx-splitter-splitbar-vertical |
2795 .jqx-splitter-splitbar-vertical { |
2909 { |
|
2910 border: 1px solid transparent; |
2796 border: 1px solid transparent; |
2911 border-top-width: 0px; |
2797 border-top-width: 0px; |
2912 border-bottom-width: 0px; |
2798 border-bottom-width: 0px; |
2913 cursor: e-resize; |
2799 cursor: e-resize; |
2914 cursor: col-resize; |
2800 cursor: col-resize; |
2915 position: absolute; |
2801 position: absolute; |
2916 } |
2802 } |
2917 /* Split bar's mouse over state */ |
2803 /* Split bar's mouse over state */ |
2918 .jqx-splitter-splitbar-hover |
2804 .jqx-splitter-splitbar-hover { |
2919 { |
|
2920 background-color: transparent; |
2805 background-color: transparent; |
2921 } |
2806 } |
2922 /* Split bar's class when the jqxSplitter is with horizontal orientation. */ |
2807 /* Split bar's class when the jqxSplitter is with horizontal orientation. */ |
2923 .jqx-splitter-splitbar-horizontal |
2808 .jqx-splitter-splitbar-horizontal { |
2924 { |
|
2925 position: absolute; |
2809 position: absolute; |
2926 border: 1px solid transparent; |
2810 border: 1px solid transparent; |
2927 border-left-width: 0px; |
2811 border-left-width: 0px; |
2928 border-right-width: 0px; |
2812 border-right-width: 0px; |
2929 cursor: n-resize; |
2813 cursor: n-resize; |
2930 cursor: row-resize; |
2814 cursor: row-resize; |
2931 } |
2815 } |
2932 /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ |
2816 /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ |
2933 .jqx-splitter-splitbar-invalid |
2817 .jqx-splitter-splitbar-invalid { |
2934 { |
2818 background: #FF0000 !important; |
2935 background: #FF0000 !important; |
|
2936 } |
2819 } |
2937 /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ |
2820 /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ |
2938 .jqx-splitter-collapse-button-horizontal |
2821 .jqx-splitter-collapse-button-horizontal { |
2939 { |
|
2940 cursor: pointer; |
2822 cursor: pointer; |
2941 width: 45px; |
2823 width: 45px; |
2942 height: 5px; |
2824 height: 5px; |
2943 } |
2825 } |
2944 /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ |
2826 /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ |
2945 .jqx-splitter-collapse-button-vertical |
2827 .jqx-splitter-collapse-button-vertical { |
2946 { |
|
2947 cursor: pointer; |
2828 cursor: pointer; |
2948 width: 5px; |
2829 width: 5px; |
2949 height: 45px; |
2830 height: 45px; |
2950 } |
2831 } |
2951 /* This class is added when the user disable the splitter. */ |
2832 /* This class is added when the user disable the splitter. */ |
2952 .jqx-splitter-splitbar-collapsed |
2833 .jqx-splitter-splitbar-collapsed { |
2953 { |
|
2954 cursor: default; |
2834 cursor: default; |
2955 } |
2835 } |
2956 /* Applied to the jqxSplitter panels. */ |
2836 /* Applied to the jqxSplitter panels. */ |
2957 .jqx-splitter-panel |
2837 .jqx-splitter-panel { |
2958 { |
|
2959 border: none; |
2838 border: none; |
2960 outline: none; |
2839 outline: none; |
2961 position: absolute; |
2840 position: absolute; |
2962 overflow: hidden; |
2841 overflow: hidden; |
2963 } |
2842 } |
2964 /* This class is added to a nested splitter.*/ |
2843 /* This class is added to a nested splitter.*/ |
2965 .jqx-splitter-nested, .jqx-splitter-panel-nested |
2844 .jqx-splitter-nested, .jqx-splitter-panel-nested { |
2966 { |
|
2967 border: none; |
2845 border: none; |
2968 overflow: hidden; |
2846 overflow: hidden; |
2969 } |
2847 } |
2970 .jqx-draggable |
2848 |
2971 { |
2849 .jqx-draggable { |
2972 |
2850 } |
2973 } |
2851 |
2974 .jqx-draggable-dragging |
2852 .jqx-draggable-dragging { |
2975 { |
|
2976 border: 0px solid black; |
2853 border: 0px solid black; |
2977 } |
2854 } |
2978 .jqx-draggable-disabled |
2855 |
2979 { |
2856 .jqx-draggable-disabled { |
2980 cursor: default; |
2857 cursor: default; |
2981 } |
2858 } |
2982 .jqx-validator-hint |
2859 |
2983 { |
2860 .jqx-validator-hint { |
2984 height: 18px; |
2861 height: 18px; |
2985 width: auto; |
2862 width: auto; |
2986 display: inline-block; |
2863 display: inline-block; |
2987 cursor: pointer; |
2864 cursor: pointer; |
2988 padding-left: 5px; |
2865 padding-left: 5px; |
2993 background-color: #942724; |
2870 background-color: #942724; |
2994 color: #fff; |
2871 color: #fff; |
2995 z-index: 99999; |
2872 z-index: 99999; |
2996 white-space: nowrap; |
2873 white-space: nowrap; |
2997 } |
2874 } |
2998 .jqx-validator-hint-arrow |
2875 |
2999 { |
2876 .jqx-validator-hint-arrow { |
3000 z-index: 99999; |
2877 z-index: 99999; |
3001 height: 9px; |
2878 height: 9px; |
3002 width: 9px; |
2879 width: 9px; |
3003 padding: 0px; |
2880 padding: 0px; |
3004 margin: 0px; |
2881 margin: 0px; |
3005 background-color: transparent; |
2882 background-color: transparent; |
3006 background-image: url(images/multi-arrow.gif); |
2883 background-image: url(images/multi-arrow.gif); |
3007 } |
2884 } |
|
2885 |
3008 .jqx-validator-error-label { |
2886 .jqx-validator-error-label { |
3009 color: #dd4b39; |
2887 color: #dd4b39; |
3010 vertical-align:top; |
2888 vertical-align: top; |
3011 text-align: left; |
2889 text-align: left; |
3012 display: block; |
2890 display: block; |
3013 cursor: default; |
2891 cursor: default; |
3014 line-height: 17px; |
2892 line-height: 17px; |
3015 } |
2893 } |
|
2894 |
3016 .jqx-validator-error-element { |
2895 .jqx-validator-error-element { |
3017 border-color: #dd4b39 !important; |
2896 border-color: #dd4b39 !important; |
3018 } |
2897 } |
3019 |
2898 |
3020 .jqx-switchbutton |
2899 .jqx-switchbutton { |
3021 { |
2900 outline: none; |
3022 outline: none; |
2901 overflow: hidden; |
3023 overflow: hidden; |
2902 -moz-border-radius: 5px; |
3024 -moz-border-radius: 5px; |
2903 -webkit-border-radius: 5px; |
3025 -webkit-border-radius: 5px; |
|
3026 border-radius: 5px; |
2904 border-radius: 5px; |
3027 border: 1px solid #ccc; |
2905 border: 1px solid #ccc; |
3028 } |
2906 } |
3029 .jqx-switchbutton-thumb |
2907 |
3030 { |
2908 .jqx-switchbutton-thumb { |
3031 display: inline-block; |
2909 display: inline-block; |
3032 cursor: pointer; |
2910 cursor: pointer; |
3033 border: 1px solid #ccc; |
2911 border: 1px solid #ccc; |
3034 } |
2912 } |
3035 .jqx-switchbutton-label |
2913 |
3036 { |
2914 .jqx-switchbutton-label { |
3037 font-size: 15px; |
2915 font-size: 15px; |
3038 font-family: Sans-Serif; |
2916 font-family: Sans-Serif; |
3039 text-align: center; |
2917 text-align: center; |
3040 text-transform: uppercase; |
2918 text-transform: uppercase; |
3041 font-weight: bold; |
2919 font-weight: bold; |
3042 } |
2920 } |
3043 .jqx-switchbutton-wrapper |
2921 |
3044 { |
2922 .jqx-switchbutton-wrapper { |
3045 } |
2923 } |
3046 .jqx-switchbutton-label-on |
2924 |
3047 { |
2925 .jqx-switchbutton-label-on { |
3048 |
2926 } |
3049 } |
2927 |
3050 .jqx-switchbutton-label-off |
2928 .jqx-switchbutton-label-off { |
3051 { |
|
3052 |
|
3053 } |
2929 } |
3054 |
2930 |
3055 /*left, right, up and down arrow icons.*/ |
2931 /*left, right, up and down arrow icons.*/ |
3056 .jqx-left-arrow |
2932 .jqx-left-arrow { |
3057 { |
|
3058 background: transparent; |
2933 background: transparent; |
3059 background-image: url('images/icon-left.png'); |
2934 background-image: url('images/icon-left.png'); |
3060 cursor: pointer; |
2935 cursor: pointer; |
3061 } |
2936 } |
3062 .jqx-right-arrow |
2937 |
3063 { |
2938 .jqx-right-arrow { |
3064 background: transparent; |
2939 background: transparent; |
3065 background-image: url('images/icon-right.png'); |
2940 background-image: url('images/icon-right.png'); |
3066 cursor: pointer; |
2941 cursor: pointer; |
3067 } |
2942 } |
3068 .jqx-icon-delete |
2943 |
3069 { |
2944 .jqx-icon-delete { |
3070 background-image: url('images/icon-delete.png'); |
2945 background-image: url('images/icon-delete.png'); |
3071 background-repeat: no-repeat; |
2946 background-repeat: no-repeat; |
3072 background-position: center; |
2947 background-position: center; |
3073 } |
2948 } |
3074 .jqx-icon-edit |
2949 |
3075 { |
2950 .jqx-icon-edit { |
3076 background-image: url('images/icon-edit.png'); |
2951 background-image: url('images/icon-edit.png'); |
3077 background-repeat: no-repeat; |
2952 background-repeat: no-repeat; |
3078 background-position: center; |
2953 background-position: center; |
3079 } |
2954 } |
3080 .jqx-icon-save |
2955 |
3081 { |
2956 .jqx-icon-save { |
3082 background-image: url('images/icon-save.png'); |
2957 background-image: url('images/icon-save.png'); |
3083 background-repeat: no-repeat; |
2958 background-repeat: no-repeat; |
3084 background-position: center; |
2959 background-position: center; |
3085 } |
2960 } |
3086 .jqx-icon-cancel |
2961 |
3087 { |
2962 .jqx-icon-cancel { |
3088 background-image: url('images/icon-cancel.png'); |
2963 background-image: url('images/icon-cancel.png'); |
3089 background-repeat: no-repeat; |
2964 background-repeat: no-repeat; |
3090 background-position: center; |
2965 background-position: center; |
3091 } |
2966 } |
3092 .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected |
2967 |
3093 { |
2968 .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected { |
3094 background-image: url('images/icon-up.png'); |
2969 background-image: url('images/icon-up.png'); |
3095 background-repeat: no-repeat; |
2970 background-repeat: no-repeat; |
3096 background-position: center; |
2971 background-position: center; |
3097 } |
2972 } |
3098 .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected |
2973 |
3099 { |
2974 .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected { |
3100 background-image: url('images/icon-down.png'); |
2975 background-image: url('images/icon-down.png'); |
3101 background-repeat: no-repeat; |
2976 background-repeat: no-repeat; |
3102 background-position: center; |
2977 background-position: center; |
3103 } |
2978 } |
3104 |
2979 |
3105 .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected |
2980 .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected { |
3106 { |
|
3107 background-image: url('images/icon-left.png'); |
2981 background-image: url('images/icon-left.png'); |
3108 background-repeat: no-repeat; |
2982 background-repeat: no-repeat; |
3109 background-position: center; |
2983 background-position: center; |
3110 } |
2984 } |
3111 .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected |
2985 |
3112 { |
2986 .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected { |
3113 background-image: url('images/icon-right.png'); |
2987 background-image: url('images/icon-right.png'); |
3114 background-repeat: no-repeat; |
2988 background-repeat: no-repeat; |
3115 background-position: center; |
2989 background-position: center; |
3116 } |
2990 } |
3117 .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected |
2991 |
3118 { |
2992 .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected { |
3119 background-image: url('images/icon-first.png'); |
2993 background-image: url('images/icon-first.png'); |
3120 background-repeat: no-repeat; |
2994 background-repeat: no-repeat; |
3121 background-position: center; |
2995 background-position: center; |
3122 } |
2996 } |
3123 .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected |
2997 |
3124 { |
2998 .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected { |
3125 background-image: url('images/icon-last.png'); |
2999 background-image: url('images/icon-last.png'); |
3126 background-repeat: no-repeat; |
3000 background-repeat: no-repeat; |
3127 background-position: center; |
3001 background-position: center; |
3128 } |
3002 } |
3129 .jqx-icon-arrow-up-hover |
3003 |
3130 { |
3004 .jqx-icon-arrow-up-hover { |
3131 background-image: url('images/icon-up.png'); |
3005 background-image: url('images/icon-up.png'); |
3132 background-repeat: no-repeat; |
3006 background-repeat: no-repeat; |
3133 background-position: center; |
3007 background-position: center; |
3134 } |
3008 } |
3135 .jqx-icon-arrow-down-hover |
3009 |
3136 { |
3010 .jqx-icon-arrow-down-hover { |
3137 background-image: url('images/icon-down.png'); |
3011 background-image: url('images/icon-down.png'); |
3138 background-repeat: no-repeat; |
3012 background-repeat: no-repeat; |
3139 background-position: center; |
3013 background-position: center; |
3140 } |
3014 } |
3141 .jqx-icon-arrow-left-hover |
3015 |
3142 { |
3016 .jqx-icon-arrow-left-hover { |
3143 background-image: url('images/icon-left.png'); |
3017 background-image: url('images/icon-left.png'); |
3144 background-repeat: no-repeat; |
3018 background-repeat: no-repeat; |
3145 background-position: center; |
3019 background-position: center; |
3146 } |
3020 } |
3147 .jqx-icon-arrow-right-hover |
3021 |
3148 { |
3022 .jqx-icon-arrow-right-hover { |
3149 background-image: url('images/icon-right.png'); |
3023 background-image: url('images/icon-right.png'); |
3150 background-repeat: no-repeat; |
3024 background-repeat: no-repeat; |
3151 background-position: center; |
3025 background-position: center; |
3152 } |
3026 } |
3153 |
3027 |
3154 .jqx-icon-arrow-up-selected |
3028 .jqx-icon-arrow-up-selected { |
3155 { |
|
3156 background-image: url('images/icon-up.png'); |
3029 background-image: url('images/icon-up.png'); |
3157 background-repeat: no-repeat; |
3030 background-repeat: no-repeat; |
3158 background-position: center; |
3031 background-position: center; |
3159 } |
3032 } |
3160 .jqx-icon-arrow-down-selected |
3033 |
3161 { |
3034 .jqx-icon-arrow-down-selected { |
3162 background-image: url('images/icon-down.png'); |
3035 background-image: url('images/icon-down.png'); |
3163 background-repeat: no-repeat; |
3036 background-repeat: no-repeat; |
3164 background-position: center; |
3037 background-position: center; |
3165 } |
3038 } |
3166 .jqx-icon-arrow-left-selected |
3039 |
3167 { |
3040 .jqx-icon-arrow-left-selected { |
3168 background-image: url('images/icon-left.png'); |
3041 background-image: url('images/icon-left.png'); |
3169 background-repeat: no-repeat; |
3042 background-repeat: no-repeat; |
3170 background-position: center; |
3043 background-position: center; |
3171 } |
3044 } |
3172 .jqx-icon-arrow-right-selected |
3045 |
3173 { |
3046 .jqx-icon-arrow-right-selected { |
3174 background-image: url('images/icon-right.png'); |
3047 background-image: url('images/icon-right.png'); |
3175 background-repeat: no-repeat; |
3048 background-repeat: no-repeat; |
3176 background-position: center; |
3049 background-position: center; |
3177 } |
3050 } |
3178 .jqx-icon-close |
3051 |
3179 { |
3052 .jqx-icon-close { |
3180 cursor: pointer; |
3053 cursor: pointer; |
3181 background-image: url(images/close.png); |
3054 background-image: url(images/close.png); |
3182 background-repeat: no-repeat; |
3055 background-repeat: no-repeat; |
3183 background-position: center; |
3056 background-position: center; |
3184 } |
3057 } |
|
3058 |
3185 .jqx-icon-close-white { |
3059 .jqx-icon-close-white { |
3186 background-image: url(images/close_white.png); |
3060 background-image: url(images/close_white.png); |
3187 } |
3061 } |
3188 .jqx-icon-close-hover |
3062 |
3189 { |
3063 .jqx-icon-close-hover { |
3190 cursor: pointer; |
3064 cursor: pointer; |
3191 background-image: url(images/close.png); |
3065 background-image: url(images/close.png); |
3192 background-repeat: no-repeat; |
3066 background-repeat: no-repeat; |
3193 background-position: center; |
3067 background-position: center; |
3194 } |
3068 } |
3195 .jqx-icon-search |
3069 |
3196 { |
3070 .jqx-icon-search { |
3197 cursor: pointer; |
3071 cursor: pointer; |
3198 background-image: url(images/search.png); |
3072 background-image: url(images/search.png); |
3199 background-repeat: no-repeat; |
3073 background-repeat: no-repeat; |
3200 background-position: center; |
3074 background-position: center; |
3201 margin-top: 1px; |
3075 margin-top: 1px; |
3202 background-size: 13px; |
3076 background-size: 13px; |
3203 width: 13px; |
3077 width: 13px; |
3204 height: 13px; |
3078 height: 13px; |
3205 } |
3079 } |
3206 .jqx-icon-plus |
3080 |
3207 { |
3081 .jqx-icon-plus { |
3208 background-image: url(images/plus.png); |
3082 background-image: url(images/plus.png); |
3209 background-repeat: no-repeat; |
3083 background-repeat: no-repeat; |
3210 background-position: center; |
3084 background-position: center; |
3211 background-size: 16px; |
3085 background-size: 16px; |
3212 width: 16px; |
3086 width: 16px; |
3213 height: 16px; |
3087 height: 16px; |
3214 } |
3088 } |
3215 .jqx-icon-plus-alt, .jqx-icon-plus-alt-white |
3089 |
3216 { |
3090 .jqx-icon-plus-alt, .jqx-icon-plus-alt-white { |
3217 background-image: url(images/icon-plus.png); |
3091 background-image: url(images/icon-plus.png); |
3218 background-repeat: no-repeat; |
3092 background-repeat: no-repeat; |
3219 background-position: center; |
3093 background-position: center; |
3220 background-size: 16px; |
3094 background-size: 16px; |
3221 width: 16px; |
3095 width: 16px; |
3222 height: 16px; |
3096 height: 16px; |
3223 } |
3097 } |
|
3098 |
3224 .jqx-icon-plus-alt-white { |
3099 .jqx-icon-plus-alt-white { |
3225 background-image: url(images/icon-plus-white.png); |
3100 background-image: url(images/icon-plus-white.png); |
3226 } |
3101 } |
3227 /* jqxScrollView */ |
3102 /* jqxScrollView */ |
3228 .jqx-scrollview-button |
3103 .jqx-scrollview-button { |
3229 { |
|
3230 width: 10px; |
3104 width: 10px; |
3231 height: 10px; |
3105 height: 10px; |
3232 border-radius: 10px; |
3106 border-radius: 10px; |
3233 -moz-border-radius: 10px; |
3107 -moz-border-radius: 10px; |
3234 -webkit-border-radius: 10px; |
3108 -webkit-border-radius: 10px; |
3235 display: inline-block; |
3109 display: inline-block; |
3236 margin: 2px; |
3110 margin: 2px; |
3237 cursor: pointer; |
3111 cursor: pointer; |
3238 background-color: #aaaeaf; |
3112 background-color: #aaaeaf; |
3239 } |
3113 } |
3240 .jqx-scrollview |
3114 |
3241 { |
3115 .jqx-scrollview { |
3242 background-color: #000; |
3116 background-color: #000; |
3243 -ms-touch-action: auto !important; |
3117 -ms-touch-action: auto !important; |
3244 } |
3118 } |
3245 .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed |
3119 |
3246 { |
3120 .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed { |
3247 background-image: url('images/icon-calendar.png'); |
3121 background-image: url('images/icon-calendar.png'); |
3248 background-repeat: no-repeat; |
3122 background-repeat: no-repeat; |
3249 background-position: left top; |
3123 background-position: left top; |
3250 position: relative; |
3124 position: relative; |
3251 width: 15px !important; |
3125 width: 15px !important; |
3252 height: 15px !important; |
3126 height: 15px !important; |
3253 margin-top: -7.5px !important; |
3127 margin-top: -7.5px !important; |
3254 } |
3128 } |
3255 /*applied to Inputs*/ |
3129 /*applied to Inputs*/ |
3256 .jqx-input-widget{ |
3130 .jqx-input-widget { |
3257 box-sizing: border-box !important; |
3131 box-sizing: border-box !important; |
3258 } |
3132 } |
3259 .jqx-input{ overflow: hidden; background-color: inherit; border-color: #c7c7c7;} |
3133 |
|
3134 .jqx-input { |
|
3135 overflow: hidden; |
|
3136 background-color: inherit; |
|
3137 border-color: #c7c7c7; |
|
3138 } |
|
3139 |
3260 .jqx-input-invalid { |
3140 .jqx-input-invalid { |
3261 color: red !important; |
3141 color: red !important; |
3262 } |
3142 } |
3263 .jqx-input-group {overflow: hidden;} |
3143 |
3264 .jqx-input-group-addon {border: 1px solid transparent; position: relative; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 2px 8px !important; float: left; white-space: nowrap; vertical-align: middle; } |
3144 .jqx-input-group { |
3265 .jqx-input-group-addon:first-child { |
3145 overflow: hidden; |
3266 border-right-width: 0px; |
3146 } |
3267 border-bottom-right-radius: 0 !important; |
3147 |
3268 border-top-right-radius: 0 !important; |
3148 .jqx-input-group-addon { |
3269 } |
3149 border: 1px solid transparent; |
3270 .jqx-input-group-addon:last-child { |
3150 position: relative; |
3271 border-left-width: 0px; |
3151 -webkit-box-sizing: border-box !important; |
3272 border-bottom-left-radius: 0 !important; |
3152 -moz-box-sizing: border-box !important; |
3273 border-top-left-radius: 0 !important; |
3153 box-sizing: border-box !important; |
3274 } |
3154 padding: 2px 8px !important; |
3275 .jqx-input-group-addon:not(:last-child):not(:first-child) { |
3155 float: left; |
3276 border-bottom-left-radius: 0 !important; |
3156 white-space: nowrap; |
3277 border-top-left-radius: 0 !important; |
3157 vertical-align: middle; |
3278 border-bottom-right-radius: 0 !important; |
3158 } |
3279 border-top-right-radius: 0 !important; |
3159 |
3280 border-left-width: 0px; |
3160 .jqx-input-group-addon:first-child { |
3281 } |
3161 border-right-width: 0px; |
|
3162 border-bottom-right-radius: 0 !important; |
|
3163 border-top-right-radius: 0 !important; |
|
3164 } |
|
3165 |
|
3166 .jqx-input-group-addon:last-child { |
|
3167 border-left-width: 0px; |
|
3168 border-bottom-left-radius: 0 !important; |
|
3169 border-top-left-radius: 0 !important; |
|
3170 } |
|
3171 |
|
3172 .jqx-input-group-addon:not(:last-child):not(:first-child) { |
|
3173 border-bottom-left-radius: 0 !important; |
|
3174 border-top-left-radius: 0 !important; |
|
3175 border-bottom-right-radius: 0 !important; |
|
3176 border-top-right-radius: 0 !important; |
|
3177 border-left-width: 0px; |
|
3178 } |
|
3179 |
3282 .jqx-input-group .jqx-input { |
3180 .jqx-input-group .jqx-input { |
3283 padding: 2px 1px !important; |
3181 padding: 2px 1px !important; |
3284 border-left-width: 1px !important; |
3182 border-left-width: 1px !important; |
3285 border-right-width: 1px !important; |
3183 border-right-width: 1px !important; |
3286 } |
3184 } |
|
3185 |
3287 .jqx-editor { |
3186 .jqx-editor { |
3288 border-style: solid; |
3187 border-style: solid; |
3289 border-width: 1px; |
3188 border-width: 1px; |
3290 border-color: transparent; |
3189 border-color: transparent; |
3291 overflow: hidden; |
3190 overflow: hidden; |
3292 box-sizing: border-box !important; |
3191 box-sizing: border-box !important; |
3293 } |
3192 } |
|
3193 |
3294 .jqx-editor-window { |
3194 .jqx-editor-window { |
3295 overflow: hidden; |
3195 overflow: hidden; |
3296 } |
3196 } |
|
3197 |
3297 .jqx-editor-inline { |
3198 .jqx-editor-inline { |
3298 padding: 0px; |
3199 padding: 0px; |
3299 border-width: 1px; |
3200 border-width: 1px; |
3300 border-style: solid; |
3201 border-style: solid; |
3301 border-color: transparent; |
3202 border-color: transparent; |
3302 } |
3203 } |
3303 .jqx-editor-inline p { |
3204 |
3304 margin: 0px;padding:0 .2em; |
3205 .jqx-editor-inline p { |
3305 } |
3206 margin: 0px; |
|
3207 padding: 0 .2em; |
|
3208 } |
|
3209 |
3306 .jqx-editor-inline-focus { |
3210 .jqx-editor-inline-focus { |
3307 border-width: 1px; |
3211 border-width: 1px; |
3308 border-style: solid; |
3212 border-style: solid; |
3309 overflow: auto; |
3213 overflow: auto; |
3310 } |
3214 } |
|
3215 |
3311 .jqx-editor iframe { |
3216 .jqx-editor iframe { |
3312 border: 0; |
3217 border: 0; |
3313 margin: 0; |
3218 margin: 0; |
3314 padding: 0; |
3219 padding: 0; |
3315 background: #fff; |
3220 background: #fff; |
3316 display: inline; |
3221 display: inline; |
3317 vertical-align: top; |
3222 vertical-align: top; |
3318 width: 100%; |
3223 width: 100%; |
3319 height: 100%; |
3224 height: 100%; |
3320 } |
3225 } |
|
3226 |
3321 .jqx-editor-color-bar { |
3227 .jqx-editor-color-bar { |
3322 height: 3px; |
3228 height: 3px; |
3323 } |
3229 } |
|
3230 |
3324 .jqx-editor-color-picker table { |
3231 .jqx-editor-color-picker table { |
3325 margin: 0; |
3232 margin: 0; |
3326 padding: 0 4px 4px; |
3233 padding: 0 4px 4px; |
3327 empty-cells: show; |
3234 empty-cells: show; |
3328 border-collapse: separate; |
3235 border-collapse: separate; |
3329 } |
3236 } |
|
3237 |
3330 .jqx-editor-color-picker td { |
3238 .jqx-editor-color-picker td { |
3331 border-collapse: separate; |
3239 border-collapse: separate; |
3332 border: 1px solid transparent; |
3240 border: 1px solid transparent; |
3333 cursor: pointer; |
3241 cursor: pointer; |
3334 margin: 0; |
3242 margin: 0; |
3335 position: relative; |
3243 position: relative; |
3336 } |
3244 } |
3337 .jqx-editor-color-picker td:hover { |
3245 |
3338 border: 1px solid #000; |
3246 .jqx-editor-color-picker td:hover { |
3339 } |
3247 border: 1px solid #000; |
|
3248 } |
|
3249 |
3340 .jqx-editor-color-picker-selected-cell { |
3250 .jqx-editor-color-picker-selected-cell { |
3341 outline: 1px solid #000; |
3251 outline: 1px solid #000; |
3342 } |
3252 } |
3343 .jqx-editor-color-picker td div{ |
3253 |
|
3254 .jqx-editor-color-picker td div { |
3344 width: 16px; |
3255 width: 16px; |
3345 height: 16px; |
3256 height: 16px; |
3346 } |
3257 } |
|
3258 |
3347 .jqx-editor-content { |
3259 .jqx-editor-content { |
3348 width: 100%; |
3260 width: 100%; |
3349 border-style: solid; |
3261 border-style: solid; |
3350 border-width: 1px; |
3262 border-width: 1px; |
3351 outline: 0; |
3263 outline: 0; |
3352 left: 0px; |
3264 left: 0px; |
3353 position: relative; |
3265 position: relative; |
3354 box-sizing: border-box !important; |
3266 box-sizing: border-box !important; |
3355 } |
3267 } |
|
3268 |
3356 .jqx-editor-container { |
3269 .jqx-editor-container { |
3357 position: relative; |
3270 position: relative; |
3358 padding: 4px; |
3271 padding: 4px; |
3359 padding-top: 0px; |
3272 padding-top: 0px; |
3360 width: 100%; |
3273 width: 100%; |
3361 height: 100%; |
3274 height: 100%; |
3362 box-sizing: border-box !important; |
3275 box-sizing: border-box !important; |
3363 } |
3276 } |
|
3277 |
3364 .jqx-editor-toolbar-container { |
3278 .jqx-editor-toolbar-container { |
3365 top: 0px; left: 0px; |
3279 top: 0px; |
|
3280 left: 0px; |
3366 box-sizing: border-box !important; |
3281 box-sizing: border-box !important; |
3367 } |
3282 } |
|
3283 |
3368 .jqx-editor-toolbar-inline { |
3284 .jqx-editor-toolbar-inline { |
3369 padding: 0px 4px; |
3285 padding: 0px 4px; |
3370 border-width: 1px; |
3286 border-width: 1px; |
3371 border-style: solid; |
3287 border-style: solid; |
3372 } |
3288 } |
|
3289 |
3373 .jqx-editor-toolbar { |
3290 .jqx-editor-toolbar { |
3374 margin: 0; |
3291 margin: 0; |
3375 padding: 0px; |
3292 padding: 0px; |
3376 padding-bottom: 4px; |
3293 padding-bottom: 4px; |
3377 } |
3294 } |
|
3295 |
3378 .jqx-editor-toolbar-icon { |
3296 .jqx-editor-toolbar-icon { |
3379 height: 21px; |
3297 height: 21px; |
3380 width: 21px; |
3298 width: 21px; |
3381 vertical-align: middle; |
3299 vertical-align: middle; |
3382 opacity: .667; |
3300 opacity: .667; |
3383 margin: 2px 0; |
3301 margin: 2px 0; |
3384 background: url('images/html_editor.png') no-repeat; |
3302 background: url('images/html_editor.png') no-repeat; |
3385 } |
3303 } |
|
3304 |
3386 .jqx-editor-toolbar-icon-bold { |
3305 .jqx-editor-toolbar-icon-bold { |
3387 background-position: 0px 0px !important; |
3306 background-position: 0px 0px !important; |
3388 } |
3307 } |
|
3308 |
3389 .jqx-editor-toolbar-icon-italic { |
3309 .jqx-editor-toolbar-icon-italic { |
3390 background-position: -21px 0px !important; |
3310 background-position: -21px 0px !important; |
3391 } |
3311 } |
|
3312 |
3392 .jqx-editor-toolbar-icon-underline { |
3313 .jqx-editor-toolbar-icon-underline { |
3393 background-position: -42px 0px !important; |
3314 background-position: -42px 0px !important; |
3394 } |
3315 } |
|
3316 |
3395 .jqx-editor-toolbar-icon-fontname { |
3317 .jqx-editor-toolbar-icon-fontname { |
3396 background-position: -63px 0px !important; |
3318 background-position: -63px 0px !important; |
3397 } |
3319 } |
|
3320 |
3398 .jqx-editor-toolbar-icon-fontsize { |
3321 .jqx-editor-toolbar-icon-fontsize { |
3399 background-position: -84px 0px !important; |
3322 background-position: -84px 0px !important; |
3400 } |
3323 } |
|
3324 |
3401 .jqx-editor-toolbar-icon-createlink { |
3325 .jqx-editor-toolbar-icon-createlink { |
3402 background-position: -147px 0px !important; |
3326 background-position: -147px 0px !important; |
3403 } |
3327 } |
|
3328 |
3404 .jqx-editor-toolbar-icon-insertorderedlist { |
3329 .jqx-editor-toolbar-icon-insertorderedlist { |
3405 background-position: -168px 0px !important; |
3330 background-position: -168px 0px !important; |
3406 } |
3331 } |
|
3332 |
3407 .jqx-editor-toolbar-icon-insertunorderedlist { |
3333 .jqx-editor-toolbar-icon-insertunorderedlist { |
3408 background-position: -189px 0px !important; |
3334 background-position: -189px 0px !important; |
3409 } |
3335 } |
|
3336 |
3410 .jqx-editor-toolbar-icon-outdent { |
3337 .jqx-editor-toolbar-icon-outdent { |
3411 background-position: -210px 0px !important; |
3338 background-position: -210px 0px !important; |
3412 } |
3339 } |
|
3340 |
3413 .jqx-editor-toolbar-icon-indent { |
3341 .jqx-editor-toolbar-icon-indent { |
3414 background-position: -231px 0px !important; |
3342 background-position: -231px 0px !important; |
3415 } |
3343 } |
|
3344 |
3416 .jqx-editor-toolbar-icon-insertimage { |
3345 .jqx-editor-toolbar-icon-insertimage { |
3417 background-position: -337px 0px !important; |
3346 background-position: -337px 0px !important; |
3418 } |
3347 } |
|
3348 |
3419 .jqx-editor-toolbar-icon-justifyleft { |
3349 .jqx-editor-toolbar-icon-justifyleft { |
3420 background-position: -252px 0px !important; |
3350 background-position: -252px 0px !important; |
3421 } |
3351 } |
|
3352 |
3422 .jqx-editor-toolbar-icon-justifycenter { |
3353 .jqx-editor-toolbar-icon-justifycenter { |
3423 background-position: -273px 0px !important; |
3354 background-position: -273px 0px !important; |
3424 } |
3355 } |
|
3356 |
3425 .jqx-editor-toolbar-icon-justifyright { |
3357 .jqx-editor-toolbar-icon-justifyright { |
3426 background-position: -294px 0px !important; |
3358 background-position: -294px 0px !important; |
3427 } |
3359 } |
|
3360 |
3428 .jqx-editor-toolbar-icon-removeformat { |
3361 .jqx-editor-toolbar-icon-removeformat { |
3429 background-position: -316px 0px !important; |
3362 background-position: -316px 0px !important; |
3430 } |
3363 } |
|
3364 |
3431 .jqx-editor-toolbar-icon-viewsource { |
3365 .jqx-editor-toolbar-icon-viewsource { |
3432 background-position: -359px 0px !important; |
3366 background-position: -359px 0px !important; |
3433 } |
3367 } |
|
3368 |
3434 .jqx-editor-toolbar-icon-forecolor { |
3369 .jqx-editor-toolbar-icon-forecolor { |
3435 background-position: -105px 0px !important; |
3370 background-position: -105px 0px !important; |
3436 height: 15px; |
3371 height: 15px; |
3437 } |
3372 } |
|
3373 |
3438 .jqx-editor-toolbar-icon-backcolor { |
3374 .jqx-editor-toolbar-icon-backcolor { |
3439 background-position: -380px 0px !important; |
3375 background-position: -380px 0px !important; |
3440 height: 15px; |
3376 height: 15px; |
3441 } |
3377 } |
3442 |
3378 |
3443 .jqx-editor-toolbar-icon:hover { |
3379 .jqx-editor-toolbar-icon:hover { |
3444 opacity: 1; |
3380 opacity: 1; |
3445 } |
3381 } |
|
3382 |
3446 .jqx-fill-state-disabled .jqx-editor-toolbar-icon { |
3383 .jqx-fill-state-disabled .jqx-editor-toolbar-icon { |
3447 opacity: .667; |
3384 opacity: .667; |
3448 } |
3385 } |
|
3386 |
3449 .jqx-editor-toolbar-item { |
3387 .jqx-editor-toolbar-item { |
3450 display: inline-block; |
3388 display: inline-block; |
3451 margin-left: 2px; |
3389 margin-left: 2px; |
3452 vertical-align: middle; |
3390 vertical-align: middle; |
3453 } |
3391 } |
|
3392 |
3454 .jqx-editor-toolbar-separator { |
3393 .jqx-editor-toolbar-separator { |
3455 border-left: 1px solid #ccc; |
3394 border-left: 1px solid #ccc; |
3456 margin: 0 2px; |
3395 margin: 0 2px; |
3457 outline: none; |
3396 outline: none; |
3458 overflow: hidden; |
3397 overflow: hidden; |
3549 border-bottom-style: solid; |
3495 border-bottom-style: solid; |
3550 border-bottom-color: inherit; |
3496 border-bottom-color: inherit; |
3551 vertical-align: top; |
3497 vertical-align: top; |
3552 text-align: left; |
3498 text-align: left; |
3553 } |
3499 } |
|
3500 |
3554 .jqx-scheduler-month-cell-touch { |
3501 .jqx-scheduler-month-cell-touch { |
3555 background: transparent; |
3502 background: transparent; |
3556 border:none; |
3503 border: none; |
3557 vertical-align:middle; |
3504 vertical-align: middle; |
3558 text-align:center; |
3505 text-align: center; |
3559 } |
3506 } |
|
3507 |
3560 .jqx-scheduler-month-cell-popup { |
3508 .jqx-scheduler-month-cell-popup { |
3561 border: 1px solid #333; |
3509 border: 1px solid #333; |
3562 background: #f2f2f2; |
3510 background: #f2f2f2; |
3563 box-shadow: 0 5px 0px rgba(0,0,0,.15)!important; |
3511 box-shadow: 0 5px 0px rgba(0,0,0,.15) !important; |
3564 } |
3512 } |
|
3513 |
3565 .jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell { |
3514 .jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell { |
3566 border-bottom-color: #ddd !important; |
3515 border-bottom-color: #ddd !important; |
3567 } |
3516 } |
3568 .jqx-scheduler-cell-selected.jqx-scheduler-middle-cell |
3517 |
3569 { |
3518 .jqx-scheduler-cell-selected.jqx-scheduler-middle-cell { |
3570 border-bottom-style:dotted; |
3519 border-bottom-style: dotted; |
3571 } |
3520 } |
3572 .jqx-scheduler-work-time-cell |
3521 |
3573 { |
3522 .jqx-scheduler-work-time-cell { |
3574 background: #fff; |
3523 background: #fff; |
3575 } |
3524 } |
3576 .jqx-scheduler-not-work-time-cell |
3525 |
3577 { |
3526 .jqx-scheduler-not-work-time-cell { |
3578 background: #eee; |
3527 background: #eee; |
3579 } |
3528 } |
3580 .jqx-scheduler-month-outer-cell |
3529 |
3581 { |
3530 .jqx-scheduler-month-outer-cell { |
3582 color: #555; |
3531 color: #555; |
3583 } |
3532 } |
3584 .jqx-scheduler-month-weekend-cell |
3533 |
3585 { |
3534 .jqx-scheduler-month-weekend-cell { |
3586 background: #eee; |
3535 background: #eee; |
3587 } |
3536 } |
|
3537 |
3588 .jqx-scheduler-disabled-cell { |
3538 .jqx-scheduler-disabled-cell { |
3589 background: #e9edf1; |
3539 background: #e9edf1; |
3590 } |
3540 } |
3591 .jqx-scheduler-toolbar |
3541 |
3592 { |
3542 .jqx-scheduler-toolbar { |
3593 font-size: 14px; |
3543 font-size: 14px; |
3594 } |
3544 } |
|
3545 |
3595 .jqx-scheduler-time-column, .jqx-scheduler-toolbar { |
3546 .jqx-scheduler-time-column, .jqx-scheduler-toolbar { |
3596 background-image: none !important; |
3547 background-image: none !important; |
3597 background: #fff !important; |
3548 background: #fff !important; |
3598 color: #333 !important; |
3549 color: #333 !important; |
3599 } |
3550 } |
|
3551 |
3600 .jqx-scheduler-week-number-column { |
3552 .jqx-scheduler-week-number-column { |
3601 background: #e8e8e8 !important; |
3553 background: #e8e8e8 !important; |
3602 color: #333; |
3554 color: #333; |
3603 } |
3555 } |
3604 .jqx-scheduler-time-column-header-cell |
3556 |
3605 { |
3557 .jqx-scheduler-time-column-header-cell { |
3606 border-left-color:transparent !important; |
3558 border-left-color: transparent !important; |
3607 } |
3559 } |
3608 .jqx-scheduler-time-column-header-cell-rtl |
3560 |
3609 { |
3561 .jqx-scheduler-time-column-header-cell-rtl { |
3610 border-right-color:transparent !important; |
3562 border-right-color: transparent !important; |
3611 } |
3563 } |
|
3564 |
3612 .jqx-scheduler-appointment { |
3565 .jqx-scheduler-appointment { |
3613 overflow: visible; |
3566 overflow: visible; |
3614 border: 1px solid #555; |
3567 border: 1px solid #555; |
3615 white-space:pre-line; |
3568 white-space: pre-line; |
3616 cursor:pointer; |
3569 cursor: pointer; |
3617 vertical-align: middle; |
3570 vertical-align: middle; |
3618 text-overflow:ellipsis; |
3571 text-overflow: ellipsis; |
3619 user-select: none; |
3572 user-select: none; |
3620 } |
3573 } |
|
3574 |
3621 .jqx-scheduler-appointment-rtl { |
3575 .jqx-scheduler-appointment-rtl { |
3622 direction: rtl; |
3576 direction: rtl; |
3623 text-align: right; |
3577 text-align: right; |
3624 } |
3578 } |
3625 |
3579 |
3626 .jqx-scheduler-appointment-content { |
3580 .jqx-scheduler-appointment-content { |
3627 overflow: hidden; |
3581 overflow: hidden; |
3628 text-overflow:ellipsis; |
3582 text-overflow: ellipsis; |
3629 height:100%; |
3583 height: 100%; |
3630 padding-left:5px; |
3584 padding-left: 5px; |
3631 padding-right:5px; |
3585 padding-right: 5px; |
3632 } |
3586 } |
|
3587 |
3633 .jqx-scheduler-appointment-inner-content { |
3588 .jqx-scheduler-appointment-inner-content { |
3634 overflow:hidden; |
3589 overflow: hidden; |
3635 width:100%; |
3590 width: 100%; |
3636 text-overflow: ellipsis; |
3591 text-overflow: ellipsis; |
3637 padding-bottom: 3px; |
3592 padding-bottom: 3px; |
3638 } |
3593 } |
|
3594 |
3639 .jqx-scheduler-appointment-duration-status { |
3595 .jqx-scheduler-appointment-duration-status { |
3640 height: 0px; |
3596 height: 0px; |
3641 border-bottom-width: 2px; |
3597 border-bottom-width: 2px; |
3642 border-bottom-style: dotted; |
3598 border-bottom-style: dotted; |
3643 border-color: #f05c2d; |
3599 border-color: #f05c2d; |
3644 background: #f05c2d; |
3600 background: #f05c2d; |
3645 position:absolute; |
3601 position: absolute; |
3646 bottom: -1px; left: 0px; |
3602 bottom: -1px; |
|
3603 left: 0px; |
3647 border-radius: 5px; |
3604 border-radius: 5px; |
3648 } |
3605 } |
|
3606 |
3649 .jqx-scheduler-appointment-status { |
3607 .jqx-scheduler-appointment-status { |
3650 width: 4px; |
3608 width: 4px; |
3651 height: 100%; |
3609 height: 100%; |
3652 border-right-width: 1px; |
3610 border-right-width: 1px; |
3653 border-right-style:solid; |
3611 border-right-style: solid; |
3654 position:absolute; |
3612 position: absolute; |
3655 top: 0px; left: 0px; |
3613 top: 0px; |
3656 } |
3614 left: 0px; |
|
3615 } |
|
3616 |
3657 .jqx-scheduler-appointment-status-rtl { |
3617 .jqx-scheduler-appointment-status-rtl { |
3658 width: 4px; |
3618 width: 4px; |
3659 height: 100%; |
3619 height: 100%; |
3660 border-right-width: 0px; |
3620 border-right-width: 0px; |
3661 border-right-style:none; |
3621 border-right-style: none; |
3662 border-left-width: 1px; |
3622 border-left-width: 1px; |
3663 border-left-style:solid; |
3623 border-left-style: solid; |
3664 position:absolute; |
3624 position: absolute; |
3665 top: 0px; right:0px; |
3625 top: 0px; |
3666 } |
3626 right: 0px; |
|
3627 } |
|
3628 |
3667 .jqx-scheduler-appointment-status-stripes { |
3629 .jqx-scheduler-appointment-status-stripes { |
3668 background-image: url('images/stripes.png'); |
3630 background-image: url('images/stripes.png'); |
3669 background-repeat:repeat-y; |
3631 background-repeat: repeat-y; |
3670 background-position: left top; |
3632 background-position: left top; |
3671 } |
3633 } |
|
3634 |
3672 .jqx-scheduler-appointment-resize-indicator { |
3635 .jqx-scheduler-appointment-resize-indicator { |
3673 width: 4px; |
3636 width: 4px; |
3674 height: 4px; |
3637 height: 4px; |
3675 position: absolute; |
3638 position: absolute; |
3676 border: 1px solid black; |
3639 border: 1px solid black; |
3677 background: white; |
3640 background: white; |
3678 display: none; |
3641 display: none; |
3679 } |
3642 } |
|
3643 |
3680 .jqx-scheduler-appointment-top-resize-indicator { |
3644 .jqx-scheduler-appointment-top-resize-indicator { |
3681 top: -3px; |
3645 top: -3px; |
3682 left: 50%; |
3646 left: 50%; |
3683 margin-left:-2px; |
3647 margin-left: -2px; |
3684 cursor: row-resize; |
3648 cursor: row-resize; |
3685 } |
3649 } |
|
3650 |
3686 .jqx-scheduler-appointment-bottom-resize-indicator { |
3651 .jqx-scheduler-appointment-bottom-resize-indicator { |
3687 cursor: row-resize; |
3652 cursor: row-resize; |
3688 bottom: -3px; |
3653 bottom: -3px; |
3689 left: 50%; |
3654 left: 50%; |
3690 margin-left:-2px; |
3655 margin-left: -2px; |
3691 } |
3656 } |
|
3657 |
3692 .jqx-scheduler-appointment-left-resize-indicator { |
3658 .jqx-scheduler-appointment-left-resize-indicator { |
3693 cursor: col-resize; |
3659 cursor: col-resize; |
3694 top: 50%; |
3660 top: 50%; |
3695 left: -3px; |
3661 left: -3px; |
3696 margin-top: -2px; |
3662 margin-top: -2px; |
3697 } |
3663 } |
|
3664 |
3698 .jqx-scheduler-appointment-right-resize-indicator { |
3665 .jqx-scheduler-appointment-right-resize-indicator { |
3699 cursor: col-resize; |
3666 cursor: col-resize; |
3700 top: 50%; |
3667 top: 50%; |
3701 margin-top: -2px; |
3668 margin-top: -2px; |
3702 right: -3px; |
3669 right: -3px; |
3703 } |
3670 } |
3704 |
3671 |
3705 .jqx-scheduler-appointment span { |
3672 .jqx-scheduler-appointment span { |
3706 vertical-align: middle; |
3673 vertical-align: middle; |
3707 text-overflow:ellipsis; |
3674 text-overflow: ellipsis; |
3708 position: relative; |
3675 position: relative; |
3709 top: -1px; |
3676 top: -1px; |
3710 } |
3677 } |
|
3678 |
3711 .jqx-scheduler-feedback-appointment { |
3679 .jqx-scheduler-feedback-appointment { |
3712 opacity: 0.7; |
3680 opacity: 0.7; |
3713 position:absolute; |
3681 position: absolute; |
3714 z-index:99999; |
3682 z-index: 99999; |
3715 } |
3683 } |
|
3684 |
3716 .jqx-scheduler-selected-appointment { |
3685 .jqx-scheduler-selected-appointment { |
3717 border: 1px solid #316293 !important; |
3686 border: 1px solid #316293 !important; |
3718 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3687 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3719 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3688 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3720 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3689 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3721 white-space:pre-line; |
3690 white-space: pre-line; |
3722 } |
3691 } |
|
3692 |
3723 .jqx-scheduler-appointment:hover { |
3693 .jqx-scheduler-appointment:hover { |
3724 border: 1px solid #3f7ebe !important; |
3694 border: 1px solid #3f7ebe !important; |
3725 } |
3695 } |
|
3696 |
3726 .jqx-scheduler-feedback-drag-appointment { |
3697 .jqx-scheduler-feedback-drag-appointment { |
3727 background: #aaa !important; |
3698 background: #aaa !important; |
3728 } |
3699 } |
3729 .jqx-icon-recurrence, .jqx-icon-recurrence-exception,.jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time |
3700 |
3730 { |
3701 .jqx-icon-recurrence, .jqx-icon-recurrence-exception, .jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time { |
3731 background-image: url('images/icon-recurrence.png'); |
3702 background-image: url('images/icon-recurrence.png'); |
3732 background-repeat: no-repeat; |
3703 background-repeat: no-repeat; |
3733 background-position: center; |
3704 background-position: center; |
3734 width: 16px; |
3705 width: 16px; |
3735 height: 16px; |
3706 height: 16px; |
3736 float: left; |
3707 float: left; |
3737 margin:3px; |
3708 margin: 3px; |
3738 margin-left:5px; |
3709 margin-left: 5px; |
3739 } |
3710 } |
3740 .jqx-icon-time |
3711 |
3741 { |
3712 .jqx-icon-time { |
3742 background-image: url('images/icon-time.png'); |
3713 background-image: url('images/icon-time.png'); |
3743 margin:0px; |
3714 margin: 0px; |
3744 position: relative; |
3715 position: relative; |
3745 left: 1px; |
3716 left: 1px; |
3746 margin-top:-8px; |
3717 margin-top: -8px; |
3747 } |
3718 } |
3748 .jqx-icon-time-white |
3719 |
3749 { |
3720 .jqx-icon-time-white { |
3750 background-image: url('images/icon-time-white.png'); |
3721 background-image: url('images/icon-time-white.png'); |
3751 } |
3722 } |
3752 .jqx-icon-recurrence-exception |
3723 |
3753 { |
3724 .jqx-icon-recurrence-exception { |
3754 background-image: url('images/icon-recurrence-exception.png'); |
3725 background-image: url('images/icon-recurrence-exception.png'); |
3755 } |
3726 } |
|
3727 |
3756 .jqx-icon-recurrence-exception-white { |
3728 .jqx-icon-recurrence-exception-white { |
3757 background-image: url('images/icon-recurrence-exception-white.png'); |
3729 background-image: url('images/icon-recurrence-exception-white.png'); |
3758 } |
3730 } |
|
3731 |
3759 .jqx-icon-recurrence-white { |
3732 .jqx-icon-recurrence-white { |
3760 background-image: url('images/icon-recurrence-white.png'); |
3733 background-image: url('images/icon-recurrence-white.png'); |
3761 } |
3734 } |
|
3735 |
3762 .jqx-scheduler-cell-hover { |
3736 .jqx-scheduler-cell-hover { |
3763 border-color: #3f7ebe !important; |
3737 border-color: #3f7ebe !important; |
3764 background: #a2c0df !important; |
3738 background: #a2c0df !important; |
3765 } |
3739 } |
|
3740 |
3766 .jqx-scheduler-cell-selected { |
3741 .jqx-scheduler-cell-selected { |
3767 border-color: #316293 !important; |
3742 border-color: #316293 !important; |
3768 background: #2f7eb6 !important; |
3743 background: #2f7eb6 !important; |
3769 } |
3744 } |
|
3745 |
3770 .jqx-scheduler-edit-dialog-label { |
3746 .jqx-scheduler-edit-dialog-label { |
3771 clear: both; |
3747 clear: both; |
3772 float: left; |
3748 float: left; |
3773 margin-left: 2%; |
3749 margin-left: 2%; |
3774 padding: 4px; |
3750 padding: 4px; |
3775 text-align: right; |
3751 text-align: right; |
3776 width: 18%; |
3752 width: 18%; |
3777 line-height: 25px; |
3753 line-height: 25px; |
3778 } |
3754 } |
|
3755 |
3779 .jqx-scheduler-edit-dialog-field { |
3756 .jqx-scheduler-edit-dialog-field { |
3780 clear: right; |
3757 clear: right; |
3781 float: right; |
3758 float: right; |
3782 margin-right: 2%; |
3759 margin-right: 2%; |
3783 padding: 4px; |
3760 padding: 4px; |
3784 width: 380px; |
3761 width: 380px; |
3785 } |
3762 } |
|
3763 |
3786 .jqx-scheduler-edit-dialog-label-rtl { |
3764 .jqx-scheduler-edit-dialog-label-rtl { |
3787 clear: both; |
3765 clear: both; |
3788 float: right; |
3766 float: right; |
3789 margin-left: 0px; |
3767 margin-left: 0px; |
3790 margin-right: 2%; |
3768 margin-right: 2%; |
3791 padding: 4px; |
3769 padding: 4px; |
3792 text-align: left; |
3770 text-align: left; |
3793 width: 18%; |
3771 width: 18%; |
3794 line-height: 25px; |
3772 line-height: 25px; |
3795 } |
3773 } |
|
3774 |
3796 .jqx-scheduler-edit-dialog-field-rtl { |
3775 .jqx-scheduler-edit-dialog-field-rtl { |
3797 clear: left; |
3776 clear: left; |
3798 float: left; |
3777 float: left; |
3799 margin-right: 0px; |
3778 margin-right: 0px; |
3800 margin-left: 2%; |
3779 margin-left: 2%; |
3801 padding: 4px; |
3780 padding: 4px; |
3802 width: 72%; |
3781 width: 72%; |
3803 } |
3782 } |
3804 .jqx-scheduler-legend-bar |
3783 |
3805 { |
3784 .jqx-scheduler-legend-bar { |
3806 overflow:hidden; |
3785 overflow: hidden; |
3807 border-color:inherit; |
3786 border-color: inherit; |
3808 border: none; |
3787 border: none; |
3809 } |
3788 } |
3810 .jqx-scheduler-legend-bar-bottom |
3789 |
3811 { |
3790 .jqx-scheduler-legend-bar-bottom { |
3812 border-top-width: 1px; |
3791 border-top-width: 1px; |
3813 border-top-style:solid; |
3792 border-top-style: solid; |
3814 } |
3793 } |
3815 .jqx-scheduler-legend-bar-top |
3794 |
3816 { |
3795 .jqx-scheduler-legend-bar-top { |
3817 border-bottom-width: 1px; |
3796 border-bottom-width: 1px; |
3818 border-bottom-style:solid; |
3797 border-bottom-style: solid; |
3819 } |
3798 } |
|
3799 |
3820 .jqx-scheduler-legend { |
3800 .jqx-scheduler-legend { |
3821 width:14px; |
3801 width: 14px; |
3822 height:14px; |
3802 height: 14px; |
3823 float: left; |
3803 float: left; |
3824 margin-right: 3px; |
3804 margin-right: 3px; |
3825 border-style:solid; |
3805 border-style: solid; |
3826 border-width:1px; |
3806 border-width: 1px; |
3827 cursor: pointer; |
3807 cursor: pointer; |
3828 vertical-align: middle; |
3808 vertical-align: middle; |
3829 margin-top:4px; |
3809 margin-top: 4px; |
3830 } |
3810 } |
|
3811 |
3831 .jqx-scheduler-legend-label { |
3812 .jqx-scheduler-legend-label { |
3832 float: left; |
3813 float: left; |
3833 margin-right: 12px; |
3814 margin-right: 12px; |
3834 cursor: pointer; |
3815 cursor: pointer; |
3835 vertical-align: middle; |
3816 vertical-align: middle; |
3836 margin-top:4px; |
3817 margin-top: 4px; |
3837 } |
3818 } |
|
3819 |
3838 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-date { |
3820 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-date { |
3839 color: #fff; |
3821 color: #fff; |
3840 } |
3822 } |
|
3823 |
3841 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-time { |
3824 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-time { |
3842 color: #fff; |
3825 color: #fff; |
3843 } |
3826 } |
|
3827 |
3844 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl { |
3828 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl { |
3845 color: #fff; |
3829 color: #fff; |
3846 } |
3830 } |
3847 |
3831 |
3848 .jqx-scheduler-agenda-date { |
3832 .jqx-scheduler-agenda-date { |
3849 padding-top:5px; |
3833 padding-top: 5px; |
3850 padding-bottom:5px; |
3834 padding-bottom: 5px; |
3851 } |
3835 } |
|
3836 |
3852 .jqx-scheduler-agenda-time { |
3837 .jqx-scheduler-agenda-time { |
3853 padding: 5px; |
3838 padding: 5px; |
3854 } |
3839 } |
|
3840 |
3855 .jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl { |
3841 .jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl { |
3856 cursor: pointer; |
3842 cursor: pointer; |
3857 } |
3843 } |
|
3844 |
3858 .jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl { |
3845 .jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl { |
3859 margin: 5px; |
3846 margin: 5px; |
3860 cursor: pointer; |
3847 cursor: pointer; |
3861 } |
3848 } |
|
3849 |
3862 .jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl { |
3850 .jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl { |
3863 float: right; |
3851 float: right; |
3864 } |
3852 } |
|
3853 |
3865 .jqx-scheduler-agenda-day { |
3854 .jqx-scheduler-agenda-day { |
3866 margin: 3px; |
3855 margin: 3px; |
3867 font-size: 33px; |
3856 font-size: 33px; |
3868 font-weight: normal; |
3857 font-weight: normal; |
3869 } |
3858 } |
|
3859 |
3870 .jqx-scheduler-agenda-week { |
3860 .jqx-scheduler-agenda-week { |
3871 font-style: normal; |
3861 font-style: normal; |
3872 font-size:13px; |
3862 font-size: 13px; |
3873 } |
3863 } |
|
3864 |
3874 .jqx-scheduler-agenda-date { |
3865 .jqx-scheduler-agenda-date { |
3875 font-size: 10px; |
3866 font-size: 10px; |
3876 } |
3867 } |
3877 .jqx-scheduler-cell-focus |
3868 |
3878 { |
3869 .jqx-scheduler-cell-focus { |
3879 border-style:dotted; |
3870 border-style: dotted; |
3880 border-color: #59a0d5 !important; |
3871 border-color: #59a0d5 !important; |
3881 background: #59a0d5 !important; |
3872 background: #59a0d5 !important; |
3882 } |
3873 } |
3883 /*applied to all widgets*/ |
3874 /*applied to all widgets*/ |
3884 .jqx-widget{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; zoom: 1 !important; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px;} |
3875 .jqx-widget { |
3885 |
3876 -moz-box-sizing: content-box; |
3886 .jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none;} |
3877 box-sizing: content-box; |
|
3878 -ms-touch-action: none; |
|
3879 zoom: 1 !important; |
|
3880 color: #000000; |
|
3881 -moz-background-clip: padding; |
|
3882 background-clip: padding-box; |
|
3883 -webkit-text-size-adjust: none; |
|
3884 -ms-text-size-adjust: none; |
|
3885 -webkit-appearance: none; |
|
3886 -webkit-background-clip: padding-box; |
|
3887 direction: ltr !important; |
|
3888 -webkit-tap-highlight-color: rgba(0,0,0,0); |
|
3889 font-family: Verdana,Arial,sans-serif; |
|
3890 font-style: normal; |
|
3891 font-size: 13px; |
|
3892 } |
|
3893 |
|
3894 .jqx-item { |
|
3895 -ms-touch-action: none; |
|
3896 -moz-box-sizing: content-box; |
|
3897 box-sizing: content-box; |
|
3898 color: inherit; |
|
3899 -webkit-text-size-adjust: none; |
|
3900 } |
3887 |
3901 |
3888 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ |
3902 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ |
3889 .jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; } |
3903 .jqx-widget-content { |
|
3904 -moz-box-sizing: content-box; |
|
3905 box-sizing: content-box; |
|
3906 -ms-touch-action: none; |
|
3907 -moz-background-clip: padding; |
|
3908 -webkit-text-size-adjust: none; |
|
3909 background-clip: padding-box; |
|
3910 -webkit-background-clip: padding-box; |
|
3911 -webkit-tap-highlight-color: rgba(0,0,0,0); |
|
3912 font-family: Verdana,Arial,sans-serif; |
|
3913 font-style: normal; |
|
3914 font-size: 13px; |
|
3915 border-color: #c7c7c7; |
|
3916 background: #fff; |
|
3917 } |
3890 /*applied to header areas. Tabs, Menu, Window, Calendar.*/ |
3918 /*applied to header areas. Tabs, Menu, Window, Calendar.*/ |
3891 .jqx-widget-header {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;-moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-color: #c5c5c5; background: #e8e8e8; } |
3919 .jqx-widget-header { |
3892 |
3920 -moz-box-sizing: content-box; |
3893 .jqx-fill-state-normal{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color:#aaa; background: #efefef; } |
3921 box-sizing: content-box; |
3894 .jqx-fill-state-hover {-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #e8e8e8;} |
3922 -ms-touch-action: none; |
3895 .jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #d1d1d1;} |
3923 -moz-background-clip: padding; |
3896 .jqx-fill-state-focus {border-color: #555; } |
3924 -webkit-text-size-adjust: none; |
3897 .jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);} |
3925 background-clip: padding-box; |
3898 .jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td { |
3926 -webkit-background-clip: padding-box; |
3899 box-sizing: border-box; -moz-box-sizing: border-box; |
3927 -webkit-tap-highlight-color: rgba(0,0,0,0); |
3900 } |
3928 border-color: #c5c5c5; |
3901 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #aaa;} |
3929 background: #e8e8e8; |
3902 .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton |
3930 } |
3903 { |
3931 |
3904 background-color: transparent; |
3932 .jqx-fill-state-normal { |
3905 border-color: #aaa; |
3933 -moz-box-sizing: content-box; |
3906 } |
3934 box-sizing: content-box; |
3907 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited |
3935 -ms-touch-action: none; |
3908 { |
3936 font-family: Verdana,Arial,sans-serif; |
3909 |
3937 font-style: normal; |
3910 } |
3938 font-size: 13px; |
3911 .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright |
3939 border-color: #aaa; |
3912 { |
3940 background: #efefef; |
3913 background-color: #e5e5e5; |
3941 } |
3914 } |
3942 |
3915 |
3943 .jqx-fill-state-hover { |
3916 .jqx-tabs-title-selected-top |
3944 -moz-box-sizing: content-box; |
3917 { |
3945 box-sizing: content-box; |
|
3946 border-color: #999; |
|
3947 background: #e8e8e8; |
|
3948 } |
|
3949 |
|
3950 .jqx-fill-state-pressed { |
|
3951 -moz-box-sizing: content-box; |
|
3952 box-sizing: content-box; |
|
3953 border-color: #999; |
|
3954 background: #d1d1d1; |
|
3955 } |
|
3956 |
|
3957 .jqx-fill-state-focus { |
|
3958 border-color: #555; |
|
3959 } |
|
3960 |
|
3961 .jqx-fill-state-disabled { |
|
3962 cursor: default; |
|
3963 color: #000; |
|
3964 opacity: .55; |
|
3965 filter: Alpha(Opacity=45); |
|
3966 } |
|
3967 |
|
3968 .jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td { |
|
3969 box-sizing: border-box; |
|
3970 -moz-box-sizing: border-box; |
|
3971 } |
|
3972 |
|
3973 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell { |
|
3974 border-color: #aaa; |
|
3975 } |
|
3976 |
|
3977 .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton { |
|
3978 background-color: transparent; |
|
3979 border-color: #aaa; |
|
3980 } |
|
3981 |
|
3982 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited { |
|
3983 } |
|
3984 |
|
3985 .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright { |
|
3986 background-color: #e5e5e5; |
|
3987 } |
|
3988 |
|
3989 .jqx-tabs-title-selected-top { |
3918 border-color: #aaa; |
3990 border-color: #aaa; |
3919 border-bottom: 1px solid #fff; |
3991 border-bottom: 1px solid #fff; |
3920 background-color: #fff; |
3992 background-color: #fff; |
3921 } |
3993 } |
3922 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ |
3994 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ |
3923 .jqx-tabs-title-selected-bottom |
3995 .jqx-tabs-title-selected-bottom { |
3924 { |
|
3925 border-color: #aaa; |
3996 border-color: #aaa; |
3926 border-top: 1px solid #fff; |
3997 border-top: 1px solid #fff; |
3927 background-color: #fff; |
3998 background-color: #fff; |
3928 } |
3999 } |
3929 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ |
4000 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ |
3930 .jqx-tabs-selection-tracker-top |
4001 .jqx-tabs-selection-tracker-top { |
3931 { |
4002 border-color: #aaa; |
3932 border-color: #aaa; |
4003 border-bottom: 1px solid #fff; |
3933 border-bottom: 1px solid #fff; |
|
3934 } |
4004 } |
3935 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ |
4005 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ |
3936 .jqx-tabs-selection-tracker-bottom |
4006 .jqx-tabs-selection-tracker-bottom { |
3937 { |
4007 border-color: #aaa; |
3938 border-color: #aaa; |
4008 border-top: 1px solid #fff; |
3939 border-top: 1px solid #fff; |
|
3940 } |
4009 } |
3941 /*jqxMaskedInput and jqxNumberInput Styles*/ |
4010 /*jqxMaskedInput and jqxNumberInput Styles*/ |
3942 .jqx-input |
4011 .jqx-input { |
3943 { |
|
3944 -webkit-appearance: none; |
4012 -webkit-appearance: none; |
3945 padding: 0 0 0 0; |
4013 padding: 0 0 0 0; |
3946 outline: none; |
4014 outline: none; |
3947 border-width: 1px; |
4015 border-width: 1px; |
3948 border-style: solid; |
4016 border-style: solid; |
3949 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
4017 -moz-background-clip: padding; |
3950 } |
4018 background-clip: padding-box; |
|
4019 -webkit-background-clip: padding-box; |
|
4020 } |
|
4021 |
3951 input[type=text].jqx-input, input[type=password].jqx-input { |
4022 input[type=text].jqx-input, input[type=password].jqx-input { |
3952 min-height: 16px; |
4023 min-height: 16px; |
3953 min-width: 16px; |
4024 min-width: 16px; |
3954 margin: 0px; |
4025 margin: 0px; |
3955 border-width: 1px; |
4026 border-width: 1px; |
3956 border-style: solid; |
4027 border-style: solid; |
3957 font-size: 13px; |
4028 font-size: 13px; |
3958 padding: 3px; |
4029 padding: 3px; |
3959 padding-left:3px; |
4030 padding-left: 3px; |
3960 padding-right: 3px; |
4031 padding-right: 3px; |
3961 } |
4032 } |
|
4033 |
3962 .jqx-input::-ms-reveal { |
4034 .jqx-input::-ms-reveal { |
3963 display: none; |
4035 display: none; |
3964 } |
4036 } |
|
4037 |
3965 .jqx-input::-ms-clear { |
4038 .jqx-input::-ms-clear { |
3966 display: none; |
4039 display: none; |
3967 } |
4040 } |
|
4041 |
3968 .jqx-input-content::-ms-clear { |
4042 .jqx-input-content::-ms-clear { |
3969 display: none; |
4043 display: none; |
3970 } |
4044 } |
|
4045 |
3971 .jqx-input::-ms-value { |
4046 .jqx-input::-ms-value { |
3972 margin: 0px; |
4047 margin: 0px; |
3973 padding: 0px; |
4048 padding: 0px; |
3974 min-height: 13px; |
4049 min-height: 13px; |
3975 line-height: 13px; |
4050 line-height: 13px; |
3976 } |
4051 } |
3977 |
4052 |
3978 /*applied to the input when the validation fails.*/ |
4053 /*applied to the input when the validation fails.*/ |
3979 .jqx-input-invalid |
4054 .jqx-input-invalid { |
3980 { |
|
3981 border-color: #dd4b39 !important; |
4055 border-color: #dd4b39 !important; |
3982 } |
4056 } |
3983 |
4057 |
3984 /*applied to the input's content.*/ |
4058 /*applied to the input's content.*/ |
3985 .jqx-input-content |
4059 .jqx-input-content { |
3986 { |
|
3987 -webkit-appearance: none; |
4060 -webkit-appearance: none; |
3988 padding: 1px; |
4061 padding: 1px; |
3989 resize: none; |
4062 resize: none; |
3990 outline: none; |
4063 outline: none; |
3991 outline-width: 0px; |
4064 outline-width: 0px; |
3992 -webkit-user-modify:inherit; -moz-user-modify:inherit; |
4065 -webkit-user-modify: inherit; |
3993 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
4066 -moz-user-modify: inherit; |
|
4067 -moz-background-clip: padding; |
|
4068 background-clip: padding-box; |
|
4069 -webkit-background-clip: padding-box; |
3994 } |
4070 } |
3995 /*applied to the input when it is disabled.*/ |
4071 /*applied to the input when it is disabled.*/ |
3996 .jqx-input-disabled |
4072 .jqx-input-disabled { |
3997 { |
|
3998 -webkit-appearance: none; |
4073 -webkit-appearance: none; |
3999 resize: none; |
4074 resize: none; |
4000 outline: none; |
4075 outline: none; |
4001 outline-width: 0px; |
4076 outline-width: 0px; |
4002 } |
4077 } |
4003 /*applied to the list menu.*/ |
4078 /*applied to the list menu.*/ |
4004 .jqx-listmenu-widget { |
4079 .jqx-listmenu-widget { |
4005 -ms-touch-action: auto; |
4080 -ms-touch-action: auto; |
4006 } |
4081 } |
4007 .jqx-listmenu-widget .jqx-widget-content{ |
4082 |
4008 -ms-touch-action: auto; |
4083 .jqx-listmenu-widget .jqx-widget-content { |
4009 } |
4084 -ms-touch-action: auto; |
4010 .jqx-listmenu-widget .jqx-widget-header{ |
4085 } |
4011 -ms-touch-action: auto; |
4086 |
4012 } |
4087 .jqx-listmenu-widget .jqx-widget-header { |
4013 .jqx-listmenu-widget li{ |
4088 -ms-touch-action: auto; |
4014 -ms-touch-action: auto; |
4089 } |
4015 } |
4090 |
|
4091 .jqx-listmenu-widget li { |
|
4092 -ms-touch-action: auto; |
|
4093 } |
|
4094 |
4016 .jqx-menu-popup { |
4095 .jqx-menu-popup { |
4017 |
4096 } |
4018 } |
4097 |
4019 .jqx-menu-vertical |
4098 .jqx-menu-vertical { |
4020 { |
|
4021 background-color: #efefef; |
4099 background-color: #efefef; |
4022 } |
4100 } |
4023 .jqx-color-picker |
4101 |
4024 { |
4102 .jqx-color-picker { |
4025 |
4103 } |
4026 } |
4104 |
4027 .jqx-color-picker-panel |
4105 .jqx-color-picker-panel { |
4028 { |
4106 } |
4029 } |
4107 |
4030 .jqx-color-picker-map |
4108 .jqx-color-picker-map { |
4031 { |
|
4032 border: 1px solid #A0A0A0; |
4109 border: 1px solid #A0A0A0; |
4033 background-color: transparent; |
4110 background-color: transparent; |
4034 background-image: url('images/colorpicker/map-saturation.png'); |
4111 background-image: url('images/colorpicker/map-saturation.png'); |
4035 background-repeat: no-repeat; |
4112 background-repeat: no-repeat; |
4036 background-position: left top; |
4113 background-position: left top; |
4037 overflow: hidden; |
4114 overflow: hidden; |
4038 } |
4115 } |
4039 .jqx-color-picker-map-hue |
4116 |
4040 { |
4117 .jqx-color-picker-map-hue { |
4041 border: 1px solid #A0A0A0; |
4118 border: 1px solid #A0A0A0; |
4042 background-color: transparent; |
4119 background-color: transparent; |
4043 background-image: url('images/colorpicker/map-hue.png'); |
4120 background-image: url('images/colorpicker/map-hue.png'); |
4044 background-repeat: no-repeat; |
4121 background-repeat: no-repeat; |
4045 background-position: left top; |
4122 background-position: left top; |
4046 overflow: hidden; |
4123 overflow: hidden; |
4047 } |
4124 } |
4048 .jqx-color-picker-map-overlay |
4125 |
4049 { |
4126 .jqx-color-picker-map-overlay { |
4050 background-color: transparent; |
4127 background-color: transparent; |
4051 background-image: url('images/colorpicker/map-saturation-overlay.png'); |
4128 background-image: url('images/colorpicker/map-saturation-overlay.png'); |
4052 background-repeat: no-repeat; |
4129 background-repeat: no-repeat; |
4053 background-position: left top; |
4130 background-position: left top; |
4054 } |
4131 } |
4055 .jqx-color-picker-bar |
4132 |
4056 { |
4133 .jqx-color-picker-bar { |
4057 border: 1px solid #A0A0A0; |
4134 border: 1px solid #A0A0A0; |
4058 background-color: transparent; |
4135 background-color: transparent; |
4059 background-image: url('images/colorpicker/bar-saturation.png'); |
4136 background-image: url('images/colorpicker/bar-saturation.png'); |
4060 background-repeat: no-repeat; |
4137 background-repeat: no-repeat; |
4061 background-position: left top; |
4138 background-position: left top; |
4062 } |
4139 } |
4063 .jqx-color-picker-bar-hue |
4140 |
4064 { |
4141 .jqx-color-picker-bar-hue { |
4065 border: 1px solid #A0A0A0; |
4142 border: 1px solid #A0A0A0; |
4066 background-color: transparent; |
4143 background-color: transparent; |
4067 background-image: url('images/colorpicker/bar-hue.png'); |
4144 background-image: url('images/colorpicker/bar-hue.png'); |
4068 background-repeat: no-repeat; |
4145 background-repeat: no-repeat; |
4069 background-position: left top; |
4146 background-position: left top; |
4070 } |
4147 } |
4071 .jqx-color-picker-preview |
4148 |
4072 { |
4149 .jqx-color-picker-preview { |
4073 border: 1px solid #A0A0A0; |
4150 border: 1px solid #A0A0A0; |
4074 } |
4151 } |
4075 .jqx-color-picker-pointer |
4152 |
4076 { |
4153 .jqx-color-picker-pointer { |
4077 background-image: url('images/crosshair.png'); |
4154 background-image: url('images/crosshair.png'); |
4078 background-repeat: no-repeat; |
4155 background-repeat: no-repeat; |
4079 height: 16px; |
4156 height: 16px; |
4080 width: 16px; |
4157 width: 16px; |
4081 } |
4158 } |
4082 .jqx-color-picker-pointer-alt |
4159 |
4083 { |
4160 .jqx-color-picker-pointer-alt { |
4084 background-image: url('images/crosshair-white.png'); |
4161 background-image: url('images/crosshair-white.png'); |
4085 background-repeat: no-repeat; |
4162 background-repeat: no-repeat; |
4086 height: 16px; |
4163 height: 16px; |
4087 width: 16px; |
4164 width: 16px; |
4088 } |
4165 } |
4089 .jqx-color-picker-bar-pointer |
4166 |
4090 { |
4167 .jqx-color-picker-bar-pointer { |
4091 background-image: url('images/pointer.png'); |
4168 background-image: url('images/pointer.png'); |
4092 background-repeat: no-repeat; |
4169 background-repeat: no-repeat; |
4093 height: 15px; |
4170 height: 15px; |
4094 margin-left: 6px; |
4171 margin-left: 6px; |
4095 background-position: right top; |
4172 background-position: right top; |
4096 } |
4173 } |
4097 .jqx-icon |
4174 |
4098 { |
4175 .jqx-icon { |
4099 width: 16px; |
4176 width: 16px; |
4100 height: 16px; |
4177 height: 16px; |
4101 margin: 0 auto; |
4178 margin: 0 auto; |
4102 position: relative; |
4179 position: relative; |
4103 top: 50%; |
4180 top: 50%; |
4104 margin-top: -8px; |
4181 margin-top: -8px; |
4105 } |
4182 } |
4106 .jqx-input-icon |
4183 |
4107 { |
4184 .jqx-input-icon { |
4108 width: 13px; |
4185 width: 13px; |
4109 height: 13px; |
4186 height: 13px; |
4110 margin: 0 auto; |
4187 margin: 0 auto; |
4111 } |
4188 } |
4112 .jqx-scrollbar-thumb-state-normal-touch |
4189 |
4113 { |
4190 .jqx-scrollbar-thumb-state-normal-touch { |
4114 border-color:#c3c3c3; background: #c3c3c3; |
4191 border-color: #c3c3c3; |
4115 } |
4192 background: #c3c3c3; |
4116 .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link{} |
4193 } |
4117 .jqx-scrollbar .jqx-icon-arrow-up{width: 100%; height: 100%;} |
4194 |
4118 .jqx-scrollbar .jqx-icon-arrow-down{width: 100%; height: 100%;} |
4195 .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link { |
4119 .jqx-scrollbar .jqx-icon-arrow-left{width: 100%; height: 100%;} |
4196 } |
4120 .jqx-scrollbar .jqx-icon-arrow-right{width: 100%; height: 100%;} |
4197 |
|
4198 .jqx-scrollbar .jqx-icon-arrow-up { |
|
4199 width: 100%; |
|
4200 height: 100%; |
|
4201 } |
|
4202 |
|
4203 .jqx-scrollbar .jqx-icon-arrow-down { |
|
4204 width: 100%; |
|
4205 height: 100%; |
|
4206 } |
|
4207 |
|
4208 .jqx-scrollbar .jqx-icon-arrow-left { |
|
4209 width: 100%; |
|
4210 height: 100%; |
|
4211 } |
|
4212 |
|
4213 .jqx-scrollbar .jqx-icon-arrow-right { |
|
4214 width: 100%; |
|
4215 height: 100%; |
|
4216 } |
4121 /*jqx-listmenu*/ |
4217 /*jqx-listmenu*/ |
4122 .jqx-listmenu-widget |
4218 .jqx-listmenu-widget { |
4123 { |
|
4124 border-width: 1px; |
4219 border-width: 1px; |
4125 border-style: solid; |
4220 border-style: solid; |
4126 } |
4221 } |
4127 ol.jqx-listmenu, ul.jqx-listmenu |
4222 |
4128 { |
4223 ol.jqx-listmenu, ul.jqx-listmenu { |
4129 margin: 0; |
4224 margin: 0; |
4130 padding: 0; |
4225 padding: 0; |
4131 border: 0; |
4226 border: 0; |
4132 outline: 0; |
4227 outline: 0; |
4133 font-size: 100%; |
4228 font-size: 100%; |
4134 vertical-align: baseline; |
4229 vertical-align: baseline; |
4135 line-height: 1; |
4230 line-height: 1; |
4136 counter-reset: section; |
4231 counter-reset: section; |
4137 } |
4232 } |
4138 .jqx-listmenu li |
4233 |
4139 { |
4234 .jqx-listmenu li { |
4140 margin-left: 0px; |
4235 margin-left: 0px; |
4141 list-style: none; |
4236 list-style: none; |
4142 line-height: 1; |
4237 line-height: 1; |
4143 } |
4238 } |
4144 .jqx-listmenu |
4239 |
4145 { |
4240 .jqx-listmenu { |
4146 width: 100%; |
4241 width: 100%; |
4147 } |
4242 } |
4148 .jqx-listmenu-header |
4243 |
4149 { |
4244 .jqx-listmenu-header { |
4150 padding: 15px; |
4245 padding: 15px; |
4151 } |
4246 } |
4152 .jqx-listmenu-item |
4247 |
4153 { |
4248 .jqx-listmenu-item { |
4154 cursor: pointer; |
4249 cursor: pointer; |
4155 padding: 15px; |
4250 padding: 15px; |
4156 float: none; |
4251 float: none; |
4157 overflow: hidden; |
4252 overflow: hidden; |
4158 text-align: left; |
4253 text-align: left; |
4159 position: relative; |
4254 position: relative; |
4160 } |
4255 } |
4161 |
4256 |
4162 .jqx-listmenu-separator |
4257 .jqx-listmenu-separator { |
4163 { |
|
4164 padding: 10px; |
4258 padding: 10px; |
4165 counter-reset: section; |
4259 counter-reset: section; |
4166 } |
4260 } |
4167 .jqx-listmenu-header-label |
4261 |
4168 { |
4262 .jqx-listmenu-header-label { |
4169 margin-left: 30px; |
4263 margin-left: 30px; |
4170 } |
4264 } |
4171 .jqx-listmenu-arrow-right |
4265 |
4172 { |
4266 .jqx-listmenu-arrow-right { |
4173 width: 16px; |
4267 width: 16px; |
4174 height: 16px; |
4268 height: 16px; |
4175 position: absolute; |
4269 position: absolute; |
4176 top: 50%; |
4270 top: 50%; |
4177 margin-top: -7px; |
4271 margin-top: -7px; |
4178 right: 7px; |
4272 right: 7px; |
4179 } |
4273 } |
|
4274 |
4180 .jqx-listmenu-arrow-rtl { |
4275 .jqx-listmenu-arrow-rtl { |
4181 right: 0px; |
4276 right: 0px; |
4182 left: 7px; |
4277 left: 7px; |
4183 } |
4278 } |
4184 .jqx-listmenu-arrow-right-pressed |
4279 |
4185 { |
4280 .jqx-listmenu-arrow-right-pressed { |
4186 width: 16px; |
4281 width: 16px; |
4187 height: 16px; |
4282 height: 16px; |
4188 } |
4283 } |
4189 .jqx-listmenu-header .jqx-button |
4284 |
4190 { |
4285 .jqx-listmenu-header .jqx-button { |
4191 -moz-border-radius: 10px; |
4286 -moz-border-radius: 10px; |
4192 -webkit-border-radius: 10px; |
4287 -webkit-border-radius: 10px; |
4193 border-radius: 10px; |
4288 border-radius: 10px; |
4194 padding: 6px 10px; |
4289 padding: 6px 10px; |
4195 } |
4290 } |
4196 .jqx-listmenu-filter-input |
4291 |
4197 { |
4292 .jqx-listmenu-filter-input { |
4198 -moz-border-radius: 3px; |
4293 -moz-border-radius: 3px; |
4199 -webkit-border-radius: 3px; |
4294 -webkit-border-radius: 3px; |
4200 border-radius: 3px; |
4295 border-radius: 3px; |
4201 border: 1px solid; |
4296 border: 1px solid; |
4202 outline: none; |
4297 outline: none; |
4203 width: 97%; |
4298 width: 97%; |
4204 padding: 3px; |
4299 padding: 3px; |
4205 padding-left: 10px; |
4300 padding-left: 10px; |
4206 padding-right: 10px; |
4301 padding-right: 10px; |
4207 border-color: #c7c7c7; |
4302 border-color: #c7c7c7; |
4208 background-color: #fff; |
4303 background-color: #fff; |
4209 font-size: 20px; |
4304 font-size: 20px; |
4210 min-height: 25px !important; |
4305 min-height: 25px !important; |
4211 height: 25px; |
4306 height: 25px; |
4212 } |
4307 } |
4213 .jqx-listmenu-filter |
4308 |
4214 { |
4309 .jqx-listmenu-filter { |
4215 text-align: center; |
4310 text-align: center; |
4216 padding: 4px; |
4311 padding: 4px; |
4217 } |
4312 } |
4218 ol li .jqx-listmenu-item-label:before |
4313 |
4219 { |
4314 ol li .jqx-listmenu-item-label:before { |
4220 content: counter(section) ". "; |
4315 content: counter(section) ". "; |
4221 counter-increment: section; |
4316 counter-increment: section; |
4222 } |
4317 } |
4223 .jqx-listmenu div |
4318 |
4224 { |
4319 .jqx-listmenu div { |
4225 clear: both; |
4320 clear: both; |
4226 } |
4321 } |
4227 .jqx-listmenu-auto-separator |
4322 |
4228 { |
4323 .jqx-listmenu-auto-separator { |
4229 } |
4324 } |
4230 .jqx-listmenu-item-readonly |
4325 |
4231 { |
4326 .jqx-listmenu-item-readonly { |
4232 cursor: default; |
4327 cursor: default; |
4233 } |
4328 } |
4234 .jqx-tooltip |
4329 |
4235 { |
4330 .jqx-tooltip { |
4236 position: absolute; |
4331 position: absolute; |
4237 width: auto; |
4332 width: auto; |
4238 height: auto; |
4333 height: auto; |
4239 } |
4334 } |
4240 .jqx-tooltip-main |
4335 |
4241 { |
4336 .jqx-tooltip-main { |
4242 position: relative; |
4337 position: relative; |
4243 width: 100%; |
4338 width: 100%; |
4244 height: 100%; |
4339 height: 100%; |
4245 text-align: center; |
4340 text-align: center; |
4246 filter: inherit; |
4341 filter: inherit; |
4247 border-style: solid; |
4342 border-style: solid; |
4248 border-width: 1px; |
4343 border-width: 1px; |
4249 } |
4344 } |
4250 .jqx-tooltip-text |
4345 |
4251 { |
4346 .jqx-tooltip-text { |
4252 padding: 5px 8px; |
4347 padding: 5px 8px; |
4253 overflow: hidden; |
4348 overflow: hidden; |
4254 filter: inherit; |
4349 filter: inherit; |
4255 } |
4350 } |
|
4351 |
4256 .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { |
4352 .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { |
4257 -moz-border-radius: 5px; |
4353 -moz-border-radius: 5px; |
4258 -webkit-border-radius: 5px; |
4354 -webkit-border-radius: 5px; |
4259 border-radius: 5px; |
4355 border-radius: 5px; |
4260 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
4356 -moz-background-clip: padding; |
4261 } |
4357 background-clip: padding-box; |
4262 .jqx-tooltip-arrow |
4358 -webkit-background-clip: padding-box; |
4263 { |
4359 } |
|
4360 |
|
4361 .jqx-tooltip-arrow { |
4264 position: absolute; |
4362 position: absolute; |
4265 width: 0px; |
4363 width: 0px; |
4266 height: 0px; |
4364 height: 0px; |
4267 display: block; |
4365 display: block; |
4268 border-style: solid; |
4366 border-style: solid; |
4269 margin: -6px 0 0 -7px; |
4367 margin: -6px 0 0 -7px; |
4270 background: transparent !important; |
4368 background: transparent !important; |
4271 filter: inherit; |
4369 filter: inherit; |
4272 } |
4370 } |
4273 .jqx-tooltip-arrow-t-b |
4371 |
4274 { |
4372 .jqx-tooltip-arrow-t-b { |
4275 border-left-color: transparent !important; |
4373 border-left-color: transparent !important; |
4276 border-right-color: transparent !important; |
4374 border-right-color: transparent !important; |
4277 } |
4375 } |
4278 .jqx-tooltip-arrow-l-r |
4376 |
4279 { |
4377 .jqx-tooltip-arrow-l-r { |
4280 border-top-color: transparent !important; |
4378 border-top-color: transparent !important; |
4281 border-bottom-color: transparent !important; |
4379 border-bottom-color: transparent !important; |
4282 } |
4380 } |
4283 /*Sets the text-alignment to right.*/ |
4381 /*Sets the text-alignment to right.*/ |
4284 .jqx-rtl{text-align: right !important;} |
4382 .jqx-rtl { |
4285 .jqx-shadow{ |
4383 text-align: right !important; |
4286 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15)!important; |
4384 } |
4287 -moz-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; |
4385 |
4288 box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; |
4386 .jqx-shadow { |
4289 } |
4387 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; |
|
4388 -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; |
|
4389 box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; |
|
4390 } |
|
4391 |
4290 .jqx-noshadow { |
4392 .jqx-noshadow { |
4291 -webkit-box-shadow: none !important; |
4393 -webkit-box-shadow: none !important; |
4292 -moz-box-shadow : none !important; |
4394 -moz-box-shadow: none !important; |
4293 box-shadow : none !important; |
4395 box-shadow: none !important; |
4294 } |
4396 } |
4295 .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl |
4397 |
4296 { |
4398 .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl { |
4297 background-image: url(images/icon-showpassword.png) !important; |
4399 background-image: url(images/icon-showpassword.png) !important; |
4298 background-repeat: no-repeat !important; |
4400 background-repeat: no-repeat !important; |
4299 width: 14px; |
4401 width: 14px; |
4300 height: 9px; |
4402 height: 9px; |
4301 } |
4403 } |
4302 .jqx-passwordinput-password-icon-ltr |
4404 |
4303 { |
4405 .jqx-passwordinput-password-icon-ltr { |
4304 background-position: right !important; |
4406 background-position: right !important; |
4305 } |
4407 } |
4306 .jqx-passwordinput-password-icon-rtl |
4408 |
4307 { |
4409 .jqx-passwordinput-password-icon-rtl { |
4308 background-position: left !important; |
4410 background-position: left !important; |
4309 } |
4411 } |
4310 .jqx-passwordinput-password-strength-inicator |
4412 |
4311 { |
4413 .jqx-passwordinput-password-strength-inicator { |
4312 width: 20%; |
4414 width: 20%; |
4313 height: 5px; |
4415 height: 5px; |
4314 margin-top: 5px; |
4416 margin-top: 5px; |
4315 } |
4417 } |
4316 /*top rounded Corners*/ |
4418 /*top rounded Corners*/ |
4317 .jqx-rc-t-expanded |
4419 .jqx-rc-t-expanded { |
4318 { |
|
4319 -moz-border-radius-topleft: 0px !important; |
4420 -moz-border-radius-topleft: 0px !important; |
4320 -webkit-border-top-left-radius: 0px !important; |
4421 -webkit-border-top-left-radius: 0px !important; |
4321 border-top-left-radius: 0px !important; |
4422 border-top-left-radius: 0px !important; |
4322 -moz-border-radius-topright: 0px !important; |
4423 -moz-border-radius-topright: 0px !important; |
4323 -webkit-border-top-right-radius: 0px !important; |
4424 -webkit-border-top-right-radius: 0px !important; |
4324 border-top-right-radius: 0px !important; |
4425 border-top-right-radius: 0px !important; |
4325 } |
4426 } |
4326 /*bottom rounded Corners*/ |
4427 /*bottom rounded Corners*/ |
4327 .jqx-rc-b-expanded |
4428 .jqx-rc-b-expanded { |
4328 { |
|
4329 -moz-border-radius-bottomleft: 0px !important; |
4429 -moz-border-radius-bottomleft: 0px !important; |
4330 -webkit-border-bottom-left-radius: 0px !important; |
4430 -webkit-border-bottom-left-radius: 0px !important; |
4331 border-bottom-left-radius: 0px !important; |
4431 border-bottom-left-radius: 0px !important; |
4332 -moz-border-radius-bottomright: 0px !important; |
4432 -moz-border-radius-bottomright: 0px !important; |
4333 -webkit-border-bottom-right-radius: 0px !important; |
4433 -webkit-border-bottom-right-radius: 0px !important; |
4334 border-bottom-right-radius: 0px !important; |
4434 border-bottom-right-radius: 0px !important; |
4335 } |
4435 } |
|
4436 |
4336 .jqx-treemap-rectangle { |
4437 .jqx-treemap-rectangle { |
4337 font-size: 13px; |
4438 font-size: 13px; |
4338 font-weight: normal; |
4439 font-weight: normal; |
4339 border: 1px solid #555; |
4440 border: 1px solid #555; |
4340 color: #222; |
4441 color: #222; |
4341 text-shadow: 0px 0px 0px; |
4442 text-shadow: 0px 0px 0px; |
4342 overflow: hidden; |
4443 overflow: hidden; |
4343 text-overflow: ellipsis; |
4444 text-overflow: ellipsis; |
4344 } |
4445 } |
|
4446 |
4345 .jqx-treemap-label { |
4447 .jqx-treemap-label { |
4346 text-overflow: ellipsis; |
4448 text-overflow: ellipsis; |
4347 overflow: hidden; |
4449 overflow: hidden; |
4348 } |
4450 } |
|
4451 |
4349 .jqx-treemap-rectangle-parent { |
4452 .jqx-treemap-rectangle-parent { |
4350 color: #222; |
4453 color: #222; |
4351 font-size: 15px; |
4454 font-size: 15px; |
4352 font-family: Verdana; |
4455 font-family: Verdana; |
4353 font-weight: bold; |
4456 font-weight: bold; |
4354 } |
4457 } |
|
4458 |
4355 .jqx-treemap-legend-label { |
4459 .jqx-treemap-legend-label { |
4356 color: #fff; |
4460 color: #fff; |
4357 } |
4461 } |
|
4462 |
4358 .jqx-treemap-legend { |
4463 .jqx-treemap-legend { |
4359 width: 350px; |
4464 width: 350px; |
4360 background-color: rgba(0, 0, 0, 0.1); |
4465 background-color: rgba(0, 0, 0, 0.1); |
4361 z-index: 41; |
4466 z-index: 41; |
4362 overflow: hidden; |
4467 overflow: hidden; |
4363 } |
4468 } |
|
4469 |
4364 .jqx-treemap-legend-table { |
4470 .jqx-treemap-legend-table { |
4365 table-layout: fixed; |
4471 table-layout: fixed; |
4366 width: 100%; |
4472 width: 100%; |
4367 } |
4473 } |
|
4474 |
4368 .jqx-treemap-legend-color { |
4475 .jqx-treemap-legend-color { |
4369 height: 3px; |
4476 height: 3px; |
4370 } |
4477 } |
|
4478 |
4371 .jqx-treemap-legend-values { |
4479 .jqx-treemap-legend-values { |
4372 height: 12px; |
4480 height: 12px; |
4373 width: 100%; |
4481 width: 100%; |
4374 } |
4482 } |
|
4483 |
4375 .jqx-treemap-legend-value { |
4484 .jqx-treemap-legend-value { |
4376 font-size: 9px; |
4485 font-size: 9px; |
4377 position: absolute; |
4486 position: absolute; |
4378 color: #fff; |
4487 color: #fff; |
4379 } |
4488 } |
|
4489 |
4380 .jqx-treemap-rectangle-hover { |
4490 .jqx-treemap-rectangle-hover { |
4381 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4491 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4382 -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4492 -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4383 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4493 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4384 z-index: 40; |
4494 z-index: 40; |
4385 } |
4495 } |
4386 /*jqxRangeSelector*/ |
4496 /*jqxRangeSelector*/ |
4387 .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, |
4497 .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, |
4388 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter |
4498 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter { |
4389 { |
|
4390 box-shadow: none !important; |
4499 box-shadow: none !important; |
4391 -webkit-box-shadow: none !important; |
4500 -webkit-box-shadow: none !important; |
4392 -moz-box-shadow: none !important; |
4501 -moz-box-shadow: none !important; |
4393 box-sizing: content-box !important; |
4502 box-sizing: content-box !important; |
4394 } |
4503 } |
|
4504 |
4395 .jqx-rangeselector-markers { |
4505 .jqx-rangeselector-markers { |
4396 |
4506 } |
4397 } |
4507 |
4398 .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow |
4508 .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow { |
4399 { |
|
4400 position: absolute; |
4509 position: absolute; |
4401 } |
4510 } |
4402 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider |
4511 |
4403 { |
4512 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider { |
4404 height: 100%; |
4513 height: 100%; |
4405 } |
4514 } |
4406 .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider |
4515 |
4407 { |
4516 .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider { |
4408 width: 100%; |
4517 width: 100%; |
4409 box-shadow: none !important; |
4518 box-shadow: none !important; |
4410 -webkit-box-shadow: none !important; |
4519 -webkit-box-shadow: none !important; |
4411 -moz-box-shadow: none !important; |
4520 -moz-box-shadow: none !important; |
4412 -moz-border-radius: 0px !important; |
4521 -moz-border-radius: 0px !important; |
4413 -webkit-border-radius: 0px !important; |
4522 -webkit-border-radius: 0px !important; |
4414 border-radius: 0px !important; |
4523 border-radius: 0px !important; |
4415 } |
4524 } |
4416 .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider |
4525 |
4417 { |
4526 .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider { |
4418 float: left; |
4527 float: left; |
4419 } |
4528 } |
4420 .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow |
4529 |
4421 { |
4530 .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow { |
4422 border-style: solid; |
4531 border-style: solid; |
4423 } |
4532 } |
4424 .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks |
4533 |
4425 { |
4534 .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks { |
4426 width: 1px; |
4535 width: 1px; |
4427 background: #aaa; |
4536 background: #aaa; |
4428 } |
4537 } |
4429 .jqx-rangeselector-labels, .jqx-rangeselector-markers |
4538 |
4430 { |
4539 .jqx-rangeselector-labels, .jqx-rangeselector-markers { |
4431 white-space: nowrap; |
4540 white-space: nowrap; |
4432 width: auto; |
4541 width: auto; |
4433 } |
4542 } |
4434 .jqx-rangeselector-slider, .jqx-rangeselector-markers |
4543 |
4435 { |
4544 .jqx-rangeselector-slider, .jqx-rangeselector-markers { |
4436 border-width: 1px !important; |
4545 border-width: 1px !important; |
4437 } |
4546 } |
4438 .jqx-rangeselector-ticks-container |
4547 |
4439 { |
4548 .jqx-rangeselector-ticks-container { |
4440 background-color: transparent; |
4549 background-color: transparent; |
4441 position: relative; |
4550 position: relative; |
4442 } |
4551 } |
4443 .jqx-rangeselector-shutter |
4552 |
4444 { |
4553 .jqx-rangeselector-shutter { |
4445 opacity: 0.75; |
4554 opacity: 0.75; |
4446 background: #efefef; |
4555 background: #efefef; |
4447 border-width: 0px !important; |
4556 border-width: 0px !important; |
4448 } |
4557 } |
4449 .jqx-rangeselector-slider |
4558 |
4450 { |
4559 .jqx-rangeselector-slider { |
4451 background-color: transparent !important; |
4560 background-color: transparent !important; |
4452 border-top: none !important; |
4561 border-top: none !important; |
4453 background-image: none !important; |
4562 background-image: none !important; |
4454 border-bottom: none !important; |
4563 border-bottom: none !important; |
4455 border-color: #aaa; |
4564 border-color: #aaa; |
4456 border-right-color: transparent !important; |
4565 border-right-color: transparent !important; |
4457 position: relative; |
4566 position: relative; |
4458 overflow: hidden; |
4567 overflow: hidden; |
4459 } |
4568 } |
4460 .jqx-rangeselector-inner-slider |
4569 |
4461 { |
4570 .jqx-rangeselector-inner-slider { |
4462 position: absolute; |
4571 position: absolute; |
4463 right: 0; |
4572 right: 0; |
4464 background: #aaa; |
4573 background: #aaa; |
4465 width: 1px; |
4574 width: 1px; |
4466 height: 100%; |
4575 height: 100%; |
4467 } |
4576 } |
4468 .jqx-rangeselector-ticks |
4577 |
4469 { |
4578 .jqx-rangeselector-ticks { |
4470 margin-top: 0px; |
4579 margin-top: 0px; |
4471 } |
4580 } |
4472 .jqx-rangeselector-labels, .jqx-rangeselector-group-labels |
4581 |
4473 { |
4582 .jqx-rangeselector-labels, .jqx-rangeselector-group-labels { |
4474 margin-top: 4px; |
4583 margin-top: 4px; |
4475 } |
4584 } |
4476 .jqx-rangeselector-markers |
4585 |
4477 { |
4586 .jqx-rangeselector-markers { |
4478 height: 20px; |
4587 height: 20px; |
4479 padding: 5px; |
4588 padding: 5px; |
4480 opacity: 0.75; |
4589 opacity: 0.75; |
4481 } |
4590 } |
4482 .jqx-rangeselector-marker-arrow |
4591 |
4483 { |
4592 .jqx-rangeselector-marker-arrow { |
4484 width: 0px; |
4593 width: 0px; |
4485 height: 0px; |
4594 height: 0px; |
4486 display: block; |
4595 display: block; |
4487 margin: -6px 0 0 -7px; |
4596 margin: -6px 0 0 -7px; |
4488 background-color: transparent !important; |
4597 background-color: transparent !important; |
4495 background-repeat: repeat; |
4604 background-repeat: repeat; |
4496 box-shadow: none !important; |
4605 box-shadow: none !important; |
4497 -webkit-box-shadow: none !important; |
4606 -webkit-box-shadow: none !important; |
4498 background-image: none !important; |
4607 background-image: none !important; |
4499 } |
4608 } |
|
4609 |
4500 .jqx-rangeselector-marker-arrow-top { |
4610 .jqx-rangeselector-marker-arrow-top { |
4501 border-bottom-color: transparent !important; |
4611 border-bottom-color: transparent !important; |
4502 } |
4612 } |
|
4613 |
4503 .jqx-rangeselector-marker-arrow-bottom { |
4614 .jqx-rangeselector-marker-arrow-bottom { |
4504 border-top-color: transparent !important; |
4615 border-top-color: transparent !important; |
4505 } |
4616 } |
4506 .jqx-rangeselector-marker-left-arrow |
4617 |
4507 { |
4618 .jqx-rangeselector-marker-left-arrow { |
4508 border-right-width: 0px; |
4619 border-right-width: 0px; |
4509 border-left-width: 5px; |
4620 border-left-width: 5px; |
4510 } |
4621 } |
4511 .jqx-rangeselector-marker-right-arrow |
4622 |
4512 { |
4623 .jqx-rangeselector-marker-right-arrow { |
4513 border-right-width: 5px; |
4624 border-right-width: 5px; |
4514 border-left-width: 0px; |
4625 border-left-width: 0px; |
4515 } |
4626 } |
4516 .jqx-rangeselector-markers-value |
4627 |
4517 { |
4628 .jqx-rangeselector-markers-value { |
4518 overflow: hidden; |
4629 overflow: hidden; |
4519 white-space: nowrap; |
4630 white-space: nowrap; |
4520 } |
4631 } |
4521 .jqx-rangeselector-group-labels-rtl |
4632 |
4522 { |
4633 .jqx-rangeselector-group-labels-rtl { |
4523 margin-right: 10px; |
4634 margin-right: 10px; |
4524 direction: rtl; |
4635 direction: rtl; |
4525 } |
4636 } |
4526 .jqx-rangeselector-group-labels-ticks |
4637 |
4527 { |
4638 .jqx-rangeselector-group-labels-ticks { |
4528 height: 17px; |
4639 height: 17px; |
4529 } |
4640 } |
4530 .jqx-rangeselector-group-labels-ticks-rtl |
4641 |
4531 { |
4642 .jqx-rangeselector-group-labels-ticks-rtl { |
4532 margin-left: 5px; |
4643 margin-left: 5px; |
4533 } |
4644 } |
|
4645 |
4534 .jqx-action-button { |
4646 .jqx-action-button { |
4535 border: none; |
4647 border: none; |
4536 border-left: 1px solid #c7c7c7; |
4648 border-left: 1px solid #c7c7c7; |
4537 } |
4649 } |
|
4650 |
4538 .jqx-action-button-rtl { |
4651 .jqx-action-button-rtl { |
4539 border: none; |
4652 border: none; |
4540 border-right: 1px solid #c7c7c7; |
4653 border-right: 1px solid #c7c7c7; |
4541 cursor: pointer; |
4654 cursor: pointer; |
4542 } |
4655 } |
4543 /*jqxBulletChart*/ |
4656 /*jqxBulletChart*/ |
4544 .jqx-bulletchart |
4657 .jqx-bulletchart { |
4545 { |
4658 } |
4546 } |
4659 |
4547 .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical |
4660 .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical { |
4548 { |
|
4549 position: relative; |
4661 position: relative; |
4550 } |
4662 } |
4551 .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels |
4663 |
4552 { |
4664 .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels { |
4553 position: absolute; |
4665 position: absolute; |
4554 } |
4666 } |
4555 .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical |
4667 |
4556 { |
4668 .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical { |
4557 width: 100%; |
4669 width: 100%; |
4558 } |
4670 } |
4559 .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal |
4671 |
4560 { |
4672 .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal { |
4561 float: left; |
4673 float: left; |
4562 overflow: hidden; |
4674 overflow: hidden; |
4563 } |
4675 } |
4564 .jqx-bulletchart-title, .jqx-bulletchart-description |
4676 |
4565 { |
4677 .jqx-bulletchart-title, .jqx-bulletchart-description { |
4566 text-align: center; |
4678 text-align: center; |
4567 } |
4679 } |
4568 .jqx-bulletchart-title-inner-container |
4680 |
4569 { |
4681 .jqx-bulletchart-title-inner-container { |
4570 margin: auto; |
4682 margin: auto; |
4571 top: 0; |
4683 top: 0; |
4572 left: 0; |
4684 left: 0; |
4573 right: 0; |
4685 right: 0; |
4574 bottom: 0; |
4686 bottom: 0; |
4575 } |
4687 } |
4576 .jqx-bulletchart-title-inner-container-ltr |
4688 |
4577 { |
4689 .jqx-bulletchart-title-inner-container-ltr { |
4578 padding-right: 5px; |
4690 padding-right: 5px; |
4579 } |
4691 } |
4580 .jqx-bulletchart-title-inner-container-rtl |
4692 |
4581 { |
4693 .jqx-bulletchart-title-inner-container-rtl { |
4582 padding-left: 5px; |
4694 padding-left: 5px; |
4583 } |
4695 } |
4584 .jqx-bulletchart-title-description-ltr |
4696 |
4585 { |
4697 .jqx-bulletchart-title-description-ltr { |
4586 text-align: right; |
4698 text-align: right; |
4587 } |
4699 } |
4588 .jqx-bulletchart-title-description-rtl |
4700 |
4589 { |
4701 .jqx-bulletchart-title-description-rtl { |
4590 text-align: left; |
4702 text-align: left; |
4591 } |
4703 } |
4592 .jqx-bulletchart-title-description-vertical |
4704 |
4593 { |
4705 .jqx-bulletchart-title-description-vertical { |
4594 text-align: center; |
4706 text-align: center; |
4595 } |
4707 } |
4596 .jqx-bulletchart-title |
4708 |
4597 { |
4709 .jqx-bulletchart-title { |
4598 font-size: 110%; |
4710 font-size: 110%; |
4599 font-weight: bold; |
4711 font-weight: bold; |
4600 } |
4712 } |
4601 .jqx-bulletchart-description |
4713 |
4602 { |
4714 .jqx-bulletchart-description { |
4603 font-size: 90%; |
4715 font-size: 90%; |
4604 } |
4716 } |
4605 .jqx-bulletchart-range-horizontal |
4717 |
4606 { |
4718 .jqx-bulletchart-range-horizontal { |
4607 height: 100%; |
4719 height: 100%; |
4608 } |
4720 } |
4609 .jqx-bulletchart-target-horizontal |
4721 |
4610 { |
4722 .jqx-bulletchart-target-horizontal { |
4611 top: 10%; |
4723 top: 10%; |
4612 height: 80%; |
4724 height: 80%; |
4613 } |
4725 } |
4614 .jqx-bulletchart-target-vertical |
4726 |
4615 { |
4727 .jqx-bulletchart-target-vertical { |
4616 left: 10%; |
4728 left: 10%; |
4617 width: 80%; |
4729 width: 80%; |
4618 } |
4730 } |
4619 .jqx-bulletchart-ticks |
4731 |
4620 { |
4732 .jqx-bulletchart-ticks { |
4621 background-color: #AAAAAA; |
4733 background-color: #AAAAAA; |
4622 } |
4734 } |
4623 .jqx-bulletchart-ticks-horizontal |
4735 |
4624 { |
4736 .jqx-bulletchart-ticks-horizontal { |
4625 width: 1px; |
4737 width: 1px; |
4626 } |
4738 } |
4627 .jqx-bulletchart-ticks-vertical |
4739 |
4628 { |
4740 .jqx-bulletchart-ticks-vertical { |
4629 height: 1px; |
4741 height: 1px; |
4630 } |
4742 } |
4631 .jqx-bulletchart-zero-tick |
4743 |
4632 { |
4744 .jqx-bulletchart-zero-tick { |
4633 } |
4745 } |
4634 .jqx-bulletchart-labels |
4746 |
4635 { |
4747 .jqx-bulletchart-labels { |
4636 } |
4748 } |
4637 /*jqxNotification*/ |
4749 /*jqxNotification*/ |
4638 .jqx-notification |
4750 .jqx-notification { |
4639 { |
|
4640 padding: 10px; |
4751 padding: 10px; |
4641 border-width: 1px; |
4752 border-width: 1px; |
4642 border-style: solid; |
4753 border-style: solid; |
4643 box-sizing: border-box; |
4754 box-sizing: border-box; |
4644 pointer-events: auto; |
4755 pointer-events: auto; |
4645 } |
4756 } |
4646 .jqx-notification-table |
4757 |
4647 { |
4758 .jqx-notification-table { |
4648 width: 100%; |
4759 width: 100%; |
4649 font-size: inherit; |
4760 font-size: inherit; |
4650 font-weight: inherit; |
4761 font-weight: inherit; |
4651 font-style: inherit; |
4762 font-style: inherit; |
4652 color:inherit; |
4763 color: inherit; |
4653 } |
4764 } |
4654 .jqx-notification-container |
4765 |
4655 { |
4766 .jqx-notification-container { |
4656 position: fixed; |
4767 position: fixed; |
4657 height: auto; |
4768 height: auto; |
4658 width: auto; |
4769 width: auto; |
4659 pointer-events: none; |
4770 pointer-events: none; |
4660 } |
4771 } |
4661 .jqx-notification-container-full-width |
4772 |
4662 { |
4773 .jqx-notification-container-full-width { |
4663 width: 100%; |
4774 width: 100%; |
4664 } |
4775 } |
4665 .jqx-notification-container-full-height |
4776 |
4666 { |
4777 .jqx-notification-container-full-height { |
4667 height: 100%; |
4778 height: 100%; |
4668 } |
4779 } |
4669 #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left |
4780 |
4670 { |
4781 #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left { |
4671 direction: rtl; |
4782 direction: rtl; |
4672 } |
4783 } |
4673 .jqx-notification-icon, .jqx-notification-content |
4784 |
4674 { |
4785 .jqx-notification-icon, .jqx-notification-content { |
4675 vertical-align: middle; |
4786 vertical-align: middle; |
4676 } |
4787 } |
4677 .jqx-notification-content |
4788 |
4678 { |
4789 .jqx-notification-content { |
4679 } |
4790 } |
4680 .jqx-notification-content-rtl |
4791 |
4681 { |
4792 .jqx-notification-content-rtl { |
4682 direction: rtl; |
4793 direction: rtl; |
4683 } |
4794 } |
|
4795 |
4684 .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { |
4796 .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { |
4685 background: none !important; |
4797 background: none !important; |
4686 box-shadow: none !important; |
4798 box-shadow: none !important; |
4687 text-shadow: none !important; |
4799 text-shadow: none !important; |
4688 } |
4800 } |
4689 |
4801 |
4690 .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed { |
4802 .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed { |
4691 background-image: url('images/icon-calendar-white.png'); |
4803 background-image: url('images/icon-calendar-white.png'); |
4692 } |
4804 } |
4693 .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed { |
4805 |
4694 background-image: url('images/icon-time-white.png'); |
4806 .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed { |
4695 } |
4807 background-image: url('images/icon-time-white.png'); |
4696 .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed { |
4808 } |
4697 background-image: url('images/icon-calendar-white.png'); |
4809 |
4698 } |
4810 .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed { |
4699 .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed { |
4811 background-image: url('images/icon-calendar-white.png'); |
4700 background-image: url('images/icon-time-white.png'); |
4812 } |
4701 } |
4813 |
4702 .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed { |
4814 .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed { |
4703 background-image: url('images/icon-calendar-white.png'); |
4815 background-image: url('images/icon-time-white.png'); |
4704 } |
4816 } |
4705 .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed { |
4817 |
4706 background-image: url('images/icon-time-white.png'); |
4818 .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed { |
4707 } |
4819 background-image: url('images/icon-calendar-white.png'); |
4708 |
4820 } |
4709 .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed { |
4821 |
4710 background-image: url('images/icon-calendar-white.png'); |
4822 .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed { |
4711 } |
4823 background-image: url('images/icon-time-white.png'); |
4712 .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed { |
4824 } |
4713 background-image: url('images/icon-time-white.png'); |
4825 |
4714 } |
4826 .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed { |
4715 |
4827 background-image: url('images/icon-calendar-white.png'); |
4716 .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed { |
4828 } |
4717 background-image: url('images/icon-calendar-white.png'); |
4829 |
4718 } |
4830 .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed { |
4719 .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed { |
4831 background-image: url('images/icon-time-white.png'); |
4720 background-image: url('images/icon-time-white.png'); |
4832 } |
4721 } |
4833 |
4722 |
4834 .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed { |
4723 .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed { |
4835 background-image: url('images/icon-calendar-white.png'); |
4724 background-image: url('images/icon-calendar-white.png'); |
4836 } |
4725 } |
4837 |
4726 .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed { |
4838 .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed { |
4727 background-image: url('images/icon-time-white.png'); |
4839 background-image: url('images/icon-time-white.png'); |
4728 } |
4840 } |
4729 |
4841 |
4730 |
4842 .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed { |
4731 .jqx-notification-info, .jqx-info |
4843 background-image: url('images/icon-calendar-white.png'); |
4732 { |
4844 } |
4733 color: #ffffff !important; |
4845 |
4734 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4846 .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed { |
4735 background-color: #5bc0de !important; |
4847 background-image: url('images/icon-time-white.png'); |
4736 *background-color: #5bc0de !important; |
4848 } |
|
4849 |
|
4850 |
|
4851 .jqx-notification-info, .jqx-info { |
|
4852 color: #ffffff !important; |
|
4853 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4854 background-color: #5bc0de !important; |
|
4855 *background-color: #5bc0de !important; |
4737 border-left-color: #46b8da !important; |
4856 border-left-color: #46b8da !important; |
4738 border-right-color: #46b8da !important; |
4857 border-right-color: #46b8da !important; |
4739 border-top-color: #46b8da !important; |
4858 border-top-color: #46b8da !important; |
4740 border-bottom-color: #46b8da !important; |
4859 border-bottom-color: #46b8da !important; |
4741 } |
4860 } |
4742 .jqx-info:hover, |
4861 |
4743 .jqx-info:focus, |
4862 .jqx-info:hover, |
4744 .jqx-info:active, |
4863 .jqx-info:focus, |
4745 .jqx-info.active, |
4864 .jqx-info:active, |
4746 .jqx-info.disabled, |
4865 .jqx-info.active, |
4747 .jqx-info[disabled] { |
4866 .jqx-info.disabled, |
4748 color: #ffffff !important; |
4867 .jqx-info[disabled] { |
4749 background-color: #31b0d5 !important; |
4868 color: #ffffff !important; |
4750 *background-color: #31b0d5 !important; |
4869 background-color: #31b0d5 !important; |
4751 border-color: #269abc !important; |
4870 *background-color: #31b0d5 !important; |
4752 } |
4871 border-color: #269abc !important; |
4753 |
4872 } |
4754 .jqx-fill-state-pressed.jqx-info, |
4873 |
4755 .jqx-info:active, |
4874 .jqx-fill-state-pressed.jqx-info, |
4756 .jqx-info.active { |
4875 .jqx-info:active, |
4757 background-color: #269abc \9 !important; |
4876 .jqx-info.active { |
4758 } |
4877 background-color: #269abc \9 !important; |
4759 .jqx-notification-warning, .jqx-warning |
4878 } |
4760 { |
4879 |
4761 color: #ffffff !important; |
4880 .jqx-notification-warning, .jqx-warning { |
4762 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4881 color: #ffffff !important; |
4763 background-color: #f0ad4e !important; |
4882 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4764 *background-color: #f0ad4e !important; |
4883 background-color: #f0ad4e !important; |
|
4884 *background-color: #f0ad4e !important; |
4765 border-left-color: #eea236 !important; |
4885 border-left-color: #eea236 !important; |
4766 border-right-color: #eea236 !important; |
4886 border-right-color: #eea236 !important; |
4767 border-top-color: #eea236 !important; |
4887 border-top-color: #eea236 !important; |
4768 border-bottom-color: #eea236 !important; |
4888 border-bottom-color: #eea236 !important; |
4769 } |
4889 } |
4770 .jqx-warning:hover, |
4890 |
4771 .jqx-warning:focus, |
4891 .jqx-warning:hover, |
4772 .jqx-warning:active, |
4892 .jqx-warning:focus, |
4773 .jqx-warning.active, |
4893 .jqx-warning:active, |
4774 .jqx-warning.disabled, |
4894 .jqx-warning.active, |
4775 .jqx-warning[disabled] { |
4895 .jqx-warning.disabled, |
4776 color: #ffffff !important; |
4896 .jqx-warning[disabled] { |
4777 background-color: #ec971f !important; |
4897 color: #ffffff !important; |
4778 *background-color: #ec971f !important; |
4898 background-color: #ec971f !important; |
4779 border-color: #d58512 !important; |
4899 *background-color: #ec971f !important; |
4780 } |
4900 border-color: #d58512 !important; |
4781 |
4901 } |
4782 .jqx-fill-state-pressed.jqx-warning, |
4902 |
4783 .jqx-warning:active, |
4903 .jqx-fill-state-pressed.jqx-warning, |
4784 .jqx-warning.active { |
4904 .jqx-warning:active, |
4785 background-color: #d58512 \9 !important; |
4905 .jqx-warning.active { |
4786 border-color: #985f0d !important; |
4906 background-color: #d58512 \9 !important; |
4787 } |
4907 border-color: #985f0d !important; |
4788 .jqx-notification-success, .jqx-success |
4908 } |
4789 { |
4909 |
4790 color: #ffffff !important; |
4910 .jqx-notification-success, .jqx-success { |
4791 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4911 color: #ffffff !important; |
4792 background-color: #5cb85c !important; |
4912 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4793 *background-color: #5cb85c !important; |
4913 background-color: #5cb85c !important; |
|
4914 *background-color: #5cb85c !important; |
4794 border-left-color: #4cae4c !important; |
4915 border-left-color: #4cae4c !important; |
4795 border-right-color: #4cae4c !important; |
4916 border-right-color: #4cae4c !important; |
4796 border-top-color: #4cae4c !important; |
4917 border-top-color: #4cae4c !important; |
4797 border-bottom-color: #4cae4c !important; |
4918 border-bottom-color: #4cae4c !important; |
4798 } |
4919 } |
4799 .jqx-success:hover, |
4920 |
4800 .jqx-success:focus, |
4921 .jqx-success:hover, |
4801 .jqx-success:active, |
4922 .jqx-success:focus, |
4802 .jqx-success.active, |
4923 .jqx-success:active, |
4803 .jqx-success.disabled, |
4924 .jqx-success.active, |
4804 .jqx-success[disabled] { |
4925 .jqx-success.disabled, |
4805 color: #ffffff !important; |
4926 .jqx-success[disabled] { |
4806 background-color: #449d44 !important; |
4927 color: #ffffff !important; |
4807 *background-color: #449d44 !important; |
4928 background-color: #449d44 !important; |
4808 border-color: #398439 !important; |
4929 *background-color: #449d44 !important; |
4809 } |
4930 border-color: #398439 !important; |
4810 .jqx-fill-state-pressed.jqx-success, |
4931 } |
4811 .jqx-success:active, |
4932 |
4812 .jqx-success.active { |
4933 .jqx-fill-state-pressed.jqx-success, |
4813 background-color: #398439 !important; |
4934 .jqx-success:active, |
4814 border-color: #255625 !important; |
4935 .jqx-success.active { |
4815 } |
4936 background-color: #398439 !important; |
4816 .jqx-notification-error, .jqx-danger |
4937 border-color: #255625 !important; |
4817 { |
4938 } |
4818 color: #ffffff !important; |
4939 |
4819 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4940 .jqx-notification-error, .jqx-danger { |
4820 background-color: #d9534f !important; |
4941 color: #ffffff !important; |
4821 *background-color: #d9534f !important; |
4942 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4943 background-color: #d9534f !important; |
|
4944 *background-color: #d9534f !important; |
4822 border-left-color: #d43f3a !important; |
4945 border-left-color: #d43f3a !important; |
4823 border-right-color: #d43f3a !important; |
4946 border-right-color: #d43f3a !important; |
4824 border-top-color: #d43f3a !important; |
4947 border-top-color: #d43f3a !important; |
4825 border-bottom-color: #d43f3a !important; |
4948 border-bottom-color: #d43f3a !important; |
4826 } |
4949 } |
4827 .jqx-danger:hover, |
4950 |
4828 .jqx-danger:focus, |
4951 .jqx-danger:hover, |
4829 .jqx-danger:active, |
4952 .jqx-danger:focus, |
4830 .jqx-danger.active, |
4953 .jqx-danger:active, |
4831 .jqx-danger.disabled, |
4954 .jqx-danger.active, |
4832 .jqx-danger[disabled] { |
4955 .jqx-danger.disabled, |
4833 color: #ffffff !important; |
4956 .jqx-danger[disabled] { |
4834 background-color: #c9302c !important; |
4957 color: #ffffff !important; |
4835 *background-color: #c9302c !important; |
4958 background-color: #c9302c !important; |
4836 border-color: #ac2925 !important; |
4959 *background-color: #c9302c !important; |
4837 } |
4960 border-color: #ac2925 !important; |
4838 |
4961 } |
4839 .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active, |
4962 |
4840 .jqx-danger.active { |
4963 .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active, |
4841 background-color: #ac2925 !important; |
4964 .jqx-danger.active { |
4842 border-color: #761c19 !important; |
4965 background-color: #ac2925 !important; |
4843 } |
4966 border-color: #761c19 !important; |
4844 .jqx-notification-mail, .jqx-primary |
4967 } |
4845 { |
4968 |
4846 color: #ffffff !important; |
4969 .jqx-notification-mail, .jqx-primary { |
4847 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4970 color: #ffffff !important; |
4848 background-color: #337ab7 !important; |
4971 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4849 *background-color: #337ab7 !important; |
4972 background-color: #337ab7 !important; |
|
4973 *background-color: #337ab7 !important; |
4850 border-left-color: #2e6da4 !important; |
4974 border-left-color: #2e6da4 !important; |
4851 border-right-color: #2e6da4 !important; |
4975 border-right-color: #2e6da4 !important; |
4852 border-top-color: #2e6da4 !important; |
4976 border-top-color: #2e6da4 !important; |
4853 border-bottom-color: #2e6da4 !important; |
4977 border-bottom-color: #2e6da4 !important; |
4854 } |
4978 } |
4855 .jqx-primary:hover, |
4979 |
4856 .jqx-primary:focus, |
4980 .jqx-primary:hover, |
4857 .jqx-primary:active, |
4981 .jqx-primary:focus, |
4858 .jqx-primary.active, |
4982 .jqx-primary:active, |
4859 .jqx-primary.disabled, |
4983 .jqx-primary.active, |
4860 .jqx-primary[disabled] { |
4984 .jqx-primary.disabled, |
4861 color: #ffffff !important; |
4985 .jqx-primary[disabled] { |
4862 background-color: #286090 !important; |
4986 color: #ffffff !important; |
4863 *background-color: #286090 !important; |
4987 background-color: #286090 !important; |
4864 } |
4988 *background-color: #286090 !important; |
4865 |
4989 } |
4866 .jqx-fill-state-pressed.jqx-primary, |
4990 |
4867 .jqx-primary:active, |
4991 .jqx-fill-state-pressed.jqx-primary, |
4868 .jqx-primary.active { |
4992 .jqx-primary:active, |
4869 background-color: #204d74 !important; |
4993 .jqx-primary.active { |
4870 } |
4994 background-color: #204d74 !important; |
4871 .jqx-notification-time, .jqx-inverse |
4995 } |
4872 { |
4996 |
4873 color: #ffffff !important; |
4997 .jqx-notification-time, .jqx-inverse { |
4874 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4998 color: #ffffff !important; |
4875 background-color: #363636 !important; |
4999 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4876 *background-color: #222222 !important; |
5000 background-color: #363636 !important; |
|
5001 *background-color: #222222 !important; |
4877 border-left-color: #222222 !important; |
5002 border-left-color: #222222 !important; |
4878 border-right-color: #222222 !important; |
5003 border-right-color: #222222 !important; |
4879 border-top-color: #222222 !important; |
5004 border-top-color: #222222 !important; |
4880 border-bottom-color: #000000 !important; |
5005 border-bottom-color: #000000 !important; |
4881 } |
5006 } |
4882 .jqx-inverse:hover, |
5007 |
4883 .jqx-inverse:focus, |
5008 .jqx-inverse:hover, |
4884 .jqx-inverse:active, |
5009 .jqx-inverse:focus, |
4885 .jqx-inverse.active, |
5010 .jqx-inverse:active, |
4886 .jqx-inverse.disabled, |
5011 .jqx-inverse.active, |
4887 .jqx-inverse[disabled] { |
5012 .jqx-inverse.disabled, |
4888 color: #ffffff !important; |
5013 .jqx-inverse[disabled] { |
4889 background-color: #222222 !important; |
5014 color: #ffffff !important; |
4890 *background-color: #151515 !important; |
5015 background-color: #222222 !important; |
4891 } |
5016 *background-color: #151515 !important; |
4892 |
5017 } |
4893 .jqx-fill-state-pressed.jqx-inverse, |
5018 |
4894 .jqx-inverse:active, |
5019 .jqx-fill-state-pressed.jqx-inverse, |
4895 .jqx-inverse.active { |
5020 .jqx-inverse:active, |
4896 background-color: #080808 !important; |
5021 .jqx-inverse.active { |
4897 background-image: linear-gradient(to bottom, #444444, #444444) !important; |
5022 background-color: #080808 !important; |
4898 } |
5023 background-image: linear-gradient(to bottom, #444444, #444444) !important; |
|
5024 } |
|
5025 |
4899 .jqx-link, |
5026 .jqx-link, |
4900 .jqx-link:active, |
5027 .jqx-link:active, |
4901 .jqx-link[disabled] { |
5028 .jqx-link[disabled] { |
4902 background-color: transparent !important; |
5029 background-color: transparent !important; |
4903 background-image: none !important; |
5030 background-image: none !important; |
4904 -webkit-box-shadow: none !important; |
5031 -webkit-box-shadow: none !important; |
4905 -moz-box-shadow: none !important; |
5032 -moz-box-shadow: none !important; |
4906 box-shadow: none !important; |
5033 box-shadow: none !important; |
4907 } |
5034 } |
4908 |
5035 |
4909 .jqx-link { |
5036 .jqx-link { |
4910 color: #0088cc !important; |
5037 color: #0088cc !important; |
4911 cursor: pointer !important; |
5038 cursor: pointer !important; |
4912 border-color: transparent !important; |
5039 border-color: transparent !important; |
4913 -webkit-border-radius: 0 !important; |
5040 -webkit-border-radius: 0 !important; |
4914 -moz-border-radius: 0 !important; |
5041 -moz-border-radius: 0 !important; |
4915 border-radius: 0 !important; |
5042 border-radius: 0 !important; |
4916 } |
5043 } |
4917 |
5044 |
4918 .jqx-link:hover, |
5045 .jqx-link:hover, |
4919 .jqx-link:focus { |
5046 .jqx-link:focus { |
4920 color: #005580 !important; |
5047 color: #005580 !important; |
4921 text-decoration: underline !important; |
5048 text-decoration: underline !important; |
4922 background-color: transparent !important; |
5049 background-color: transparent !important; |
4923 } |
5050 } |
4924 |
5051 |
4925 .jqx-link[disabled]:hover, |
5052 .jqx-link[disabled]:hover, |
4926 .jqx-link[disabled]:focus { |
5053 .jqx-link[disabled]:focus { |
4927 color: #333333 !important; |
5054 color: #333333 !important; |
4928 text-decoration: none !important; |
5055 text-decoration: none !important; |
4929 } |
5056 } |
4930 .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, |
5057 |
4931 .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { |
5058 .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, |
4932 background-position: 0 -15px !important; |
5059 .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { |
4933 -webkit-transition: background-position 0.1s linear !important; |
5060 background-position: 0 -15px !important; |
4934 -moz-transition: background-position 0.1s linear !important; |
5061 -webkit-transition: background-position 0.1s linear !important; |
4935 -o-transition: background-position 0.1s linear !important; |
5062 -moz-transition: background-position 0.1s linear !important; |
4936 transition: background-position 0.1s linear !important; |
5063 -o-transition: background-position 0.1s linear !important; |
4937 } |
5064 transition: background-position 0.1s linear !important; |
4938 .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { |
5065 } |
4939 background-image: none !important; |
5066 |
4940 outline: 0 !important; |
5067 .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { |
4941 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
5068 background-image: none !important; |
4942 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
5069 outline: 0 !important; |
4943 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
5070 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
4944 } |
5071 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
4945 .jqx-notification-icon |
5072 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
4946 { |
5073 } |
|
5074 |
|
5075 .jqx-notification-icon { |
4947 background-repeat: no-repeat; |
5076 background-repeat: no-repeat; |
4948 } |
5077 } |
4949 .jqx-notification-icon-ltr |
5078 |
4950 { |
5079 .jqx-notification-icon-ltr { |
4951 background-position: left center; |
5080 background-position: left center; |
4952 } |
5081 } |
4953 .jqx-notification-icon-rtl |
5082 |
4954 { |
5083 .jqx-notification-icon-rtl { |
4955 background-position: right center; |
5084 background-position: right center; |
4956 } |
5085 } |
4957 .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time |
5086 |
4958 { |
5087 .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time { |
4959 width: 30px; |
5088 width: 30px; |
4960 height: 25px; |
5089 height: 25px; |
4961 } |
5090 } |
4962 .jqx-notification-icon-info |
5091 |
4963 { |
5092 .jqx-notification-icon-info { |
4964 background-image: url('images/info.png'); |
5093 background-image: url('images/info.png'); |
4965 } |
5094 } |
4966 .jqx-notification-icon-warning |
5095 |
4967 { |
5096 .jqx-notification-icon-warning { |
4968 background-image: url('images/warning.png'); |
5097 background-image: url('images/warning.png'); |
4969 } |
5098 } |
4970 .jqx-notification-icon-success |
5099 |
4971 { |
5100 .jqx-notification-icon-success { |
4972 background-image: url('images/success.png'); |
5101 background-image: url('images/success.png'); |
4973 } |
5102 } |
4974 .jqx-notification-icon-error |
5103 |
4975 { |
5104 .jqx-notification-icon-error { |
4976 background-image: url('images/error.png'); |
5105 background-image: url('images/error.png'); |
4977 } |
5106 } |
4978 .jqx-notification-icon-mail |
5107 |
4979 { |
5108 .jqx-notification-icon-mail { |
4980 background-image: url('images/mail.png'); |
5109 background-image: url('images/mail.png'); |
4981 } |
5110 } |
4982 .jqx-notification-icon-time |
5111 |
4983 { |
5112 .jqx-notification-icon-time { |
4984 background-image: url('images/time.png'); |
5113 background-image: url('images/time.png'); |
4985 } |
5114 } |
4986 .jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error |
5115 |
4987 { |
5116 .jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error { |
4988 background-image: url('images/close_white.png'); |
5117 background-image: url('images/close_white.png'); |
4989 } |
5118 } |
4990 .jqx-notification-close-button-warning |
5119 |
4991 { |
5120 .jqx-notification-close-button-warning { |
4992 background-image: url('images/close_black.png'); |
5121 background-image: url('images/close_black.png'); |
4993 } |
5122 } |
4994 .jqx-notification-close-button-container, .jqx-notification-close-button |
5123 |
4995 { |
5124 .jqx-notification-close-button-container, .jqx-notification-close-button { |
4996 width: 16px; |
5125 width: 16px; |
4997 height: 16px; |
5126 height: 16px; |
4998 } |
5127 } |
4999 .jqx-notification-close-button-container |
5128 |
5000 { |
5129 .jqx-notification-close-button-container { |
5001 vertical-align: top; |
5130 vertical-align: top; |
5002 } |
5131 } |
5003 .jqx-notification-close-button |
5132 |
5004 { |
5133 .jqx-notification-close-button { |
5005 position: relative; |
5134 position: relative; |
5006 top: -11px; |
5135 top: -11px; |
5007 background-repeat: no-repeat; |
5136 background-repeat: no-repeat; |
5008 cursor: pointer; |
5137 cursor: pointer; |
5009 } |
5138 } |
5010 .jqx-notification-close-button-ltr |
5139 |
5011 { |
5140 .jqx-notification-close-button-ltr { |
5012 right: -11px; |
5141 right: -11px; |
5013 background-position: right top; |
5142 background-position: right top; |
5014 } |
5143 } |
5015 .jqx-notification-close-button-rtl |
5144 |
5016 { |
5145 .jqx-notification-close-button-rtl { |
5017 left: -11px; |
5146 left: -11px; |
5018 background-position: left top; |
5147 background-position: left top; |
5019 } |
5148 } |
|
5149 |
5020 .jqx-navbar { |
5150 .jqx-navbar { |
5021 width: 100%; |
5151 width: 100%; |
5022 border-style: solid; |
5152 border-style: solid; |
5023 border-width: 1px; |
5153 border-width: 1px; |
5024 } |
5154 } |
5025 .jqx-navbar ul:before, |
5155 |
5026 .jqx-navbar ul:after { |
5156 .jqx-navbar ul:before, |
5027 content: ""; |
5157 .jqx-navbar ul:after { |
5028 display: table; |
5158 content: ""; |
5029 } |
5159 display: table; |
5030 .jqx-navbar ul:after { |
5160 } |
5031 clear: both; |
5161 |
5032 } |
5162 .jqx-navbar ul:after { |
5033 .jqx-navbar ul { |
5163 clear: both; |
5034 list-style: none; |
5164 } |
5035 margin: 0; |
5165 |
5036 padding: 0; |
5166 .jqx-navbar ul { |
5037 position: relative; |
5167 list-style: none; |
5038 display: block; |
5168 margin: 0; |
5039 border: 0; |
5169 padding: 0; |
5040 max-width: 100%; |
5170 position: relative; |
5041 overflow: visible; |
5171 display: block; |
5042 } |
5172 border: 0; |
|
5173 max-width: 100%; |
|
5174 overflow: visible; |
|
5175 } |
|
5176 |
5043 .jqx-navbar-block { |
5177 .jqx-navbar-block { |
5044 margin: 0; |
5178 margin: 0; |
5045 overflow:hidden; |
5179 overflow: hidden; |
5046 padding: 0px 12px; |
5180 padding: 0px 12px; |
5047 border-width:0px; |
5181 border-width: 0px; |
5048 float: left; |
5182 float: left; |
5049 min-height: 1px; |
5183 min-height: 1px; |
5050 -webkit-box-sizing: border-box; |
5184 -webkit-box-sizing: border-box; |
5051 -moz-box-sizing: border-box; |
5185 -moz-box-sizing: border-box; |
5052 box-sizing: border-box; |
5186 box-sizing: border-box; |
5053 box-shadow: none !important; |
5187 box-shadow: none !important; |
5054 border-radius: 0px !important; |
5188 border-radius: 0px !important; |
5055 } |
5189 } |
|
5190 |
5056 .jqx-navbar-block-rtl { |
5191 .jqx-navbar-block-rtl { |
5057 float:right; |
5192 float: right; |
5058 } |
5193 } |
5059 .jqx-ribbon |
5194 |
5060 { |
5195 .jqx-ribbon { |
5061 position: relative; |
5196 position: relative; |
5062 overflow: hidden; |
5197 overflow: hidden; |
5063 } |
5198 } |
5064 .jqx-ribbon-auto |
5199 |
5065 { |
5200 .jqx-ribbon-auto { |
5066 display: inline-block; |
5201 display: inline-block; |
5067 } |
5202 } |
5068 .jqx-ribbon-popup |
5203 |
5069 { |
5204 .jqx-ribbon-popup { |
5070 overflow: visible; |
5205 overflow: visible; |
5071 } |
5206 } |
5072 .jqx-ribbon-header |
5207 |
5073 { |
5208 .jqx-ribbon-header { |
5074 position: absolute; |
5209 position: absolute; |
5075 margin: 0; |
5210 margin: 0; |
5076 border-width: 1px; |
5211 border-width: 1px; |
5077 border-style: solid; |
5212 border-style: solid; |
5078 box-sizing: border-box; |
5213 box-sizing: border-box; |
5079 overflow: hidden; |
5214 overflow: hidden; |
5080 float: left; |
5215 float: left; |
5081 display: block; |
5216 display: block; |
5082 box-shadow: none !important; |
5217 box-shadow: none !important; |
5083 } |
5218 } |
5084 .jqx-ribbon-header-auto |
5219 |
5085 { |
5220 .jqx-ribbon-header-auto { |
5086 position: relative; |
5221 position: relative; |
5087 } |
5222 } |
5088 .jqx-ribbon-header-horizontal |
5223 |
5089 { |
5224 .jqx-ribbon-header-horizontal { |
5090 width: 100%; |
5225 width: 100%; |
5091 min-height: 30px; |
5226 min-height: 30px; |
5092 padding: 0px; |
5227 padding: 0px; |
5093 white-space: nowrap; |
5228 white-space: nowrap; |
5094 } |
5229 } |
5095 .jqx-ribbon-header-bottom |
5230 |
5096 { |
5231 .jqx-ribbon-header-bottom { |
5097 bottom: 0; |
5232 bottom: 0; |
5098 } |
5233 } |
5099 .jqx-ribbon-header-vertical |
5234 |
5100 { |
5235 .jqx-ribbon-header-vertical { |
5101 min-width: 75px; |
5236 min-width: 75px; |
5102 height: 100%; |
5237 height: 100%; |
5103 float: left; |
5238 float: left; |
5104 padding: 0px; |
5239 padding: 0px; |
5105 } |
5240 } |
5106 .jqx-ribbon-header-right |
5241 |
5107 { |
5242 .jqx-ribbon-header-right { |
5108 right: 0; |
5243 right: 0; |
5109 } |
5244 } |
5110 .jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup |
5245 |
5111 { |
5246 .jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup { |
5112 position: relative; |
5247 position: relative; |
5113 } |
5248 } |
5114 .jqx-ribbon-header-horizontal-popup |
5249 |
5115 { |
5250 .jqx-ribbon-header-horizontal-popup { |
5116 height:100%; |
5251 height: 100%; |
5117 } |
5252 } |
5118 .jqx-ribbon-header-vertical-popup |
5253 |
5119 { |
5254 .jqx-ribbon-header-vertical-popup { |
5120 width: 100%; |
5255 width: 100%; |
5121 } |
5256 } |
5122 .jqx-ribbon-item |
5257 |
5123 { |
5258 .jqx-ribbon-item { |
5124 position: relative; |
5259 position: relative; |
5125 list-style-type: none; |
5260 list-style-type: none; |
5126 padding: 5px; |
5261 padding: 5px; |
5127 border: 1px solid transparent; |
5262 border: 1px solid transparent; |
5128 box-sizing: border-box; |
5263 box-sizing: border-box; |
5129 text-overflow: ellipsis; |
5264 text-overflow: ellipsis; |
5130 cursor: default; |
5265 cursor: default; |
5131 min-width: 10px; |
5266 min-width: 10px; |
5132 vertical-align: top; |
5267 vertical-align: top; |
5133 } |
5268 } |
5134 .jqx-ribbon-item-top, .jqx-ribbon-item-bottom |
5269 |
5135 { |
5270 .jqx-ribbon-item-top, .jqx-ribbon-item-bottom { |
5136 height: 100%; |
5271 height: 100%; |
5137 display: inline-block; |
5272 display: inline-block; |
5138 margin-left: 1px; |
5273 margin-left: 1px; |
5139 margin-right: 1px; |
5274 margin-right: 1px; |
5140 } |
5275 } |
5141 .jqx-ribbon-item-top |
5276 |
5142 { |
5277 .jqx-ribbon-item-top { |
5143 margin-top: 1px; |
5278 margin-top: 1px; |
5144 } |
5279 } |
5145 .jqx-ribbon-item-bottom |
5280 |
5146 { |
5281 .jqx-ribbon-item-bottom { |
5147 margin-top: -1px; |
5282 margin-top: -1px; |
5148 } |
5283 } |
5149 .jqx-ribbon-item-left, .jqx-ribbon-item-right |
5284 |
5150 { |
5285 .jqx-ribbon-item-left, .jqx-ribbon-item-right { |
5151 width: 100%; |
5286 width: 100%; |
5152 margin-top: 2px; |
5287 margin-top: 2px; |
5153 } |
5288 } |
5154 .jqx-ribbon-item-left |
5289 |
5155 { |
5290 .jqx-ribbon-item-left { |
5156 margin-left: 1px; |
5291 margin-left: 1px; |
5157 } |
5292 } |
5158 .jqx-ribbon-item-right |
5293 |
5159 { |
5294 .jqx-ribbon-item-right { |
5160 margin-left: -1px; |
5295 margin-left: -1px; |
5161 } |
5296 } |
5162 .jqx-ribbon-item-hover |
5297 |
5163 { |
5298 .jqx-ribbon-item-hover { |
5164 border-color: inherit; |
5299 border-color: inherit; |
5165 } |
5300 } |
5166 .jqx-ribbon-item-top.jqx-ribbon-item-hover |
5301 |
5167 { |
5302 .jqx-ribbon-item-top.jqx-ribbon-item-hover { |
5168 border-bottom-color: inherit !important; |
5303 border-bottom-color: inherit !important; |
5169 } |
5304 } |
5170 .jqx-ribbon-item-bottom.jqx-ribbon-item-hover |
5305 |
5171 { |
5306 .jqx-ribbon-item-bottom.jqx-ribbon-item-hover { |
5172 border-top-color: inherit !important; |
5307 border-top-color: inherit !important; |
5173 } |
5308 } |
5174 .jqx-ribbon-item-left.jqx-ribbon-item-hover |
5309 |
5175 { |
5310 .jqx-ribbon-item-left.jqx-ribbon-item-hover { |
5176 border-right-color: inherit !important; |
5311 border-right-color: inherit !important; |
5177 } |
5312 } |
5178 .jqx-ribbon-item-right.jqx-ribbon-item-hover |
5313 |
5179 { |
5314 .jqx-ribbon-item-right.jqx-ribbon-item-hover { |
5180 border-left-color: inherit !important; |
5315 border-left-color: inherit !important; |
5181 } |
5316 } |
5182 .jqx-ribbon-item-selected |
5317 |
5183 { |
5318 .jqx-ribbon-item-selected { |
5184 border-color: inherit; |
5319 border-color: inherit; |
5185 } |
5320 } |
5186 .jqx-ribbon-item-top.jqx-ribbon-item-selected |
5321 |
5187 { |
5322 .jqx-ribbon-item-top.jqx-ribbon-item-selected { |
5188 border-bottom-color: transparent; |
5323 border-bottom-color: transparent; |
5189 } |
5324 } |
5190 .jqx-ribbon-item-bottom.jqx-ribbon-item-selected |
5325 |
5191 { |
5326 .jqx-ribbon-item-bottom.jqx-ribbon-item-selected { |
5192 border-top-color: transparent; |
5327 border-top-color: transparent; |
5193 } |
5328 } |
5194 .jqx-ribbon-item-left.jqx-ribbon-item-selected |
5329 |
5195 { |
5330 .jqx-ribbon-item-left.jqx-ribbon-item-selected { |
5196 border-right-color: transparent; |
5331 border-right-color: transparent; |
5197 } |
5332 } |
5198 .jqx-ribbon-item-right.jqx-ribbon-item-selected |
5333 |
5199 { |
5334 .jqx-ribbon-item-right.jqx-ribbon-item-selected { |
5200 border-left-color:transparent; |
5335 border-left-color: transparent; |
5201 } |
5336 } |
5202 .jqx-ribbon-content |
5337 |
5203 { |
5338 .jqx-ribbon-content { |
5204 background-image: none !important; |
5339 background-image: none !important; |
5205 background-color: transparent !important; |
5340 background-color: transparent !important; |
5206 box-sizing: border-box; |
5341 box-sizing: border-box; |
5207 } |
5342 } |
5208 .jqx-ribbon-content-horizontal |
5343 |
5209 { |
5344 .jqx-ribbon-content-horizontal { |
5210 clear: both; |
5345 clear: both; |
5211 height: 100%; |
5346 height: 100%; |
5212 } |
5347 } |
5213 .jqx-ribbon-content-vertical |
5348 |
5214 { |
5349 .jqx-ribbon-content-vertical { |
5215 height: 100%; |
5350 height: 100%; |
5216 width: 100%; |
5351 width: 100%; |
5217 float: left; |
5352 float: left; |
5218 border-width: 1px; |
5353 border-width: 1px; |
5219 } |
5354 } |
5220 .jqx-ribbon-content-popup |
5355 |
5221 { |
5356 .jqx-ribbon-content-popup { |
5222 z-index:99999; |
5357 z-index: 99999; |
5223 position: absolute; |
5358 position: absolute; |
5224 border-left: none; |
5359 border-left: none; |
5225 } |
5360 } |
5226 .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal |
5361 |
5227 { |
5362 .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal { |
5228 width: 100%; |
5363 width: 100%; |
5229 height: auto; |
5364 height: auto; |
5230 } |
5365 } |
5231 .jqx-ribbon-content-popup.jqx-ribbon-content-vertical |
5366 |
5232 { |
5367 .jqx-ribbon-content-popup.jqx-ribbon-content-vertical { |
5233 width: auto; |
5368 width: auto; |
5234 height: 100%; |
5369 height: 100%; |
5235 } |
5370 } |
|
5371 |
5236 .jqx-ribbon-content-popup-top { |
5372 .jqx-ribbon-content-popup-top { |
5237 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5373 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5238 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5374 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5239 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5375 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5240 } |
5376 } |
|
5377 |
5241 .jqx-ribbon-content-popup-bottom { |
5378 .jqx-ribbon-content-popup-bottom { |
5242 -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5379 -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5243 -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5380 -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5244 box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5381 box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5245 } |
5382 } |
|
5383 |
5246 .jqx-ribbon-content-popup-left { |
5384 .jqx-ribbon-content-popup-left { |
5247 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5385 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5248 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5386 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5249 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5387 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5250 } |
5388 } |
|
5389 |
5251 .jqx-ribbon-content-popup-right { |
5390 .jqx-ribbon-content-popup-right { |
5252 -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
5391 -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
5253 box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
5392 box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
5254 } |
5393 } |
5255 |
5394 |
5256 .jqx-ribbon-content-auto-width |
5395 .jqx-ribbon-content-auto-width { |
5257 { |
|
5258 width: auto; |
5396 width: auto; |
5259 } |
5397 } |
5260 .jqx-ribbon-content-section |
5398 |
5261 { |
5399 .jqx-ribbon-content-section { |
5262 width: 100%; |
5400 width: 100%; |
5263 height: 100%; |
5401 height: 100%; |
5264 display: none; |
5402 display: none; |
5265 border-width: 1px; |
5403 border-width: 1px; |
5266 border-style: solid; |
5404 border-style: solid; |
5267 box-sizing: inherit; |
5405 box-sizing: inherit; |
5268 overflow: auto; |
5406 overflow: auto; |
5269 } |
5407 } |
5270 .jqx-ribbon-content-section-top |
5408 |
5271 { |
5409 .jqx-ribbon-content-section-top { |
5272 border-top: none; |
5410 border-top: none; |
5273 } |
5411 } |
5274 .jqx-ribbon-content-section-bottom |
5412 |
5275 { |
5413 .jqx-ribbon-content-section-bottom { |
5276 bottom: 0; |
5414 bottom: 0; |
5277 border-bottom: none; |
5415 border-bottom: none; |
5278 } |
5416 } |
5279 .jqx-ribbon-content-section-left |
5417 |
5280 { |
5418 .jqx-ribbon-content-section-left { |
5281 border-left: none; |
5419 border-left: none; |
5282 } |
5420 } |
5283 .jqx-ribbon-content-section-right |
5421 |
5284 { |
5422 .jqx-ribbon-content-section-right { |
5285 border-right: none; |
5423 border-right: none; |
5286 right: 0; |
5424 right: 0; |
5287 } |
5425 } |
5288 .jqx-ribbon-content-section-popup |
5426 |
5289 { |
5427 .jqx-ribbon-content-section-popup { |
5290 position: relative; |
5428 position: relative; |
5291 } |
5429 } |
5292 .jqx-ribbon-content-section-horizontal-popup |
5430 |
5293 { |
5431 .jqx-ribbon-content-section-horizontal-popup { |
5294 height: auto; |
5432 height: auto; |
5295 } |
5433 } |
5296 .jqx-ribbon-content-section-vertical-popup |
5434 |
5297 { |
5435 .jqx-ribbon-content-section-vertical-popup { |
5298 width: auto; |
5436 width: auto; |
5299 } |
5437 } |
5300 .jqx-ribbon-header-rtl |
5438 |
5301 { |
5439 .jqx-ribbon-header-rtl { |
5302 text-align: right; |
5440 text-align: right; |
5303 } |
5441 } |
5304 .jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl |
5442 |
5305 { |
5443 .jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl { |
5306 direction: rtl; |
5444 direction: rtl; |
5307 } |
5445 } |
5308 .jqx-ribbon-item-rtl |
5446 |
5309 { |
5447 .jqx-ribbon-item-rtl { |
5310 direction: rtl; |
5448 direction: rtl; |
5311 } |
5449 } |
5312 .jqx-ribbon-scrollbutton |
5450 |
5313 { |
5451 .jqx-ribbon-scrollbutton { |
5314 position: absolute; |
5452 position: absolute; |
5315 display: none; |
5453 display: none; |
5316 box-sizing: border-box; |
5454 box-sizing: border-box; |
5317 cursor: pointer; |
5455 cursor: pointer; |
5318 background-repeat: no-repeat !important; |
5456 background-repeat: no-repeat !important; |
5319 background-position: center !important; |
5457 background-position: center !important; |
5320 z-index: 0; |
5458 z-index: 0; |
5321 } |
5459 } |
5322 .jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom |
5460 |
5323 { |
5461 .jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom { |
5324 width: 17px; |
5462 width: 17px; |
5325 } |
5463 } |
5326 .jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right |
5464 |
5327 { |
5465 .jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right { |
5328 height: 17px; |
5466 height: 17px; |
5329 } |
5467 } |
5330 .jqx-ribbon-scrollbutton-top |
5468 |
5331 { |
5469 .jqx-ribbon-scrollbutton-top { |
5332 top: 1px; |
5470 top: 1px; |
5333 border-bottom-width: 1px; |
5471 border-bottom-width: 1px; |
5334 border-bottom-style: solid; |
5472 border-bottom-style: solid; |
5335 } |
5473 } |
5336 .jqx-ribbon-scrollbutton-bottom |
5474 |
5337 { |
5475 .jqx-ribbon-scrollbutton-bottom { |
5338 bottom: 1px; |
5476 bottom: 1px; |
5339 border-top-width: 1px; |
5477 border-top-width: 1px; |
5340 border-top-style: solid; |
5478 border-top-style: solid; |
5341 } |
5479 } |
5342 .jqx-ribbon-scrollbutton-left |
5480 |
5343 { |
5481 .jqx-ribbon-scrollbutton-left { |
5344 left: 1px; |
5482 left: 1px; |
5345 border-right-width: 1px; |
5483 border-right-width: 1px; |
5346 border-right-style: solid; |
5484 border-right-style: solid; |
5347 } |
5485 } |
5348 .jqx-ribbon-scrollbutton-right |
5486 |
5349 { |
5487 .jqx-ribbon-scrollbutton-right { |
5350 right: 1px; |
5488 right: 1px; |
5351 border-left-width: 1px; |
5489 border-left-width: 1px; |
5352 border-left-style: solid; |
5490 border-left-style: solid; |
5353 } |
5491 } |
5354 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near |
5492 |
5355 { |
5493 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near { |
5356 left: 1px; |
5494 left: 1px; |
5357 border-right-width: 1px; |
5495 border-right-width: 1px; |
5358 border-right-style: solid; |
5496 border-right-style: solid; |
5359 } |
5497 } |
5360 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far |
5498 |
5361 { |
5499 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far { |
5362 right: 18px; |
5500 right: 18px; |
5363 border-left-width: 1px; |
5501 border-left-width: 1px; |
5364 border-left-style: solid; |
5502 border-left-style: solid; |
5365 } |
5503 } |
5366 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far |
5504 |
5367 { |
5505 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far { |
5368 right: 1px; |
5506 right: 1px; |
5369 border-left-width: 1px; |
5507 border-left-width: 1px; |
5370 border-left-style: solid; |
5508 border-left-style: solid; |
5371 } |
5509 } |
5372 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near |
5510 |
5373 { |
5511 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near { |
5374 left: 18px; |
5512 left: 18px; |
5375 border-right-width: 1px; |
5513 border-right-width: 1px; |
5376 border-right-style: solid; |
5514 border-right-style: solid; |
5377 } |
5515 } |
5378 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near |
5516 |
5379 { |
5517 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near { |
5380 top: 1px; |
5518 top: 1px; |
5381 border-bottom-width: 1px; |
5519 border-bottom-width: 1px; |
5382 border-bottom-style: solid; |
5520 border-bottom-style: solid; |
5383 } |
5521 } |
5384 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far |
5522 |
5385 { |
5523 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far { |
5386 bottom: 18px; |
5524 bottom: 18px; |
5387 border-top-width: 1px; |
5525 border-top-width: 1px; |
5388 border-top-style: solid; |
5526 border-top-style: solid; |
5389 } |
5527 } |
5390 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far |
5528 |
5391 { |
5529 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far { |
5392 bottom: 1px; |
5530 bottom: 1px; |
5393 border-top-width: 1px; |
5531 border-top-width: 1px; |
5394 border-top-style: solid; |
5532 border-top-style: solid; |
5395 } |
5533 } |
5396 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near |
5534 |
5397 { |
5535 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near { |
5398 top: 18px; |
5536 top: 18px; |
5399 border-bottom-width: 1px; |
5537 border-bottom-width: 1px; |
5400 border-bottom-style: solid; |
5538 border-bottom-style: solid; |
5401 } |
5539 } |
5402 .jqx-ribbon-scrollbutton-inner |
5540 |
5403 { |
5541 .jqx-ribbon-scrollbutton-inner { |
5404 width: 100%; |
5542 width: 100%; |
5405 height: 100%; |
5543 height: 100%; |
5406 background-repeat: no-repeat; |
5544 background-repeat: no-repeat; |
5407 background-position: center; |
5545 background-position: center; |
5408 } |
5546 } |
5409 .jqx-ribbon-selection-token |
5547 |
5410 { |
5548 .jqx-ribbon-selection-token { |
5411 position: absolute; |
5549 position: absolute; |
5412 z-index: 0; |
5550 z-index: 0; |
5413 } |
5551 } |
5414 .jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom |
5552 |
5415 { |
5553 .jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom { |
5416 height: 1px; |
5554 height: 1px; |
5417 } |
5555 } |
5418 .jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right |
5556 |
5419 { |
5557 .jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right { |
5420 width: 1px; |
5558 width: 1px; |
5421 } |
5559 } |
5422 .jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content |
5560 |
5423 { |
5561 .jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content { |
5424 *display: inline; |
5562 *display: inline; |
5425 } |
5563 } |
5426 .jqx-ribbon-content-left |
5564 |
5427 { |
5565 .jqx-ribbon-content-left { |
5428 *float: none; |
5566 *float: none; |
5429 } |
5567 } |
5430 .jqx-ribbon-content-right |
5568 |
5431 { |
5569 .jqx-ribbon-content-right { |
5432 *float: left; |
5570 *float: left; |
5433 } |
5571 } |
5434 .jqx-ribbon-content.jqx-ribbon-content-popup |
5572 |
5435 { |
5573 .jqx-ribbon-content.jqx-ribbon-content-popup { |
5436 *left: 0; |
5574 *left: 0; |
5437 } |
5575 } |
5438 .jqx-ribbon-content-popup .jqx-ribbon-content-section |
5576 |
5439 { |
5577 .jqx-ribbon-content-popup .jqx-ribbon-content-section { |
5440 *overflow: visible; |
5578 *overflow: visible; |
5441 } |
5579 } |
5442 .jqx-ribbon-content-section-popup |
5580 |
5443 { |
5581 .jqx-ribbon-content-section-popup { |
5444 *position: absolute; |
5582 *position: absolute; |
5445 } |
5583 } |
5446 .jqx-toolbar, .jqx-toolbar-minimized-popup-separator |
5584 |
5447 { |
5585 .jqx-toolbar, .jqx-toolbar-minimized-popup-separator { |
5448 box-sizing: border-box; |
5586 box-sizing: border-box; |
5449 } |
5587 } |
5450 .jqx-toolbar, .jqx-toolbar-minimized-popup |
5588 |
5451 { |
5589 .jqx-toolbar, .jqx-toolbar-minimized-popup { |
5452 padding: 5px; |
5590 padding: 5px; |
5453 } |
5591 } |
5454 .jqx-toolbar |
5592 |
5455 { |
5593 .jqx-toolbar { |
5456 position: relative; |
5594 position: relative; |
5457 border-width: 1px; |
5595 border-width: 1px; |
5458 border-style: solid; |
5596 border-style: solid; |
5459 overflow: hidden; |
5597 overflow: hidden; |
5460 } |
5598 } |
5461 .jqx-toolbar-tool |
5599 |
5462 { |
5600 .jqx-toolbar-tool { |
5463 float: left; |
5601 float: left; |
5464 margin-top: 0; |
5602 margin-top: 0; |
5465 margin-bottom: 0; |
5603 margin-bottom: 0; |
5466 } |
5604 } |
5467 .jqx-toolbar-tool-rtl |
5605 |
5468 { |
5606 .jqx-toolbar-tool-rtl { |
5469 float: right; |
5607 float: right; |
5470 } |
5608 } |
5471 .jqx-toolbar-tool-no-separator-ltr |
5609 |
5472 { |
5610 .jqx-toolbar-tool-no-separator-ltr { |
5473 margin-right: 2px !important; |
5611 margin-right: 2px !important; |
5474 } |
5612 } |
5475 .jqx-toolbar-tool-no-separator-rtl |
5613 |
5476 { |
5614 .jqx-toolbar-tool-no-separator-rtl { |
5477 margin-left: 2px !important; |
5615 margin-left: 2px !important; |
5478 } |
5616 } |
5479 .jqx-toolbar-tool-separator-ltr |
5617 |
5480 { |
5618 .jqx-toolbar-tool-separator-ltr { |
5481 margin-right: 6px !important; |
5619 margin-right: 6px !important; |
5482 } |
5620 } |
5483 .jqx-toolbar-tool-separator-rtl |
5621 |
5484 { |
5622 .jqx-toolbar-tool-separator-rtl { |
5485 margin-left: 6px !important; |
5623 margin-left: 6px !important; |
5486 } |
5624 } |
5487 .jqx-toolbar-tool-inner-button |
5625 |
5488 { |
5626 .jqx-toolbar-tool-inner-button { |
5489 margin-right: 0; |
5627 margin-right: 0; |
5490 margin-left: 0; |
5628 margin-left: 0; |
5491 border-radius: 0 !important; |
5629 border-radius: 0 !important; |
5492 } |
5630 } |
5493 .jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup |
5631 |
5494 { |
5632 .jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup { |
5495 position: absolute; |
5633 position: absolute; |
5496 } |
5634 } |
5497 .jqx-toolbar-minimized-button |
5635 |
5498 { |
5636 .jqx-toolbar-minimized-button { |
5499 height: 100%; |
5637 height: 100%; |
5500 right: 0; |
5638 right: 0; |
5501 cursor: pointer; |
5639 cursor: pointer; |
5502 margin-top: -5px; |
5640 margin-top: -5px; |
5503 margin-right: 5px; |
5641 margin-right: 5px; |
5504 display: none; |
5642 display: none; |
5505 } |
5643 } |
5506 .jqx-toolbar-minimized-button-rtl |
5644 |
5507 { |
5645 .jqx-toolbar-minimized-button-rtl { |
5508 left: 0; |
5646 left: 0; |
5509 margin-left: 5px; |
5647 margin-left: 5px; |
5510 margin-right: 0; |
5648 margin-right: 0; |
5511 } |
5649 } |
5512 .jqx-toolbar-minimized-popup |
5650 |
5513 { |
5651 .jqx-toolbar-minimized-popup { |
5514 border-width: 1px; |
5652 border-width: 1px; |
5515 border-top-width: 0; |
5653 border-top-width: 0; |
5516 border-style: solid; |
5654 border-style: solid; |
5517 visibility: hidden; |
5655 visibility: hidden; |
5518 z-index: 99999; |
5656 z-index: 99999; |
5519 } |
5657 } |
5520 .jqx-toolbar-tool-minimized |
5658 |
5521 { |
5659 .jqx-toolbar-tool-minimized { |
5522 margin: 1px 0 !important; |
5660 margin: 1px 0 !important; |
5523 } |
5661 } |
5524 .jqx-toolbar-minimized-popup-separator |
5662 |
5525 { |
5663 .jqx-toolbar-minimized-popup-separator { |
5526 width: 100%; |
5664 width: 100%; |
5527 height: 2px; |
5665 height: 2px; |
5528 margin: 5px 0; |
5666 margin: 5px 0; |
5529 display: none; |
5667 display: none; |
5530 } |
5668 } |
5531 .jqx-complex-input-spin-buttons-container |
5669 |
5532 { |
5670 .jqx-complex-input-spin-buttons-container { |
5533 border-width: 1px; |
5671 border-width: 1px; |
5534 border-style: solid; |
5672 border-style: solid; |
5535 position: relative; |
5673 position: relative; |
5536 -webkit-box-sizing: border-box !important; |
5674 -webkit-box-sizing: border-box !important; |
5537 -moz-box-sizing: border-box !important; |
5675 -moz-box-sizing: border-box !important; |
5538 box-sizing: border-box !important; |
5676 box-sizing: border-box !important; |
5539 padding: 2px 8px !important; |
5677 padding: 2px 8px !important; |
5540 white-space: nowrap; |
5678 white-space: nowrap; |
5541 vertical-align: middle; |
5679 vertical-align: middle; |
5542 } |
5680 } |
5543 .jqx-formatted-input, .jqx-complex-input |
5681 |
5544 { |
5682 .jqx-formatted-input, .jqx-complex-input { |
5545 padding-right: 2px !important; |
5683 padding-right: 2px !important; |
5546 text-align: right; |
5684 text-align: right; |
5547 } |
5685 } |
5548 .jqx-formatted-input-lower-case, .jqx-complex-input |
5686 |
5549 { |
5687 .jqx-formatted-input-lower-case, .jqx-complex-input { |
5550 text-transform: lowercase; |
5688 text-transform: lowercase; |
5551 } |
5689 } |
5552 .jqx-formatted-input-upper-case |
5690 |
5553 { |
5691 .jqx-formatted-input-upper-case { |
5554 text-transform: uppercase; |
5692 text-transform: uppercase; |
5555 } |
5693 } |
5556 .jqx-formatted-input-item |
5694 |
5557 { |
5695 .jqx-formatted-input-item { |
5558 word-wrap: break-word; |
5696 word-wrap: break-word; |
5559 } |
5697 } |
5560 .jqx-formatted-input-item-rtl, .jqx-complex-input-rtl |
5698 |
5561 { |
5699 .jqx-formatted-input-item-rtl, .jqx-complex-input-rtl { |
5562 direction: rtl !important; |
5700 direction: rtl !important; |
5563 } |
5701 } |
5564 .jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon |
5702 |
5565 { |
5703 .jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon { |
5566 height: 100%; |
5704 height: 100%; |
5567 } |
5705 } |
5568 .jqx-formatted-input-spin-buttons-container |
5706 |
5569 { |
5707 .jqx-formatted-input-spin-buttons-container { |
5570 width: 18px; |
5708 width: 18px; |
5571 padding: 0 0 0 1px !important; |
5709 padding: 0 0 0 1px !important; |
5572 overflow: hidden; |
5710 overflow: hidden; |
5573 } |
5711 } |
5574 .jqx-formatted-input-spin-buttons-container-rtl |
5712 |
5575 { |
5713 .jqx-formatted-input-spin-buttons-container-rtl { |
5576 border-right-width: 0px; |
5714 border-right-width: 0px; |
5577 padding: 0 0 0 2px !important; |
5715 padding: 0 0 0 2px !important; |
5578 } |
5716 } |
5579 .jqx-formatted-input-spin-buttons-container-rtl-border |
5717 |
5580 { |
5718 .jqx-formatted-input-spin-buttons-container-rtl-border { |
5581 border-left-width: 1px !important; |
5719 border-left-width: 1px !important; |
5582 } |
5720 } |
5583 .jqx-formatted-input-spin-button |
5721 |
5584 { |
5722 .jqx-formatted-input-spin-button { |
5585 position: relative; |
5723 position: relative; |
5586 width: 17px; |
5724 width: 17px; |
5587 height: 50%; |
5725 height: 50%; |
5588 margin-left: -1px; |
5726 margin-left: -1px; |
5589 border-width: 0px; |
5727 border-width: 0px; |
5590 padding: 0px; |
5728 padding: 0px; |
5591 overflow: hidden; |
5729 overflow: hidden; |
5592 cursor: pointer; |
5730 cursor: pointer; |
5593 } |
5731 } |
5594 .jqx-formatted-input-addon |
5732 |
5595 { |
5733 .jqx-formatted-input-addon { |
5596 width: 19px; |
5734 width: 19px; |
5597 padding: 0 !important; |
5735 padding: 0 !important; |
5598 cursor: pointer; |
5736 cursor: pointer; |
5599 } |
5737 } |
5600 .jqx-formatted-input-addon-rtl |
5738 |
5601 { |
5739 .jqx-formatted-input-addon-rtl { |
5602 border-right-width: 1px !important; |
5740 border-right-width: 1px !important; |
5603 } |
5741 } |
5604 .jqx-complex-input-parent |
5742 |
5605 { |
5743 .jqx-complex-input-parent { |
5606 overflow: hidden; |
5744 overflow: hidden; |
5607 } |
5745 } |
5608 .jqx-complex-input-child |
5746 |
5609 { |
5747 .jqx-complex-input-child { |
5610 height: 100%; |
5748 height: 100%; |
5611 float: left; |
5749 float: left; |
5612 box-sizing: border-box; |
5750 box-sizing: border-box; |
5613 } |
5751 } |
5614 .jqx-complex-input-child-rtl |
5752 |
5615 { |
5753 .jqx-complex-input-child-rtl { |
5616 float: right; |
5754 float: right; |
5617 } |
5755 } |
5618 .jqx-complex-input-spin-buttons-container-ltr |
5756 |
5619 { |
5757 .jqx-complex-input-spin-buttons-container-ltr { |
5620 border-left-width: 0; |
5758 border-left-width: 0; |
5621 } |
5759 } |
5622 .jqx-complex-input-spin-buttons-container-rtl |
5760 |
5623 { |
5761 .jqx-complex-input-spin-buttons-container-rtl { |
5624 border-left-width: 1px !important; |
5762 border-left-width: 1px !important; |
5625 border-right-width: 0; |
5763 border-right-width: 0; |
5626 } |
5764 } |
5627 .jqx-file-upload |
5765 |
5628 { |
5766 .jqx-file-upload { |
5629 position: relative; |
5767 position: relative; |
5630 overflow: auto; |
5768 overflow: auto; |
5631 } |
5769 } |
5632 .jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload |
5770 |
5633 { |
5771 .jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { |
5634 border-width: 1px; |
5772 border-width: 1px; |
5635 border-style: solid; |
5773 border-style: solid; |
5636 box-sizing: border-box; |
5774 box-sizing: border-box; |
5637 } |
5775 } |
5638 .jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element |
5776 |
5639 { |
5777 .jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element { |
5640 display: none; |
5778 display: none; |
5641 } |
5779 } |
5642 .jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon |
5780 |
5643 { |
5781 .jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon { |
5644 width: 100%; |
5782 width: 100%; |
5645 } |
5783 } |
5646 .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element |
5784 |
5647 { |
5785 .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element { |
5648 height: 100%; |
5786 height: 100%; |
5649 } |
5787 } |
5650 .jqx-file-input-iframe, .jqx-file-upload-form-ie9 |
5788 |
5651 { |
5789 .jqx-file-input-iframe, .jqx-file-upload-form-ie9 { |
5652 position: absolute; |
5790 position: absolute; |
5653 } |
5791 } |
5654 .jqx-file-input-iframe |
5792 |
5655 { |
5793 .jqx-file-input-iframe { |
5656 width: 0; |
5794 width: 0; |
5657 height: 0; |
5795 height: 0; |
5658 border: none; |
5796 border: none; |
5659 } |
5797 } |
5660 .jqx-file-upload-form, .jqx-file-upload-file-input |
5798 |
5661 { |
5799 .jqx-file-upload-form, .jqx-file-upload-file-input { |
5662 visibility: hidden; |
5800 visibility: hidden; |
5663 display: none; |
5801 display: none; |
5664 } |
5802 } |
5665 .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 |
5803 |
5666 { |
5804 .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 { |
5667 display: block; |
5805 display: block; |
5668 visibility: visible; |
5806 visibility: visible; |
5669 } |
5807 } |
5670 .jqx-file-upload-form-ie9 |
5808 |
5671 { |
5809 .jqx-file-upload-form-ie9 { |
5672 z-index: 10000; |
5810 z-index: 10000; |
5673 opacity: 0; |
5811 opacity: 0; |
5674 filter: alpha(opacity=0); |
5812 filter: alpha(opacity=0); |
5675 } |
5813 } |
5676 .jqx-file-upload-file-name |
5814 |
5677 { |
5815 .jqx-file-upload-file-name { |
5678 width: auto; |
5816 width: auto; |
5679 padding: 0 2px 0 2px; |
5817 padding: 0 2px 0 2px; |
5680 overflow: hidden; |
5818 overflow: hidden; |
5681 white-space: nowrap; |
5819 white-space: nowrap; |
5682 text-overflow: ellipsis; |
5820 text-overflow: ellipsis; |
5683 *float: left; |
5821 *float: left; |
5684 } |
5822 } |
5685 .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element |
5823 |
5686 { |
5824 .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element { |
5687 float: right; |
5825 float: right; |
5688 } |
5826 } |
5689 .jqx-file-upload, .jqx-file-upload-file-row |
5827 |
5690 { |
5828 .jqx-file-upload, .jqx-file-upload-file-row { |
5691 padding: 5px; |
5829 padding: 5px; |
5692 } |
5830 } |
5693 .jqx-file-upload-button-browse |
5831 |
5694 { |
5832 .jqx-file-upload-button-browse { |
5695 display: block; |
5833 display: block; |
5696 } |
5834 } |
5697 .jqx-file-upload-buttons-container |
5835 |
5698 { |
5836 .jqx-file-upload-buttons-container { |
5699 height: auto; |
5837 height: auto; |
5700 margin-top: 10px; |
5838 margin-top: 10px; |
5701 } |
5839 } |
5702 .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl |
5840 |
5703 { |
5841 .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl { |
5704 direction: rtl !important; |
5842 direction: rtl !important; |
5705 } |
5843 } |
5706 .jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl |
5844 |
5707 { |
5845 .jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl { |
5708 margin-left: 5px; |
5846 margin-left: 5px; |
5709 } |
5847 } |
5710 .jqx-file-upload-button-upload-rtl-ie |
5848 |
5711 { |
5849 .jqx-file-upload-button-upload-rtl-ie { |
5712 margin-right: 5px; |
5850 margin-right: 5px; |
5713 } |
5851 } |
5714 .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie |
5852 |
5715 { |
5853 .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie { |
5716 margin-left: 0; |
5854 margin-left: 0; |
5717 } |
5855 } |
5718 .jqx-file-upload-file-row |
5856 |
5719 { |
5857 .jqx-file-upload-file-row { |
5720 height: 30px; |
5858 height: 30px; |
5721 margin-bottom: 3px; |
5859 margin-bottom: 3px; |
5722 clear: both; |
5860 clear: both; |
5723 } |
5861 } |
5724 .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element |
5862 |
5725 { |
5863 .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element { |
5726 width: 17px; |
5864 width: 17px; |
5727 margin: 0 1px 0 1px; |
5865 margin: 0 1px 0 1px; |
5728 } |
5866 } |
5729 .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl |
5867 |
5730 { |
5868 .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl { |
5731 float: none; |
5869 float: none; |
5732 *float: left; |
5870 *float: left; |
5733 } |
5871 } |
5734 .jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload |
5872 |
5735 { |
5873 .jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { |
5736 cursor: pointer; |
5874 cursor: pointer; |
5737 white-space:nowrap; |
5875 white-space: nowrap; |
5738 } |
5876 } |
5739 .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload |
5877 |
5740 { |
5878 .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { |
5741 display: inline-block; |
5879 display: inline-block; |
5742 } |
5880 } |
5743 .jqx-file-upload-icon-upload, .jqx-file-upload-loading-element |
5881 |
5744 { |
5882 .jqx-file-upload-icon-upload, .jqx-file-upload-loading-element { |
5745 margin-top: 1px; |
5883 margin-top: 1px; |
5746 } |
5884 } |
5747 .jqx-file-upload-loading-element |
5885 |
5748 { |
5886 .jqx-file-upload-loading-element { |
5749 background-image: url('images/loader-small.gif'); |
5887 background-image: url('images/loader-small.gif'); |
5750 background-repeat: no-repeat; |
5888 background-repeat: no-repeat; |
5751 } |
5889 } |
5752 |
5890 |
5753 .jqx-date-time-input-popup .jqx-icon { |
5891 .jqx-date-time-input-popup .jqx-icon { |
5754 margin-top:0px; |
5892 margin-top: 0px; |
5755 } |
5893 } |
5756 |
5894 |
5757 |
5895 |
5758 .jqx-text-area-element |
5896 .jqx-text-area-element { |
5759 { |
|
5760 height: 100%; |
5897 height: 100%; |
5761 width: 100%; |
5898 width: 100%; |
5762 overflow: hidden; |
5899 overflow: hidden; |
5763 border: none; |
5900 border: none; |
5764 outline: none; |
5901 outline: none; |
5827 top: 0; |
5965 top: 0; |
5828 left: 0; |
5966 left: 0; |
5829 background-color: black; |
5967 background-color: black; |
5830 opacity: 0.6; |
5968 opacity: 0.6; |
5831 } |
5969 } |
5832 .jqx-loader-icon |
5970 |
5833 { |
5971 .jqx-loader-icon { |
5834 background-image: url("images/loader.gif"); |
5972 background-image: url("images/loader.gif"); |
5835 background-repeat: no-repeat; |
5973 background-repeat: no-repeat; |
5836 background-position: center; |
5974 background-position: center; |
5837 width: 100%; |
5975 width: 100%; |
5838 height: 100%; |
5976 height: 100%; |
5839 position: absolute; |
5977 position: absolute; |
5840 z-index: 999; |
5978 z-index: 999; |
5841 } |
5979 } |
5842 .jqx-loader-text |
5980 |
5843 { |
5981 .jqx-loader-text { |
5844 z-index: 999; |
5982 z-index: 999; |
5845 position: relative; |
5983 position: relative; |
5846 } |
5984 } |
5847 .jqx-loader-text-left |
5985 |
5848 { |
5986 .jqx-loader-text-left { |
5849 margin-left: 5px; |
5987 margin-left: 5px; |
5850 position: absolute; |
5988 position: absolute; |
5851 top: 50%; |
5989 top: 50%; |
5852 } |
5990 } |
5853 .jqx-loader-text-right |
5991 |
5854 { |
5992 .jqx-loader-text-right { |
5855 margin-right: 5px; |
5993 margin-right: 5px; |
5856 position: absolute; |
5994 position: absolute; |
5857 top: 50%; |
5995 top: 50%; |
5858 right: 0px; |
5996 right: 0px; |
5859 } |
5997 } |
5860 .jqx-loader-text-top |
5998 |
5861 { |
5999 .jqx-loader-text-top { |
5862 text-align: center; |
6000 text-align: center; |
5863 margin-top: 5px; |
6001 margin-top: 5px; |
5864 } |
6002 } |
5865 .jqx-loader-text-bottom |
6003 |
5866 { |
6004 .jqx-loader-text-bottom { |
5867 bottom: 0px; |
6005 bottom: 0px; |
5868 position: absolute; |
6006 position: absolute; |
5869 text-align: center; |
6007 text-align: center; |
5870 margin: 0 auto; |
6008 margin: 0 auto; |
5871 width: 100%; |
6009 width: 100%; |
5872 margin-bottom: 5px; |
6010 margin-bottom: 5px; |
5873 } |
6011 } |
5874 .jqx-loader-rtl |
6012 |
5875 { |
6013 .jqx-loader-rtl { |
5876 direction: rtl; |
6014 direction: rtl; |
5877 } |
6015 } |
5878 /* jqxLayout and jqxDockingLayout */ |
6016 /* jqxLayout and jqxDockingLayout */ |
5879 .jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content |
6017 .jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content { |
5880 { |
|
5881 position: relative; |
6018 position: relative; |
5882 } |
6019 } |
5883 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay |
6020 |
5884 { |
6021 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay { |
5885 position: absolute; |
6022 position: absolute; |
5886 } |
6023 } |
5887 .jqx-layout |
6024 |
5888 { |
6025 .jqx-layout { |
5889 background-color: #c5c5c5; |
6026 background-color: #c5c5c5; |
5890 } |
6027 } |
5891 .jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay |
6028 |
5892 { |
6029 .jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay { |
5893 width: 100%; |
6030 width: 100%; |
5894 height: 100%; |
6031 height: 100%; |
5895 } |
6032 } |
5896 .jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal |
6033 |
5897 { |
6034 .jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal { |
5898 float: left; |
6035 float: left; |
5899 } |
6036 } |
5900 .jqx-layout-group-tabbed |
6037 |
5901 { |
6038 .jqx-layout-group-tabbed { |
5902 position: static; |
6039 position: static; |
5903 box-sizing: border-box; |
6040 box-sizing: border-box; |
5904 min-height: 0 !important; |
6041 min-height: 0 !important; |
5905 } |
6042 } |
5906 .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content |
6043 |
5907 { |
6044 .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content { |
5908 padding: 0; |
6045 padding: 0; |
5909 } |
6046 } |
5910 .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section |
6047 |
5911 { |
6048 .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section { |
5912 border: none; |
6049 border: none; |
5913 } |
6050 } |
5914 .jqx-layout-window |
6051 |
5915 { |
6052 .jqx-layout-window { |
5916 position: static; |
6053 position: static; |
5917 } |
6054 } |
5918 .jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal |
6055 |
5919 { |
6056 .jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal { |
5920 overflow: auto; |
6057 overflow: auto; |
5921 } |
6058 } |
5922 .jqx-layout-group-auto-hide-content-vertical |
6059 |
5923 { |
6060 .jqx-layout-group-auto-hide-content-vertical { |
5924 width: 150px; |
6061 width: 150px; |
5925 } |
6062 } |
5926 .jqx-layout-group-auto-hide-content-horizontal |
6063 |
5927 { |
6064 .jqx-layout-group-auto-hide-content-horizontal { |
5928 width: 100%; |
6065 width: 100%; |
5929 height: 150px; |
6066 height: 150px; |
5930 } |
6067 } |
5931 .jqx-layout-pseudo-window |
6068 |
5932 { |
6069 .jqx-layout-pseudo-window { |
5933 border-width: 1px; |
6070 border-width: 1px; |
5934 border-style: solid; |
6071 border-style: solid; |
5935 box-sizing: border-box; |
6072 box-sizing: border-box; |
5936 box-shadow: none !important; |
6073 box-shadow: none !important; |
5937 } |
6074 } |
5938 .jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content |
6075 |
5939 { |
6076 .jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content { |
5940 width: 100%; |
6077 width: 100%; |
5941 box-sizing: border-box; |
6078 box-sizing: border-box; |
5942 } |
6079 } |
5943 .jqx-layout-pseudo-window-header |
6080 |
5944 { |
6081 .jqx-layout-pseudo-window-header { |
5945 height: 30px; |
6082 height: 30px; |
5946 } |
6083 } |
5947 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background |
6084 |
5948 { |
6085 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background { |
5949 width: 16px; |
6086 width: 16px; |
5950 height: 16px; |
6087 height: 16px; |
5951 top: 5px; |
6088 top: 5px; |
5952 } |
6089 } |
5953 .jqx-layout-pseudo-window-pin-background-ltr |
6090 |
5954 { |
6091 .jqx-layout-pseudo-window-pin-background-ltr { |
5955 right: 15px; |
6092 right: 15px; |
5956 } |
6093 } |
5957 .jqx-layout-pseudo-window-close-background-ltr |
6094 |
5958 { |
6095 .jqx-layout-pseudo-window-close-background-ltr { |
5959 right: 0; |
6096 right: 0; |
5960 } |
6097 } |
5961 .jqx-layout-pseudo-window-pin-background-rtl |
6098 |
5962 { |
6099 .jqx-layout-pseudo-window-pin-background-rtl { |
5963 left: 15px; |
6100 left: 15px; |
5964 } |
6101 } |
5965 .jqx-layout-pseudo-window-close-background-rtl |
6102 |
5966 { |
6103 .jqx-layout-pseudo-window-close-background-rtl { |
5967 left: 0; |
6104 left: 0; |
5968 } |
6105 } |
5969 .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon |
6106 |
5970 { |
6107 .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon { |
5971 cursor: pointer; |
6108 cursor: pointer; |
5972 } |
6109 } |
5973 .jqx-layout-pseudo-window-title |
6110 |
5974 { |
6111 .jqx-layout-pseudo-window-title { |
5975 white-space: nowrap; |
6112 white-space: nowrap; |
5976 overflow: hidden; |
6113 overflow: hidden; |
5977 text-overflow: ellipsis; |
6114 text-overflow: ellipsis; |
5978 } |
6115 } |
5979 .jqx-layout-pseudo-window-pin-icon |
6116 |
5980 { |
6117 .jqx-layout-pseudo-window-pin-icon { |
5981 background-image: url("images/pin.png"); |
6118 background-image: url("images/pin.png"); |
5982 } |
6119 } |
5983 .jqx-layout-pseudo-window-pinned-icon |
6120 |
5984 { |
6121 .jqx-layout-pseudo-window-pinned-icon { |
5985 background-image: url("images/pinned.png"); |
6122 background-image: url("images/pinned.png"); |
5986 } |
6123 } |
5987 .jqx-layout-pseudo-window-title-rtl |
6124 |
5988 { |
6125 .jqx-layout-pseudo-window-title-rtl { |
5989 float: right; |
6126 float: right; |
5990 } |
6127 } |
5991 .jqx-layout-resize-feedback |
6128 |
5992 { |
6129 .jqx-layout-resize-feedback { |
5993 z-index: 9999; |
6130 z-index: 9999; |
5994 top: 0; |
6131 top: 0; |
5995 left: 0; |
6132 left: 0; |
5996 border-width: 1px; |
6133 border-width: 1px; |
5997 border-style: solid; |
6134 border-style: solid; |
5998 box-sizing: border-box; |
6135 box-sizing: border-box; |
5999 opacity: 0.6; |
6136 opacity: 0.6; |
6000 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; |
6137 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; |
6001 display: none; |
6138 display: none; |
6002 } |
6139 } |
6003 .jqx-layout-resize-feedback-horizontal |
6140 |
6004 { |
6141 .jqx-layout-resize-feedback-horizontal { |
6005 width: 100%; |
6142 width: 100%; |
6006 height: 4px; |
6143 height: 4px; |
6007 cursor: row-resize; |
6144 cursor: row-resize; |
6008 } |
6145 } |
6009 .jqx-layout-resize-feedback-vertical |
6146 |
6010 { |
6147 .jqx-layout-resize-feedback-vertical { |
6011 width: 4px; |
6148 width: 4px; |
6012 height: 100%; |
6149 height: 100%; |
6013 cursor: col-resize; |
6150 cursor: col-resize; |
6014 } |
6151 } |
6015 .jqx-layout-resize-feedback-warning |
6152 |
6016 { |
6153 .jqx-layout-resize-feedback-warning { |
6017 border-color: #800000 !important; |
6154 border-color: #800000 !important; |
6018 background-color: Red !important; |
6155 background-color: Red !important; |
6019 } |
6156 } |
6020 .jqx-layout-overlay |
6157 |
6021 { |
6158 .jqx-layout-overlay { |
6022 top: 0; |
6159 top: 0; |
6023 left: 0; |
6160 left: 0; |
6024 display: none; |
6161 display: none; |
6025 background-color: transparent; |
6162 background-color: transparent; |
6026 z-index: 8999; |
6163 z-index: 8999; |
6027 pointer-events: none; |
6164 pointer-events: none; |
6028 } |
6165 } |
6029 .jqx-layout-ribbon-header-ltr |
6166 |
6030 { |
6167 .jqx-layout-ribbon-header-ltr { |
6031 padding-left: 20px; |
6168 padding-left: 20px; |
6032 } |
6169 } |
6033 .jqx-layout-ribbon-header-rtl |
6170 |
6034 { |
6171 .jqx-layout-ribbon-header-rtl { |
6035 padding-right: 20px; |
6172 padding-right: 20px; |
6036 } |
6173 } |
6037 |
6174 |
6038 /* jqxDockingLayout-specific */ |
6175 /* jqxDockingLayout-specific */ |
6039 .jqx-docking-layout-group-floating |
6176 .jqx-docking-layout-group-floating { |
6040 { |
|
6041 border-color: #FFD280 !important; |
6177 border-color: #FFD280 !important; |
6042 } |
6178 } |
6043 .jqx-docking-layout-group-floating .jqx-window-header |
6179 |
6044 { |
6180 .jqx-docking-layout-group-floating .jqx-window-header { |
6045 border-color: #FFD280; |
6181 border-color: #FFD280; |
6046 background-color: #FFD280 !important; |
6182 background-color: #FFD280 !important; |
6047 background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important; |
6183 background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important; |
6048 background: -o-linear-gradient(#FFE4B5, #FFD280) !important; |
6184 background: -o-linear-gradient(#FFE4B5, #FFD280) !important; |
6049 background: -moz-linear-gradient(#FFE4B5, #FFD280) !important; |
6185 background: -moz-linear-gradient(#FFE4B5, #FFD280) !important; |
6050 background: linear-gradient(#FFE4B5, #FFD280 ) !important; |
6186 background: linear-gradient(#FFE4B5, #FFD280 ) !important; |
6051 } |
6187 } |
|
6188 |
6052 .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge { |
6189 .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge { |
6053 z-index: 99999; |
6190 z-index: 99999; |
6054 opacity: 0.9; |
6191 opacity: 0.9; |
6055 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; |
6192 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; |
6056 } |
6193 } |
|
6194 |
6057 .jqx-docking-layout-overlay-square-edge { |
6195 .jqx-docking-layout-overlay-square-edge { |
6058 display: none; |
6196 display: none; |
6059 } |
6197 } |
6060 .jqx-docking-layout-overlay |
6198 |
6061 { |
6199 .jqx-docking-layout-overlay { |
6062 width: 100px; |
6200 width: 100px; |
6063 height: 100px; |
6201 height: 100px; |
6064 left: 100px; |
6202 left: 100px; |
6065 top: 70px; |
6203 top: 70px; |
6066 } |
6204 } |
6067 .jqx-docking-layout-overlay-section |
6205 |
6068 { |
6206 .jqx-docking-layout-overlay-section { |
6069 height: 33px; |
6207 height: 33px; |
6070 width: 100px; |
6208 width: 100px; |
6071 } |
6209 } |
6072 .jqx-docking-layout-overlay-square |
6210 |
6073 { |
6211 .jqx-docking-layout-overlay-square { |
6074 width: 26px; |
6212 width: 26px; |
6075 height: 26px; |
6213 height: 26px; |
6076 padding: 3px; |
6214 padding: 3px; |
6077 } |
6215 } |
6078 .jqx-docking-layout-overlay-square-invisible |
6216 |
6079 { |
6217 .jqx-docking-layout-overlay-square-invisible { |
6080 background-color: transparent !important; |
6218 background-color: transparent !important; |
6081 background-image: none !important; |
6219 background-image: none !important; |
6082 } |
6220 } |
6083 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom |
6221 |
6084 { |
6222 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom { |
6085 border-top-width: 1px; |
6223 border-top-width: 1px; |
6086 border-top-style: solid; |
6224 border-top-style: solid; |
6087 } |
6225 } |
6088 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right |
6226 |
6089 { |
6227 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right { |
6090 border-left-width: 1px; |
6228 border-left-width: 1px; |
6091 border-left-style: solid; |
6229 border-left-style: solid; |
6092 } |
6230 } |
6093 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left |
6231 |
6094 { |
6232 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left { |
6095 border-right-width: 1px; |
6233 border-right-width: 1px; |
6096 border-right-style: solid; |
6234 border-right-style: solid; |
6097 } |
6235 } |
6098 .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top |
6236 |
6099 { |
6237 .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top { |
6100 border-bottom-width: 1px; |
6238 border-bottom-width: 1px; |
6101 border-bottom-style: solid; |
6239 border-bottom-style: solid; |
6102 } |
6240 } |
6103 .jqx-docking-layout-overlay-square-center |
6241 |
6104 { |
6242 .jqx-docking-layout-overlay-square-center { |
6105 border-color: transparent !important; |
6243 border-color: transparent !important; |
6106 } |
6244 } |
6107 .jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical |
6245 |
6108 { |
6246 .jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical { |
6109 width: 24px; |
6247 width: 24px; |
6110 } |
6248 } |
6111 .jqx-docking-layout-overlay-inner-square |
6249 |
6112 { |
6250 .jqx-docking-layout-overlay-inner-square { |
6113 border-width: 1px; |
6251 border-width: 1px; |
6114 border-style: solid; |
6252 border-style: solid; |
6115 height: 24px; |
6253 height: 24px; |
6116 } |
6254 } |
6117 .jqx-docking-layout-overlay-inner-square-header |
6255 |
6118 { |
6256 .jqx-docking-layout-overlay-inner-square-header { |
6119 height: 5px; |
6257 height: 5px; |
6120 } |
6258 } |
6121 .jqx-docking-layout-overlay-inner-square-content |
6259 |
6122 { |
6260 .jqx-docking-layout-overlay-inner-square-content { |
6123 height: 18px; |
6261 height: 18px; |
6124 } |
6262 } |
6125 .jqx-docking-layout-overlay-highlight |
6263 |
6126 { |
6264 .jqx-docking-layout-overlay-highlight { |
6127 } |
6265 } |
6128 .jqx-docking-layout-overlay-highlight-top |
6266 |
6129 { |
6267 .jqx-docking-layout-overlay-highlight-top { |
6130 height: 9px; |
6268 height: 9px; |
6131 border-bottom-style: dashed; |
6269 border-bottom-style: dashed; |
6132 } |
6270 } |
6133 .jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right |
6271 |
6134 { |
6272 .jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right { |
6135 width: 12px; |
6273 width: 12px; |
6136 height: 18px; |
6274 height: 18px; |
6137 } |
6275 } |
6138 .jqx-docking-layout-overlay-highlight-left |
6276 |
6139 { |
6277 .jqx-docking-layout-overlay-highlight-left { |
6140 border-right-style: dashed; |
6278 border-right-style: dashed; |
6141 } |
6279 } |
6142 .jqx-docking-layout-overlay-highlight-right |
6280 |
6143 { |
6281 .jqx-docking-layout-overlay-highlight-right { |
6144 right: 0; |
6282 right: 0; |
6145 border-left-style: dashed; |
6283 border-left-style: dashed; |
6146 } |
6284 } |
6147 .jqx-docking-layout-overlay-highlight-bottom |
6285 |
6148 { |
6286 .jqx-docking-layout-overlay-highlight-bottom { |
6149 bottom: 0; |
6287 bottom: 0; |
6150 height: 9px; |
6288 height: 9px; |
6151 border-top-style: dashed; |
6289 border-top-style: dashed; |
6152 } |
6290 } |
|
6291 |
6153 .jqx-docking-layout-drop-overlay { |
6292 .jqx-docking-layout-drop-overlay { |
6154 display: none; |
6293 display: none; |
6155 background-color: #6495ED; |
6294 background-color: #6495ED; |
6156 opacity: 0.5; |
6295 opacity: 0.5; |
6157 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
6296 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
6158 z-index: 10000; |
6297 z-index: 10000; |
6159 top: 0px; |
6298 top: 0px; |
6160 left: 0px; |
6299 left: 0px; |
6161 } |
6300 } |
6162 .jqx-docking-layout-square-disabled |
6301 |
6163 { |
6302 .jqx-docking-layout-square-disabled { |
6164 visibility: hidden; |
6303 visibility: hidden; |
6165 } |
6304 } |
6166 .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical |
6305 |
6167 { |
6306 .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical { |
6168 border-style: solid; |
6307 border-style: solid; |
6169 border-width: 1px; |
6308 border-width: 1px; |
6170 } |
6309 } |
6171 .jqx-docking-layout-overlay-inner-square-edge |
6310 |
6172 { |
6311 .jqx-docking-layout-overlay-inner-square-edge { |
6173 width: 26px; |
6312 width: 26px; |
6174 height: 26px; |
6313 height: 26px; |
6175 } |
6314 } |
6176 .jqx-docking-layout-overlay-mini-window-edge-horizontal |
6315 |
6177 { |
6316 .jqx-docking-layout-overlay-mini-window-edge-horizontal { |
6178 height: 24px; |
6317 height: 24px; |
6179 } |
6318 } |
6180 .jqx-docking-layout-overlay-mini-window-edge-vertical |
6319 |
6181 { |
6320 .jqx-docking-layout-overlay-mini-window-edge-vertical { |
6182 height: 13px; |
6321 height: 13px; |
6183 } |
6322 } |
6184 .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal |
6323 |
6185 { |
6324 .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal { |
6186 width: 13px; |
6325 width: 13px; |
6187 } |
6326 } |
6188 .jqx-docking-layout-overlay-inner-square-content-vertical |
6327 |
6189 { |
6328 .jqx-docking-layout-overlay-inner-square-content-vertical { |
6190 height: 7px; |
6329 height: 7px; |
6191 } |
6330 } |
6192 .jqx-docking-layout-overlay-square-edge-arrow |
6331 |
6193 { |
6332 .jqx-docking-layout-overlay-square-edge-arrow { |
6194 border-style: solid; |
6333 border-style: solid; |
6195 border-width: 5px; |
6334 border-width: 5px; |
6196 width: 0px; |
6335 width: 0px; |
6197 height: 0px; |
6336 height: 0px; |
6198 display: block; |
6337 display: block; |
6199 background: transparent !important; |
6338 background: transparent !important; |
6200 } |
6339 } |
6201 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top |
6340 |
6202 { |
6341 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top { |
6203 border-top-color: transparent !important; |
6342 border-top-color: transparent !important; |
6204 } |
6343 } |
6205 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
6344 |
6206 { |
6345 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom { |
6207 border-bottom-color: transparent !important; |
6346 border-bottom-color: transparent !important; |
6208 } |
6347 } |
6209 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
6348 |
6210 { |
6349 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { |
6211 border-left-color: transparent !important; |
6350 border-left-color: transparent !important; |
6212 } |
6351 } |
6213 .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
6352 |
6214 { |
6353 .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { |
6215 border-right-color: transparent !important; |
6354 border-right-color: transparent !important; |
6216 } |
6355 } |
6217 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right |
6356 |
6218 { |
6357 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right { |
6219 margin-top: 8px; |
6358 margin-top: 8px; |
6220 } |
6359 } |
6221 .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
6360 |
6222 { |
6361 .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { |
6223 margin-left: 8px; |
6362 margin-left: 8px; |
6224 } |
6363 } |
6225 |
6364 |
6226 .jqx-tag-cloud ul { |
6365 .jqx-tag-cloud ul { |
6227 padding-left: 5px; |
6366 padding-left: 5px; |
6228 } |
6367 } |
6229 |
6368 |
6230 .jqx-tag-cloud-item{ |
6369 .jqx-tag-cloud-item { |
6231 padding: 3px; |
6370 padding: 3px; |
6232 display:inline-block; |
6371 display: inline-block; |
6233 } |
6372 } |
6234 |
6373 |
6235 .jqx-tag-cloud-item a { |
6374 .jqx-tag-cloud-item a { |
6236 text-decoration: initial; |
6375 text-decoration: initial; |
6237 } |
6376 } |
6238 |
6377 |
6239 .jqx-tag-cloud-item a:hover { |
6378 .jqx-tag-cloud-item a:hover { |
6240 text-decoration: underline; |
6379 text-decoration: underline; |
6241 } |
6380 } |
|
6381 |
6242 .jqx-popover { |
6382 .jqx-popover { |
6243 position: absolute; |
6383 position: absolute; |
6244 top: 0; |
6384 top: 0; |
6245 left: 0; |
6385 left: 0; |
6246 z-index: 9999; |
6386 z-index: 9999; |
6247 background-color: #ffffff; |
6387 background-color: #ffffff; |
6248 border: 1px solid #aaa; |
6388 border: 1px solid #aaa; |
6249 border: 1px solid rgba(0, 0, 0, 0.3); |
6389 border: 1px solid rgba(0, 0, 0, 0.3); |
6250 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); |
6390 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); |
6251 } |
6391 } |
6252 .jqx-popover-modal-background |
6392 |
6253 { |
6393 .jqx-popover-modal-background { |
6254 position:fixed; |
6394 position: fixed; |
6255 left:0px; |
6395 left: 0px; |
6256 top:0px; |
6396 top: 0px; |
6257 width:100%; |
6397 width: 100%; |
6258 height:100%; |
6398 height: 100%; |
6259 z-index:999; |
6399 z-index: 999; |
6260 /* Fallback for web browsers that don't support RGBa */ |
6400 /* Fallback for web browsers that don't support RGBa */ |
6261 background-color: rgb(0, 0, 0); |
6401 background-color: rgb(0, 0, 0); |
6262 /* RGBa with 0.6 opacity */ |
6402 /* RGBa with 0.6 opacity */ |
6263 background-color: rgba(0, 0, 0, 0.6); |
6403 background-color: rgba(0, 0, 0, 0.6); |
6264 /* For IE 5.5 - 7*/ |
6404 /* For IE 5.5 - 7*/ |
6265 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); |
6405 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); |
6266 /* For IE 8*/ |
6406 /* For IE 8*/ |
6267 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; |
6407 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; |
6268 } |
6408 } |
|
6409 |
6269 .jqx-popover-close-button { |
6410 .jqx-popover-close-button { |
6270 width:16px; |
6411 width: 16px; |
6271 height:16px; |
6412 height: 16px; |
6272 float:right; |
6413 float: right; |
6273 } |
6414 } |
|
6415 |
6274 .jqx-popover-close-button-rtl { |
6416 .jqx-popover-close-button-rtl { |
6275 float:left; |
6417 float: left; |
6276 } |
6418 } |
|
6419 |
6277 .jqx-popover.top { |
6420 .jqx-popover.top { |
6278 margin-top: -10px; |
6421 margin-top: -10px; |
6279 } |
6422 } |
6280 |
6423 |
6281 .jqx-popover.right { |
6424 .jqx-popover.right { |
6282 margin-left: 10px; |
6425 margin-left: 10px; |
6283 } |
6426 } |
6284 |
6427 |
6285 .jqx-popover.bottom { |
6428 .jqx-popover.bottom { |
6286 margin-top: 10px; |
6429 margin-top: 10px; |
6287 } |
6430 } |
6288 |
6431 |
6289 .jqx-popover.left { |
6432 .jqx-popover.left { |
6290 margin-left: -10px; |
6433 margin-left: -10px; |
6291 } |
6434 } |
6292 |
6435 |
6293 .jqx-popover-title { |
6436 .jqx-popover-title { |
6294 padding: 8px 14px; |
6437 padding: 8px 14px; |
6295 margin: 0; |
6438 margin: 0; |
6296 border-bottom: 1px solid inherit; |
6439 border-bottom: 1px solid inherit; |
6297 -webkit-border-radius: 3px 3px 0 0; |
6440 -webkit-border-radius: 3px 3px 0 0; |
6298 -moz-border-radius: 3px 3px 0 0; |
6441 -moz-border-radius: 3px 3px 0 0; |
6299 border-radius: 3px 3px 0 0; |
6442 border-radius: 3px 3px 0 0; |
6300 } |
6443 } |
6301 |
6444 |
6302 .jqx-popover-title:empty { |
6445 .jqx-popover-title:empty { |
6303 display: none; |
6446 display: none; |
6304 } |
6447 } |
6305 |
6448 |
6306 .jqx-popover-content { |
6449 .jqx-popover-content { |
6307 padding: 9px 14px; |
6450 padding: 9px 14px; |
6308 } |
6451 } |
6309 |
6452 |
6310 .jqx-popover .jqx-popover-arrow, |
6453 .jqx-popover .jqx-popover-arrow, |
6311 .jqx-popover .jqx-popover-arrow:after { |
6454 .jqx-popover .jqx-popover-arrow:after { |
6312 position: absolute; |
6455 position: absolute; |
6313 display: block; |
6456 display: block; |
6314 width: 0; |
6457 width: 0; |
6315 height: 0; |
6458 height: 0; |
6316 border-color: transparent; |
6459 border-color: transparent; |
6317 border-style: solid; |
6460 border-style: solid; |
6318 } |
6461 } |
6319 |
6462 |
6320 .jqx-popover .jqx-popover-arrow { |
6463 .jqx-popover .jqx-popover-arrow { |
6321 border-width: 11px; |
6464 border-width: 11px; |
6322 } |
6465 } |
6323 |
6466 |
6324 .jqx-popover .jqx-popover-arrow:after { |
6467 .jqx-popover .jqx-popover-arrow:after { |
6325 border-width: 10px; |
6468 border-width: 10px; |
6326 content: ""; |
6469 content: ""; |
6327 } |
6470 } |
6328 |
6471 |
6329 .jqx-popover.top .jqx-popover-arrow { |
6472 .jqx-popover.top .jqx-popover-arrow { |
6330 bottom: -11px; |
6473 bottom: -11px; |
6331 left: 50%; |
6474 left: 50%; |
6332 margin-left: -11px; |
6475 margin-left: -11px; |
6333 border-top-color: inherit; |
6476 border-top-color: inherit; |
6334 border-bottom-width: 0; |
6477 border-bottom-width: 0; |
6335 } |
6478 } |
6336 |
6479 |
6337 .jqx-popover.top .jqx-popover-arrow:after { |
6480 .jqx-popover.top .jqx-popover-arrow:after { |
6338 bottom: 1px; |
6481 bottom: 1px; |
6339 margin-left: -10px; |
6482 margin-left: -10px; |
6340 border-top-color: #ffffff; |
6483 border-top-color: #ffffff; |
6341 border-bottom-width: 0; |
6484 border-bottom-width: 0; |
6342 } |
6485 } |
6343 |
6486 |
6344 .jqx-popover.right .jqx-popover-arrow { |
6487 .jqx-popover.right .jqx-popover-arrow { |
6345 top: 50%; |
6488 top: 50%; |
6346 left: -11px; |
6489 left: -11px; |
6347 margin-top: -11px; |
6490 margin-top: -11px; |
6348 border-right-color: inherit; |
6491 border-right-color: inherit; |
6349 border-left-width: 0; |
6492 border-left-width: 0; |
6350 } |
6493 } |
6351 |
6494 |
6352 .jqx-popover.right .jqx-popover-arrow:after { |
6495 .jqx-popover.right .jqx-popover-arrow:after { |
6353 bottom: -10px; |
6496 bottom: -10px; |
6354 left: 1px; |
6497 left: 1px; |
6355 border-right-color: #ffffff; |
6498 border-right-color: #ffffff; |
6356 border-left-width: 0; |
6499 border-left-width: 0; |
6357 } |
6500 } |
6358 |
6501 |
6359 .jqx-popover.bottom .jqx-popover-arrow { |
6502 .jqx-popover.bottom .jqx-popover-arrow { |
6360 top: -11px; |
6503 top: -11px; |
6361 left: 50%; |
6504 left: 50%; |
6362 margin-left: -11px; |
6505 margin-left: -11px; |
6363 border-bottom-color:inherit; |
6506 border-bottom-color: inherit; |
6364 border-top-width: 0; |
6507 border-top-width: 0; |
6365 } |
6508 } |
6366 |
6509 |
6367 .jqx-popover.bottom .jqx-popover-arrow:after { |
6510 .jqx-popover.bottom .jqx-popover-arrow:after { |
6368 top: 1px; |
6511 top: 1px; |
6369 margin-left: -10px; |
6512 margin-left: -10px; |
6370 border-bottom-color: #ffffff; |
6513 border-bottom-color: #ffffff; |
6371 border-top-width: 0; |
6514 border-top-width: 0; |
6372 } |
6515 } |
6373 |
6516 |
6374 .jqx-popover.left .jqx-popover-arrow { |
6517 .jqx-popover.left .jqx-popover-arrow { |
6375 top: 50%; |
6518 top: 50%; |
6376 right: -11px; |
6519 right: -11px; |
6377 margin-top: -11px; |
6520 margin-top: -11px; |
6378 border-right-width: 0; border-left-color: inherit; |
6521 border-right-width: 0; |
6379 } |
6522 border-left-color: inherit; |
6380 |
6523 } |
6381 .jqx-popover.left .jqx-popover-arrow:after { |
6524 |
6382 right: 1px; |
6525 .jqx-popover.left .jqx-popover-arrow:after { |
6383 bottom: -10px; |
6526 right: 1px; |
6384 border-left-color: #ffffff; |
6527 bottom: -10px; |
6385 border-right-width: 0; |
6528 border-left-color: #ffffff; |
6386 } |
6529 border-right-width: 0; |
|
6530 } |
6387 |
6531 |
6388 |
6532 |
6389 .jqx-kanban-full-frame { |
6533 .jqx-kanban-full-frame { |
6390 width: 100vw; |
6534 width: 100vw; |
6391 height: 100vh; |
6535 height: 100vh; |
6657 } |
6814 } |
6658 |
6815 |
6659 .jqx-kanban-clearing { |
6816 .jqx-kanban-clearing { |
6660 clear: both; |
6817 clear: both; |
6661 } |
6818 } |
|
6819 |
6662 .jqx-sortable { |
6820 .jqx-sortable { |
6663 touch-action: none; |
6821 touch-action: none; |
6664 -ms-touch-action: none; |
6822 -ms-touch-action: none; |
6665 } |
6823 } |
6666 |
6824 |
6667 .jqx-bar-gauge-tooltip { |
6825 .jqx-bar-gauge-tooltip { |
6668 position:absolute; |
6826 position: absolute; |
6669 left:20px; |
6827 left: 20px; |
6670 top:20px; |
6828 top: 20px; |
6671 display:none; |
6829 display: none; |
6672 padding: 6px 12px; |
6830 padding: 6px 12px; |
6673 border:black solid 1px; |
6831 border: black solid 1px; |
6674 background-color: white; |
6832 background-color: white; |
6675 color: #333333; |
6833 color: #333333; |
6676 font-size: 11px; |
6834 font-size: 11px; |
6677 font-weight:100; |
6835 font-weight: 100; |
6678 font-family: Verdana; |
6836 font-family: Verdana; |
6679 border:black solid 1px; |
6837 border: black solid 1px; |
6680 border-radius:3px; |
6838 border-radius: 3px; |
6681 opacity: 1; |
6839 opacity: 1; |
6682 white-space: nowrap; |
6840 white-space: nowrap; |
6683 z-index:5; |
6841 z-index: 5; |
6684 } |
6842 } |
6685 |
6843 |
6686 .jqx-bar-gauge-measure-text { |
6844 .jqx-bar-gauge-measure-text { |
6687 position: absolute; |
6845 position: absolute; |
6688 top: 0; |
6846 top: 0; |
6689 right: 0; |
6847 right: 0; |
6690 visibility: hidden; |
6848 visibility: hidden; |
6691 z-index:-99999; |
6849 z-index: -99999; |
6692 margin:0px; |
6850 margin: 0px; |
6693 padding:0px; |
6851 padding: 0px; |
6694 border-width:0px; |
6852 border-width: 0px; |
6695 } |
6853 } |
|
6854 |
6696 .jqx-scrollbar-mobile { |
6855 .jqx-scrollbar-mobile { |
6697 background: transparent !important; |
6856 background: transparent !important; |
6698 } |
6857 } |
|
6858 |
6699 .jqx-scrollbar-mobile .jqx-scrollbar-state-normal { |
6859 .jqx-scrollbar-mobile .jqx-scrollbar-state-normal { |
6700 background: transparent !important; |
6860 background: transparent !important; |
6701 border-color: transparent !important; |
6861 border-color: transparent !important; |
6702 } |
6862 } |
6703 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal{ |
6863 |
6704 background: #808080 ! important; |
6864 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { |
6705 border-color: #808080 !important; |
6865 background: #808080 !important; |
6706 border-width: 1px; |
6866 border-color: #808080 !important; |
6707 z-index:99999; |
6867 border-width: 1px; |
6708 border-radius: 0px !important; |
6868 z-index: 99999; |
6709 } |
6869 border-radius: 0px !important; |
|
6870 } |
|
6871 |
6710 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { |
6872 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { |
6711 width: 4px ! important; |
6873 width: 4px !important; |
6712 } |
6874 } |
|
6875 |
6713 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal { |
6876 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal { |
6714 height: 4px !important; |
6877 height: 4px !important; |
6715 } |
6878 } |
6716 |
6879 |
6717 |
6880 |
6718 .jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down { |
6881 .jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down { |
6719 background-image: url('images/icon-down-white.png'); |
6882 background-image: url('images/icon-down-white.png'); |
6720 } |
6883 } |
|
6884 |
6721 .jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected { |
6885 .jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected { |
6722 background-image: url('images/icon-down-white.png'); |
6886 background-image: url('images/icon-down-white.png'); |
6723 } |
6887 } |
|
6888 |
6724 .jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover { |
6889 .jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover { |
6725 background-image: url('images/icon-down-white.png'); |
6890 background-image: url('images/icon-down-white.png'); |
6726 } |
6891 } |
|
6892 |
6727 .jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up { |
6893 .jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up { |
6728 background-image: url('images/icon-up-white.png'); |
6894 background-image: url('images/icon-up-white.png'); |
6729 } |
6895 } |
|
6896 |
6730 .jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected { |
6897 .jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected { |
6731 background-image: url('images/icon-up-white.png'); |
6898 background-image: url('images/icon-up-white.png'); |
6732 } |
6899 } |
|
6900 |
6733 .jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover { |
6901 .jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover { |
6734 background-image: url('images/icon-up-white.png'); |
6902 background-image: url('images/icon-up-white.png'); |
6735 } |
6903 } |
6736 |
6904 |
6737 .jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right { |
6905 .jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right { |
6738 background-image: url('images/icon-right-white.png'); |
6906 background-image: url('images/icon-right-white.png'); |
6739 } |
6907 } |
|
6908 |
6740 .jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected { |
6909 .jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected { |
6741 background-image: url('images/icon-right-white.png'); |
6910 background-image: url('images/icon-right-white.png'); |
6742 } |
6911 } |
|
6912 |
6743 .jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover { |
6913 .jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover { |
6744 background-image: url('images/icon-right-white.png'); |
6914 background-image: url('images/icon-right-white.png'); |
6745 } |
6915 } |
|
6916 |
6746 .jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left { |
6917 .jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left { |
6747 background-image: url('images/icon-left-white.png'); |
6918 background-image: url('images/icon-left-white.png'); |
6748 } |
6919 } |
|
6920 |
6749 .jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected { |
6921 .jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected { |
6750 background-image: url('images/icon-left-white.png'); |
6922 background-image: url('images/icon-left-white.png'); |
6751 } |
6923 } |
|
6924 |
6752 .jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover { |
6925 .jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover { |
6753 background-image: url('images/icon-left-white.png'); |
6926 background-image: url('images/icon-left-white.png'); |
6754 } |
6927 } |
|
6928 |
6755 .jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover, |
6929 .jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover, |
6756 .jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover, |
6930 .jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover, |
6757 .jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed { |
6931 .jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed { |
6758 background-color: #f5f5f5 !important; |
6932 background-color: #f5f5f5 !important; |
6759 color: #333 !important; |
6933 color: #333 !important; |
6760 text-shadow: none !important; |
6934 text-shadow: none !important; |
6761 border-color: #f5f5f5 !important; |
6935 border-color: #f5f5f5 !important; |
6762 } |
6936 } |
|
6937 |
6763 .jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected, |
6938 .jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected, |
6764 .jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader { |
6939 .jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader { |
6765 |
|
6766 background-color: #f5f5f5 !important; |
6940 background-color: #f5f5f5 !important; |
6767 color: #333 !important; |
6941 color: #333 !important; |
6768 text-shadow: none !important; |
6942 text-shadow: none !important; |
6769 border-color: #f5f5f5 !important; |
6943 border-color: #f5f5f5 !important; |
6770 } |
6944 } |
|
6945 |
6771 .jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover, |
6946 .jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover, |
6772 .jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover, |
6947 .jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover, |
6773 .jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed { |
6948 .jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed { |
6774 background-color: #f5f5f5 !important; |
6949 background-color: #f5f5f5 !important; |
6775 color: #333 !important; |
6950 color: #333 !important; |
6776 text-shadow: none !important; |
6951 text-shadow: none !important; |
6777 border-color: #f5f5f5 !important; |
6952 border-color: #f5f5f5 !important; |
6778 } |
6953 } |
|
6954 |
6779 .jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected, |
6955 .jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected, |
6780 .jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader { |
6956 .jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader { |
6781 |
|
6782 background-color: #f5f5f5 !important; |
6957 background-color: #f5f5f5 !important; |
6783 color: #333 !important; |
6958 color: #333 !important; |
6784 text-shadow: none !important; |
6959 text-shadow: none !important; |
6785 border-color: #f5f5f5 !important; |
6960 border-color: #f5f5f5 !important; |
6786 } |
6961 } |
|
6962 |
6787 .jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover, |
6963 .jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover, |
6788 .jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover, |
6964 .jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover, |
6789 .jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed { |
6965 .jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed { |
6790 background-color: #f5f5f5 !important; |
6966 background-color: #f5f5f5 !important; |
6791 color: #333 !important; |
6967 color: #333 !important; |
6792 text-shadow: none !important; |
6968 text-shadow: none !important; |
6793 border-color: #f5f5f5 !important; |
6969 border-color: #f5f5f5 !important; |
6794 } |
6970 } |
|
6971 |
6795 .jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected, |
6972 .jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected, |
6796 .jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader { |
6973 .jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader { |
6797 |
|
6798 background-color: #f5f5f5 !important; |
6974 background-color: #f5f5f5 !important; |
6799 color: #333 !important; |
6975 color: #333 !important; |
6800 text-shadow: none !important; |
6976 text-shadow: none !important; |
6801 border-color: #f5f5f5 !important; |
6977 border-color: #f5f5f5 !important; |
6802 } |
6978 } |
|
6979 |
6803 .jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover, |
6980 .jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover, |
6804 .jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover, |
6981 .jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover, |
6805 .jqx-success-item .jqx-input-popup .jqx-fill-state-pressed { |
6982 .jqx-success-item .jqx-input-popup .jqx-fill-state-pressed { |
6806 background-color: #f5f5f5 !important; |
6983 background-color: #f5f5f5 !important; |
6807 color: #333 !important; |
6984 color: #333 !important; |
6808 text-shadow: none !important; |
6985 text-shadow: none !important; |
6809 border-color: #f5f5f5 !important; |
6986 border-color: #f5f5f5 !important; |
6810 } |
6987 } |
|
6988 |
6811 .jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected, |
6989 .jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected, |
6812 .jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader { |
6990 .jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader { |
6813 |
|
6814 background-color: #f5f5f5 !important; |
6991 background-color: #f5f5f5 !important; |
6815 color: #333 !important; |
6992 color: #333 !important; |
6816 text-shadow: none !important; |
6993 text-shadow: none !important; |
6817 border-color: #f5f5f5 !important; |
6994 border-color: #f5f5f5 !important; |
6818 } |
6995 } |
|
6996 |
6819 .jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover, |
6997 .jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover, |
6820 .jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover, |
6998 .jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover, |
6821 .jqx-info-item .jqx-input-popup .jqx-fill-state-pressed { |
6999 .jqx-info-item .jqx-input-popup .jqx-fill-state-pressed { |
6822 background-color: #f5f5f5 !important; |
7000 background-color: #f5f5f5 !important; |
6823 color: #333 !important; |
7001 color: #333 !important; |
6824 text-shadow: none !important; |
7002 text-shadow: none !important; |
6825 border-color: #f5f5f5 !important; |
7003 border-color: #f5f5f5 !important; |
6826 } |
7004 } |
|
7005 |
6827 .jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected, |
7006 .jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected, |
6828 .jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader { |
7007 .jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader { |
6829 |
|
6830 background-color: #f5f5f5 !important; |
7008 background-color: #f5f5f5 !important; |
6831 color: #333 !important; |
7009 color: #333 !important; |
6832 text-shadow: none !important; |
7010 text-shadow: none !important; |
6833 border-color: #f5f5f5 !important; |
7011 border-color: #f5f5f5 !important; |
6834 } |
7012 } |
|
7013 |
6835 .jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover, |
7014 .jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover, |
6836 .jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover, |
7015 .jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover, |
6837 .jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed { |
7016 .jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed { |
6838 background-color: #f5f5f5 !important; |
7017 background-color: #f5f5f5 !important; |
6839 color: #333 !important; |
7018 color: #333 !important; |
6840 text-shadow: none !important; |
7019 text-shadow: none !important; |
6841 border-color: #f5f5f5 !important; |
7020 border-color: #f5f5f5 !important; |
6842 } |
7021 } |
|
7022 |
6843 .jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected, |
7023 .jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected, |
6844 .jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader { |
7024 .jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader { |
6845 |
|
6846 background-color: #f5f5f5 !important; |
7025 background-color: #f5f5f5 !important; |
6847 color: #333 !important; |
7026 color: #333 !important; |
6848 text-shadow: none !important; |
7027 text-shadow: none !important; |
6849 border-color: #f5f5f5 !important; |
7028 border-color: #f5f5f5 !important; |
6850 } |
7029 } |
|
7030 |
6851 .jqx-element { |
7031 .jqx-element { |
6852 overflow: hidden; |
7032 overflow: hidden; |
6853 border-style: solid; |
7033 border-style: solid; |
6854 border-width: 0px; |
7034 border-width: 0px; |
6855 border-color: transparent; |
7035 border-color: transparent; |
6856 box-sizing:border-box; |
7036 box-sizing: border-box; |
6857 } |
7037 } |
|
7038 |
6858 .jqx-element-no-border { |
7039 .jqx-element-no-border { |
6859 border-width:0px; |
7040 border-width: 0px; |
6860 } |
7041 } |
|
7042 |
6861 .jqx-element-container { |
7043 .jqx-element-container { |
6862 } |
7044 } |
|
7045 |
6863 .jqx-resize-trigger, .jqx-resize-trigger-shrink { |
7046 .jqx-resize-trigger, .jqx-resize-trigger-shrink { |
6864 position: absolute; |
7047 position: absolute; |
6865 left: 0; |
7048 left: 0; |
6866 top: 0; |
7049 top: 0; |
6867 transition: 0s |
7050 transition: 0s; |
6868 } |
7051 } |
|
7052 |
6869 .jqx-resize-trigger-shrink { |
7053 .jqx-resize-trigger-shrink { |
6870 width: 200%; |
7054 width: 200%; |
6871 height: 200%; |
7055 height: 200%; |
6872 } |
7056 } |
|
7057 |
6873 .jqx-resize-trigger-container { |
7058 .jqx-resize-trigger-container { |
6874 display: block; |
7059 display: block; |
6875 visibility:hidden; |
7060 visibility: hidden; |
6876 position: relative; |
7061 position: relative; |
6877 top: -100%; |
7062 top: -100%; |
6878 left: 0; |
7063 left: 0; |
6879 min-height:0.1px; |
7064 min-height: 0.1px; |
6880 height: 100%; |
7065 height: 100%; |
6881 width: 100%; |
7066 width: 100%; |
6882 overflow: hidden; |
7067 overflow: hidden; |
6883 pointer-events: none; |
7068 pointer-events: none; |
6884 z-index: -1; |
7069 z-index: -1; |
6885 visibility:hidden; |
7070 visibility: hidden; |
6886 } |
7071 } |
6887 |
7072 |
6888 /* jqxPivotGrid */ |
7073 /* jqxPivotGrid */ |
6889 .jqx-pivotgrid |
7074 .jqx-pivotgrid { |
6890 { |
|
6891 background-color: #DEDEDE; |
7075 background-color: #DEDEDE; |
6892 } |
7076 } |
6893 |
7077 |
6894 .jqx-pivotgrid-item |
7078 .jqx-pivotgrid-item { |
6895 { |
|
6896 white-space: nowrap; |
7079 white-space: nowrap; |
6897 overflow: hidden; |
7080 overflow: hidden; |
6898 position: absolute; |
7081 position: absolute; |
6899 padding: 0px; |
7082 padding: 0px; |
6900 text-overflow: ellipsis; |
7083 text-overflow: ellipsis; |
6901 } |
7084 } |
6902 |
7085 |
6903 .jqx-pivotgrid-content-wrapper |
7086 .jqx-pivotgrid-content-wrapper { |
6904 { |
|
6905 align: left; |
7087 align: left; |
6906 valign: top; |
7088 valign: top; |
6907 overflow: hidden; |
7089 overflow: hidden; |
6908 border: solid 1px grey; |
7090 border: solid 1px grey; |
6909 } |
7091 } |
6910 |
7092 |
6911 .jqx-pivotgrid-menu-button |
7093 .jqx-pivotgrid-menu-button { |
6912 { |
|
6913 border: none; |
7094 border: none; |
6914 background-image: url('images/icon-menu-small.png'); |
7095 background-image: url('images/icon-menu-small.png'); |
6915 background-repeat: no-repeat; |
7096 background-repeat: no-repeat; |
6916 background-position: center; |
7097 background-position: center; |
6917 cursor: pointer; |
7098 cursor: pointer; |
6918 } |
7099 } |
6919 .jqx-pivotgrid-expand-button |
7100 |
6920 { |
7101 .jqx-pivotgrid-expand-button { |
6921 outline: none; |
7102 outline: none; |
6922 background-image: url('images/icon_expand.png'); |
7103 background-image: url('images/icon_expand.png'); |
6923 background-repeat: no-repeat; |
7104 background-repeat: no-repeat; |
6924 cursor: pointer; |
7105 cursor: pointer; |
6925 margin: 0 0 0 0; |
7106 margin: 0 0 0 0; |