rlm@46
|
1 /*
|
rlm@46
|
2 * Ext JS Library 2.1
|
rlm@46
|
3 * Copyright(c) 2006-2008, Ext JS, LLC.
|
rlm@46
|
4 * licensing@extjs.com
|
rlm@46
|
5 *
|
rlm@46
|
6 * http://extjs.com/license
|
rlm@46
|
7 */
|
rlm@46
|
8
|
rlm@46
|
9 .ext-el-mask {
|
rlm@46
|
10 z-index: 20000;
|
rlm@46
|
11 position: absolute;
|
rlm@46
|
12 top:0;
|
rlm@46
|
13 left:0;
|
rlm@46
|
14 -moz-opacity: 0.5;
|
rlm@46
|
15 opacity: .50;
|
rlm@46
|
16 filter: alpha(opacity=50);
|
rlm@46
|
17 background-color: #CCC;
|
rlm@46
|
18 width: 100%;
|
rlm@46
|
19 height: 100%;
|
rlm@46
|
20 zoom: 1;
|
rlm@46
|
21 }
|
rlm@46
|
22 .ext-el-mask-msg {
|
rlm@46
|
23 z-index: 20001;
|
rlm@46
|
24 position: absolute;
|
rlm@46
|
25 top: 0;
|
rlm@46
|
26 left: 0;
|
rlm@46
|
27 border:1px solid #6593cf;
|
rlm@46
|
28 background: #c3daf9 url(../images/default/box/tb-blue.gif) repeat-x 0 -16px;
|
rlm@46
|
29 padding:2px;
|
rlm@46
|
30 }
|
rlm@46
|
31 .ext-el-mask-msg div {
|
rlm@46
|
32 padding:5px 10px 5px 10px;
|
rlm@46
|
33 background: #eee;
|
rlm@46
|
34 border:1px solid #a3bad9;
|
rlm@46
|
35 color:#222;
|
rlm@46
|
36 font:normal 11px tahoma, arial, helvetica, sans-serif;
|
rlm@46
|
37 cursor:wait;
|
rlm@46
|
38 }
|
rlm@46
|
39
|
rlm@46
|
40 .ext-shim {
|
rlm@46
|
41 position:absolute;
|
rlm@46
|
42 visibility:hidden;
|
rlm@46
|
43 left:0;
|
rlm@46
|
44 top:0;
|
rlm@46
|
45 overflow:hidden;
|
rlm@46
|
46 }
|
rlm@46
|
47 .ext-ie .ext-shim {
|
rlm@46
|
48 filter: alpha(opacity=0);
|
rlm@46
|
49 }
|
rlm@46
|
50 .ext-ie6 .ext-shim {
|
rlm@46
|
51 margin-left: 5px;
|
rlm@46
|
52 margin-top: 3px;
|
rlm@46
|
53 }
|
rlm@46
|
54
|
rlm@46
|
55 .x-mask-loading div {
|
rlm@46
|
56 padding:5px 10px 5px 25px;
|
rlm@46
|
57 background: #fbfbfb url( '../images/default/grid/loading.gif' ) no-repeat 5px 5px;
|
rlm@46
|
58 line-height: 16px;
|
rlm@46
|
59 }
|
rlm@46
|
60 /* class for hiding elements without using display:none */
|
rlm@46
|
61 .x-hidden, .x-hide-offsets {
|
rlm@46
|
62 position:absolute;
|
rlm@46
|
63 left:-10000px;
|
rlm@46
|
64 top:-10000px;
|
rlm@46
|
65 visibility:hidden;
|
rlm@46
|
66 }
|
rlm@46
|
67 .x-hide-display {
|
rlm@46
|
68 display:none !important;
|
rlm@46
|
69 }
|
rlm@46
|
70
|
rlm@46
|
71 .x-hide-visibility {
|
rlm@46
|
72 visibility:hidden !important;
|
rlm@46
|
73 }
|
rlm@46
|
74
|
rlm@46
|
75 .x-masked {
|
rlm@46
|
76 overflow: hidden !important;
|
rlm@46
|
77 }
|
rlm@46
|
78
|
rlm@46
|
79 .x-masked select, .x-masked object, .x-masked embed {
|
rlm@46
|
80 visibility: hidden;
|
rlm@46
|
81 }
|
rlm@46
|
82
|
rlm@46
|
83 .x-layer {
|
rlm@46
|
84 visibility: hidden;
|
rlm@46
|
85 }
|
rlm@46
|
86
|
rlm@46
|
87 .x-unselectable, .x-unselectable * {
|
rlm@46
|
88 -moz-user-select: none;
|
rlm@46
|
89 -khtml-user-select: none;
|
rlm@46
|
90 }
|
rlm@46
|
91
|
rlm@46
|
92 .x-repaint {
|
rlm@46
|
93 zoom: 1;
|
rlm@46
|
94 background-color: transparent;
|
rlm@46
|
95 -moz-outline: none;
|
rlm@46
|
96 }
|
rlm@46
|
97
|
rlm@46
|
98 .x-item-disabled {
|
rlm@46
|
99 color: gray;
|
rlm@46
|
100 cursor: default;
|
rlm@46
|
101 opacity: .6;
|
rlm@46
|
102 -moz-opacity: .6;
|
rlm@46
|
103 filter: alpha(opacity=60);
|
rlm@46
|
104 }
|
rlm@46
|
105
|
rlm@46
|
106 .x-item-disabled * {
|
rlm@46
|
107 color: gray !important;
|
rlm@46
|
108 cursor: default !important;
|
rlm@46
|
109 }
|
rlm@46
|
110
|
rlm@46
|
111 .x-splitbar-proxy {
|
rlm@46
|
112 position: absolute;
|
rlm@46
|
113 visibility: hidden;
|
rlm@46
|
114 z-index: 20001;
|
rlm@46
|
115 background: #aaa;
|
rlm@46
|
116 zoom: 1;
|
rlm@46
|
117 line-height: 1px;
|
rlm@46
|
118 font-size: 1px;
|
rlm@46
|
119 overflow: hidden;
|
rlm@46
|
120 }
|
rlm@46
|
121
|
rlm@46
|
122 .x-splitbar-h, .x-splitbar-proxy-h {
|
rlm@46
|
123 cursor: e-resize;
|
rlm@46
|
124 cursor: col-resize;
|
rlm@46
|
125 }
|
rlm@46
|
126
|
rlm@46
|
127 .x-splitbar-v, .x-splitbar-proxy-v {
|
rlm@46
|
128 cursor: s-resize;
|
rlm@46
|
129 cursor: row-resize;
|
rlm@46
|
130 }
|
rlm@46
|
131
|
rlm@46
|
132 .x-color-palette {
|
rlm@46
|
133 width: 150px;
|
rlm@46
|
134 height: 92px;
|
rlm@46
|
135 cursor: pointer;
|
rlm@46
|
136 }
|
rlm@46
|
137
|
rlm@46
|
138 .x-color-palette a {
|
rlm@46
|
139 border: 1px solid #fff;
|
rlm@46
|
140 float: left;
|
rlm@46
|
141 padding: 2px;
|
rlm@46
|
142 text-decoration: none;
|
rlm@46
|
143 -moz-outline: 0 none;
|
rlm@46
|
144 outline: 0 none;
|
rlm@46
|
145 cursor: pointer;
|
rlm@46
|
146 }
|
rlm@46
|
147
|
rlm@46
|
148 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
|
rlm@46
|
149 border: 1px solid #8BB8F3;
|
rlm@46
|
150 background: #deecfd;
|
rlm@46
|
151 }
|
rlm@46
|
152
|
rlm@46
|
153 .x-color-palette em {
|
rlm@46
|
154 display: block;
|
rlm@46
|
155 border: 1px solid #ACA899;
|
rlm@46
|
156 }
|
rlm@46
|
157
|
rlm@46
|
158 .x-color-palette em span {
|
rlm@46
|
159 cursor: pointer;
|
rlm@46
|
160 display: block;
|
rlm@46
|
161 height: 10px;
|
rlm@46
|
162 line-height: 10px;
|
rlm@46
|
163 width: 10px;
|
rlm@46
|
164 }
|
rlm@46
|
165
|
rlm@46
|
166 .x-ie-shadow {
|
rlm@46
|
167 display: none;
|
rlm@46
|
168 position: absolute;
|
rlm@46
|
169 overflow: hidden;
|
rlm@46
|
170 left:0;
|
rlm@46
|
171 top:0;
|
rlm@46
|
172 background:#777;
|
rlm@46
|
173 zoom:1;
|
rlm@46
|
174 }
|
rlm@46
|
175
|
rlm@46
|
176 .x-shadow {
|
rlm@46
|
177 display: none;
|
rlm@46
|
178 position: absolute;
|
rlm@46
|
179 overflow: hidden;
|
rlm@46
|
180 left:0;
|
rlm@46
|
181 top:0;
|
rlm@46
|
182 }
|
rlm@46
|
183
|
rlm@46
|
184 .x-shadow * {
|
rlm@46
|
185 overflow: hidden;
|
rlm@46
|
186 }
|
rlm@46
|
187
|
rlm@46
|
188 .x-shadow * {
|
rlm@46
|
189 padding: 0;
|
rlm@46
|
190 border: 0;
|
rlm@46
|
191 margin: 0;
|
rlm@46
|
192 clear: none;
|
rlm@46
|
193 zoom: 1;
|
rlm@46
|
194 }
|
rlm@46
|
195
|
rlm@46
|
196 /* top bottom */
|
rlm@46
|
197 .x-shadow .xstc, .x-shadow .xsbc {
|
rlm@46
|
198 height: 6px;
|
rlm@46
|
199 float: left;
|
rlm@46
|
200 }
|
rlm@46
|
201
|
rlm@46
|
202 /* corners */
|
rlm@46
|
203 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
|
rlm@46
|
204 width: 6px;
|
rlm@46
|
205 height: 6px;
|
rlm@46
|
206 float: left;
|
rlm@46
|
207 }
|
rlm@46
|
208
|
rlm@46
|
209 /* sides */
|
rlm@46
|
210 .x-shadow .xsc {
|
rlm@46
|
211 width: 100%;
|
rlm@46
|
212 }
|
rlm@46
|
213
|
rlm@46
|
214 .x-shadow .xsml, .x-shadow .xsmr {
|
rlm@46
|
215 width: 6px;
|
rlm@46
|
216 float: left;
|
rlm@46
|
217 height: 100%;
|
rlm@46
|
218 }
|
rlm@46
|
219
|
rlm@46
|
220 .x-shadow .xsmc {
|
rlm@46
|
221 float: left;
|
rlm@46
|
222 height: 100%;
|
rlm@46
|
223 background: transparent url( ../images/default/shadow-c.png );
|
rlm@46
|
224 }
|
rlm@46
|
225
|
rlm@46
|
226 .x-shadow .xst, .x-shadow .xsb {
|
rlm@46
|
227 height: 6px;
|
rlm@46
|
228 overflow: hidden;
|
rlm@46
|
229 width: 100%;
|
rlm@46
|
230 }
|
rlm@46
|
231
|
rlm@46
|
232 .x-shadow .xsml {
|
rlm@46
|
233 background: transparent url( ../images/default/shadow-lr.png ) repeat-y 0 0;
|
rlm@46
|
234 }
|
rlm@46
|
235
|
rlm@46
|
236 .x-shadow .xsmr {
|
rlm@46
|
237 background: transparent url( ../images/default/shadow-lr.png ) repeat-y -6px 0;
|
rlm@46
|
238 }
|
rlm@46
|
239
|
rlm@46
|
240 .x-shadow .xstl {
|
rlm@46
|
241 background: transparent url( ../images/default/shadow.png ) no-repeat 0 0;
|
rlm@46
|
242 }
|
rlm@46
|
243
|
rlm@46
|
244 .x-shadow .xstc {
|
rlm@46
|
245 background: transparent url( ../images/default/shadow.png ) repeat-x 0 -30px;
|
rlm@46
|
246 }
|
rlm@46
|
247
|
rlm@46
|
248 .x-shadow .xstr {
|
rlm@46
|
249 background: transparent url( ../images/default/shadow.png ) repeat-x 0 -18px;
|
rlm@46
|
250 }
|
rlm@46
|
251
|
rlm@46
|
252 .x-shadow .xsbl {
|
rlm@46
|
253 background: transparent url( ../images/default/shadow.png ) no-repeat 0 -12px;
|
rlm@46
|
254 }
|
rlm@46
|
255
|
rlm@46
|
256 .x-shadow .xsbc {
|
rlm@46
|
257 background: transparent url( ../images/default/shadow.png ) repeat-x 0 -36px;
|
rlm@46
|
258 }
|
rlm@46
|
259
|
rlm@46
|
260 .x-shadow .xsbr {
|
rlm@46
|
261 background: transparent url( ../images/default/shadow.png ) repeat-x 0 -6px;
|
rlm@46
|
262 }
|
rlm@46
|
263
|
rlm@46
|
264 .loading-indicator {
|
rlm@46
|
265 font-size: 11px;
|
rlm@46
|
266 background-image: url(../images/default/grid/loading.gif);
|
rlm@46
|
267 background-repeat: no-repeat;
|
rlm@46
|
268 background-position: left;
|
rlm@46
|
269 padding-left: 20px;
|
rlm@46
|
270 line-height: 16px;
|
rlm@46
|
271 margin: 3px;
|
rlm@46
|
272 }
|
rlm@46
|
273
|
rlm@46
|
274 .x-text-resize {
|
rlm@46
|
275 position: absolute;
|
rlm@46
|
276 left: -1000px;
|
rlm@46
|
277 top: -1000px;
|
rlm@46
|
278 visibility: hidden;
|
rlm@46
|
279 zoom: 1;
|
rlm@46
|
280 }
|
rlm@46
|
281
|
rlm@46
|
282 .x-drag-overlay {
|
rlm@46
|
283 width: 100%;
|
rlm@46
|
284 height: 100%;
|
rlm@46
|
285 display: none;
|
rlm@46
|
286 position: absolute;
|
rlm@46
|
287 left: 0;
|
rlm@46
|
288 top: 0;
|
rlm@46
|
289 background-image:url(../images/default/s.gif);
|
rlm@46
|
290 z-index: 20000;
|
rlm@46
|
291 }
|
rlm@46
|
292
|
rlm@46
|
293 .x-clear {
|
rlm@46
|
294 clear:both;
|
rlm@46
|
295 height:0;
|
rlm@46
|
296 overflow:hidden;
|
rlm@46
|
297 line-height:0;
|
rlm@46
|
298 font-size:0;
|
rlm@46
|
299 }
|
rlm@46
|
300
|
rlm@46
|
301
|
rlm@46
|
302 .x-spotlight {
|
rlm@46
|
303 z-index: 8999;
|
rlm@46
|
304 position: absolute;
|
rlm@46
|
305 top:0;
|
rlm@46
|
306 left:0;
|
rlm@46
|
307 -moz-opacity: 0.5;
|
rlm@46
|
308 opacity: .50;
|
rlm@46
|
309 filter: alpha(opacity=50);
|
rlm@46
|
310 background-color: #CCC;
|
rlm@46
|
311 width:0;
|
rlm@46
|
312 height:0;
|
rlm@46
|
313 zoom: 1;
|
rlm@46
|
314 }
|