rlm@46
|
1 .x-panel {
|
rlm@46
|
2 border-style: solid;
|
rlm@46
|
3 border-color: #ccaacc;
|
rlm@46
|
4 }
|
rlm@46
|
5 .x-panel-header {
|
rlm@46
|
6 color:#fafafa;
|
rlm@46
|
7 border:1px solid #ccaacc;
|
rlm@46
|
8 background-image:url(../images/slate/panel/white-top-bottom.gif);
|
rlm@46
|
9 }
|
rlm@46
|
10
|
rlm@46
|
11 .x-panel-body {
|
rlm@46
|
12 border-color:#ccaacc;
|
rlm@46
|
13 }
|
rlm@46
|
14
|
rlm@46
|
15 .x-panel-bbar .x-toolbar {
|
rlm@46
|
16 border-color:#ccaacc;
|
rlm@46
|
17 }
|
rlm@46
|
18
|
rlm@46
|
19 .x-panel-tbar .x-toolbar {
|
rlm@46
|
20 border-color:#ccaacc;
|
rlm@46
|
21 }
|
rlm@46
|
22
|
rlm@46
|
23 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
|
rlm@46
|
24 border-color:#ccaacc;
|
rlm@46
|
25 }
|
rlm@46
|
26 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
|
rlm@46
|
27 border-color:#ccaacc;
|
rlm@46
|
28 }
|
rlm@46
|
29 .x-panel-tl .x-panel-header {
|
rlm@46
|
30 color:#f4f4f4;
|
rlm@46
|
31 }
|
rlm@46
|
32 .x-panel-tc {
|
rlm@46
|
33 background-image:url(../images/slate/panel/top-bottom.gif);
|
rlm@46
|
34 }
|
rlm@46
|
35 .x-panel-tl {
|
rlm@46
|
36 background-image:url(../images/slate/panel/corners-sprite.gif);
|
rlm@46
|
37 border-color:#ccaacc;
|
rlm@46
|
38 }
|
rlm@46
|
39 .x-panel-tr {
|
rlm@46
|
40 background-image:url(../images/slate/panel/corners-sprite.gif);
|
rlm@46
|
41 }
|
rlm@46
|
42 .x-panel-bc {
|
rlm@46
|
43 background-image:url(../images/slate/panel/top-bottom.gif);
|
rlm@46
|
44 }
|
rlm@46
|
45 .x-panel-bl {
|
rlm@46
|
46 background-image:url(../images/slate/panel/corners-sprite.gif);
|
rlm@46
|
47 }
|
rlm@46
|
48 .x-panel-br {
|
rlm@46
|
49 background-image:url(../images/slate/panel/corners-sprite.gif);
|
rlm@46
|
50 }
|
rlm@46
|
51 .x-panel-mc {
|
rlm@46
|
52 background:#f7eef8;
|
rlm@46
|
53 }
|
rlm@46
|
54 .x-panel-mc .x-panel-body {
|
rlm@46
|
55 background:transparent;
|
rlm@46
|
56 border: 0 none;
|
rlm@46
|
57 }
|
rlm@46
|
58 .x-panel-ml {
|
rlm@46
|
59 background-image:url(../images/slate/panel/left-right.gif);
|
rlm@46
|
60 }
|
rlm@46
|
61 .x-panel-mr {
|
rlm@46
|
62 background-image:url(../images/slate/panel/left-right.gif);
|
rlm@46
|
63 }
|
rlm@46
|
64
|
rlm@46
|
65 .x-panel-dd-spacer{
|
rlm@46
|
66 border:2px dashed #aa88aa;
|
rlm@46
|
67 }
|
rlm@46
|
68
|
rlm@46
|
69
|
rlm@46
|
70 /* Tools */
|
rlm@46
|
71 .x-tool {
|
rlm@46
|
72 background-image:url(../images/slate/panel/tool-sprites.gif);
|
rlm@46
|
73 }
|
rlm@46
|
74
|
rlm@46
|
75 /* Ghosting */
|
rlm@46
|
76 .x-panel-ghost {
|
rlm@46
|
77 background:#e0e0e0;
|
rlm@46
|
78 }
|
rlm@46
|
79
|
rlm@46
|
80 .x-panel-ghost ul {
|
rlm@46
|
81 border-color:#b0b0b0;
|
rlm@46
|
82 }
|
rlm@46
|
83
|
rlm@46
|
84 .x-grid-panel .x-panel-mc .x-panel-body {
|
rlm@46
|
85 border:1px solid #ccaacc;
|
rlm@46
|
86 }
|
rlm@46
|
87
|
rlm@46
|
88 /* Buttons */
|
rlm@46
|
89
|
rlm@46
|
90 .x-btn-left{
|
rlm@46
|
91 background-image:url(../images/slate/button/btn-sprite.gif);
|
rlm@46
|
92 }
|
rlm@46
|
93 .x-btn-right{
|
rlm@46
|
94 background-image:url(../images/slate/button/btn-sprite.gif);
|
rlm@46
|
95 }
|
rlm@46
|
96 .x-btn-center{
|
rlm@46
|
97 background-image:url(../images/slate/button/btn-sprite.gif);
|
rlm@46
|
98 }
|
rlm@46
|
99 .x-btn-over button{
|
rlm@46
|
100 color:#ffffff;
|
rlm@46
|
101 }
|
rlm@46
|
102 .x-btn-focus button{
|
rlm@46
|
103 color:#ffffff;
|
rlm@46
|
104 }
|
rlm@46
|
105 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
|
rlm@46
|
106 background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 3px;
|
rlm@46
|
107 }
|
rlm@46
|
108 .x-btn-with-menu .x-btn-center em {
|
rlm@46
|
109 background:transparent url(../images/slate/toolbar/btn-arrow.gif) no-repeat scroll right 0pt;
|
rlm@46
|
110 }
|
rlm@46
|
111 .x-btn-menu-arrow-wrap .x-btn-center button{
|
rlm@46
|
112 background:transparent url(../images/slate/button/btn-arrow.gif) no-repeat left 3px;
|
rlm@46
|
113 }
|
rlm@46
|
114
|
rlm@46
|
115
|
rlm@46
|
116 /* Layout classes */
|
rlm@46
|
117
|
rlm@46
|
118 .x-border-layout-ct {
|
rlm@46
|
119 background:#f0f0f0;
|
rlm@46
|
120 }
|
rlm@46
|
121
|
rlm@46
|
122 .x-accordion-hd {
|
rlm@46
|
123 background-image:url(../images/slate/panel/light-hd.gif);
|
rlm@46
|
124 }
|
rlm@46
|
125
|
rlm@46
|
126 .x-layout-collapsed{
|
rlm@46
|
127 background-color:#775577;
|
rlm@46
|
128 border-color:#e0e0e0;
|
rlm@46
|
129 }
|
rlm@46
|
130 .x-layout-collapsed-over{
|
rlm@46
|
131 background-color:#997799;
|
rlm@46
|
132 }
|
rlm@46
|
133
|
rlm@46
|
134
|
rlm@46
|
135
|
rlm@46
|
136 /* Toolbars */
|
rlm@46
|
137
|
rlm@46
|
138 .x-toolbar{
|
rlm@46
|
139 border-color:#ccaacc;
|
rlm@46
|
140 background:#f3f0f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;
|
rlm@46
|
141 }
|
rlm@46
|
142 .x-toolbar button {
|
rlm@46
|
143 color:#f4f4f4;
|
rlm@46
|
144 }
|
rlm@46
|
145 .x-toolbar .ytb-text {
|
rlm@46
|
146 color:white;
|
rlm@46
|
147 }
|
rlm@46
|
148 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
|
rlm@46
|
149 background-image:url(../images/slate/toolbar/btn-arrow.gif);
|
rlm@46
|
150 }
|
rlm@46
|
151 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
|
rlm@46
|
152 background-image:url(../images/slate/toolbar/btn-arrow.gif);
|
rlm@46
|
153 }
|
rlm@46
|
154 .x-toolbar .x-btn-over .x-btn-left{
|
rlm@46
|
155 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
156 }
|
rlm@46
|
157 .x-toolbar .x-btn-over .x-btn-right{
|
rlm@46
|
158 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
159 }
|
rlm@46
|
160 .x-toolbar .x-btn-over .x-btn-center{
|
rlm@46
|
161 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
162 }
|
rlm@46
|
163 .x-toolbar .x-btn-over button {
|
rlm@46
|
164 color:#ffffff;
|
rlm@46
|
165 }
|
rlm@46
|
166 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
|
rlm@46
|
167 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
168 }
|
rlm@46
|
169 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
|
rlm@46
|
170 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
171 }
|
rlm@46
|
172
|
rlm@46
|
173 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
|
rlm@46
|
174 background-image:url(../images/slate/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
175 }
|
rlm@46
|
176 .x-toolbar .ytb-sep {
|
rlm@46
|
177 background-image: url(../images/slate/grid/grid-split.gif);
|
rlm@46
|
178 }
|
rlm@46
|
179
|
rlm@46
|
180 /* Menus */
|
rlm@46
|
181
|
rlm@46
|
182 .x-menu{
|
rlm@46
|
183 border:1px solid #aaaaaa;
|
rlm@46
|
184 background:#f0f0f0 url(../images/slate/menu/menu.gif) repeat-y;
|
rlm@46
|
185 }
|
rlm@46
|
186 .x-menu-item-active{
|
rlm@46
|
187 background:#fdebfb url(../images/slate/menu/item-over.gif) repeat-x left bottom;
|
rlm@46
|
188 border:1px solid #d1c2d2;
|
rlm@46
|
189 }
|
rlm@46
|
190 .x-menu-item-arrow{
|
rlm@46
|
191 background:transparent url(../images/slate/menu/menu-parent.gif) no-repeat right;
|
rlm@46
|
192 }
|
rlm@46
|
193
|
rlm@46
|
194
|
rlm@46
|
195 /* Tabs */
|
rlm@46
|
196
|
rlm@46
|
197 .x-tab-panel-header, .x-tab-panel-footer {
|
rlm@46
|
198
|
rlm@46
|
199 background: #9d6a9f;
|
rlm@46
|
200 border-color:#7b4f7b;
|
rlm@46
|
201 }
|
rlm@46
|
202
|
rlm@46
|
203
|
rlm@46
|
204 .x-tab-panel-header {
|
rlm@46
|
205 border-color:#ccaacc;
|
rlm@46
|
206 }
|
rlm@46
|
207
|
rlm@46
|
208 .x-tab-panel-footer {
|
rlm@46
|
209 border-color:#ccaacc;
|
rlm@46
|
210 }
|
rlm@46
|
211
|
rlm@46
|
212 ul.x-tab-strip-top{
|
rlm@46
|
213 background:#dbdbdb url(../images/slate/tabs/tab-strip-bg.gif) repeat-x left top;
|
rlm@46
|
214 border-color:#7e4c7c;
|
rlm@46
|
215 padding-top: 2px;
|
rlm@46
|
216 }
|
rlm@46
|
217
|
rlm@46
|
218 ul.x-tab-strip-bottom{
|
rlm@46
|
219 background-image:url(../images/slate/tabs/tab-strip-btm-bg.gif);
|
rlm@46
|
220 border-color:#825682;
|
rlm@46
|
221 }
|
rlm@46
|
222
|
rlm@46
|
223 .x-tab-strip span.x-tab-strip-text {
|
rlm@46
|
224 color:#333333;
|
rlm@46
|
225 }
|
rlm@46
|
226 .x-tab-strip-over span.x-tab-strip-text {
|
rlm@46
|
227 color:#111111;
|
rlm@46
|
228 }
|
rlm@46
|
229
|
rlm@46
|
230 .x-tab-strip-active span.x-tab-strip-text {
|
rlm@46
|
231 color:#ffffff;
|
rlm@46
|
232 }
|
rlm@46
|
233
|
rlm@46
|
234 .x-tab-strip-disabled .x-tabs-text {
|
rlm@46
|
235 color:#aaaaaa;
|
rlm@46
|
236 }
|
rlm@46
|
237
|
rlm@46
|
238 .x-tab-strip-top .x-tab-right {
|
rlm@46
|
239 background-image:url(../images/slate/tabs/tabs-sprite.gif);
|
rlm@46
|
240 }
|
rlm@46
|
241
|
rlm@46
|
242 .x-tab-strip-top .x-tab-left {
|
rlm@46
|
243 background-image:url(../images/slate/tabs/tabs-sprite.gif);
|
rlm@46
|
244 }
|
rlm@46
|
245 .x-tab-strip-top .x-tab-strip-inner {
|
rlm@46
|
246 background-image:url(../images/slate/tabs/tabs-sprite.gif);
|
rlm@46
|
247 }
|
rlm@46
|
248
|
rlm@46
|
249 .x-tab-strip-bottom .x-tab-right {
|
rlm@46
|
250 background-image:url(../images/slate/tabs/tab-btm-inactive-right-bg.gif);
|
rlm@46
|
251 }
|
rlm@46
|
252
|
rlm@46
|
253 .x-tab-strip-bottom .x-tab-left {
|
rlm@46
|
254 background-image:url(../images/slate/tabs/tab-btm-inactive-left-bg.gif);
|
rlm@46
|
255 }
|
rlm@46
|
256
|
rlm@46
|
257 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
|
rlm@46
|
258 background-image:url(../images/slate/tabs/tab-btm-right-bg.gif);
|
rlm@46
|
259 }
|
rlm@46
|
260
|
rlm@46
|
261 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
|
rlm@46
|
262 background-image:url(../images/slate/tabs/tab-btm-left-bg.gif);
|
rlm@46
|
263 }
|
rlm@46
|
264
|
rlm@46
|
265 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
|
rlm@46
|
266 background-image:url(../images/slate/tabs/tab-close.gif);
|
rlm@46
|
267 }
|
rlm@46
|
268 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
|
rlm@46
|
269 background-image:url(../images/slate/tabs/tab-close.gif);
|
rlm@46
|
270 }
|
rlm@46
|
271
|
rlm@46
|
272 .x-tab-panel-body {
|
rlm@46
|
273 border-color:#ccaacc;
|
rlm@46
|
274 background:#ffffff;
|
rlm@46
|
275 }
|
rlm@46
|
276 .x-tab-panel-bbar .x-toolbar {
|
rlm@46
|
277 border-color: #ccaacc;
|
rlm@46
|
278 }
|
rlm@46
|
279
|
rlm@46
|
280 .x-tab-panel-tbar .x-toolbar {
|
rlm@46
|
281 border-color: #ccaacc;
|
rlm@46
|
282 }
|
rlm@46
|
283
|
rlm@46
|
284 .x-tab-panel-header-plain .x-tab-strip-spacer {
|
rlm@46
|
285 border-color:#ccaacc;
|
rlm@46
|
286 background: #9d6a9f;
|
rlm@46
|
287 }
|
rlm@46
|
288
|
rlm@46
|
289 .x-tab-scroller-left {
|
rlm@46
|
290 background-image: url(../images/slate/tabs/scroll-left.gif);
|
rlm@46
|
291 border-color:#aeaeae;
|
rlm@46
|
292 }
|
rlm@46
|
293 .x-tab-scroller-right {
|
rlm@46
|
294 background-image: url(../images/slate/tabs/scroll-right.gif);
|
rlm@46
|
295 border-color:#aeaeae;
|
rlm@46
|
296 }
|
rlm@46
|
297
|
rlm@46
|
298 /* Window */
|
rlm@46
|
299
|
rlm@46
|
300 .x-window-proxy {
|
rlm@46
|
301 background:#ece4eb;
|
rlm@46
|
302 border-color:#ccaacc;
|
rlm@46
|
303 }
|
rlm@46
|
304
|
rlm@46
|
305 .x-window-tl .x-window-header {
|
rlm@46
|
306 color:#fafafa;
|
rlm@46
|
307 }
|
rlm@46
|
308 .x-window-tc {
|
rlm@46
|
309 background-image:url(../images/slate/window/top-bottom.png);
|
rlm@46
|
310 }
|
rlm@46
|
311 .x-window-tl {
|
rlm@46
|
312 background-image:url(../images/slate/window/left-corners.png);
|
rlm@46
|
313 }
|
rlm@46
|
314 .x-window-tr {
|
rlm@46
|
315 background-image:url(../images/slate/window/right-corners.png);
|
rlm@46
|
316 }
|
rlm@46
|
317 .x-window-bc {
|
rlm@46
|
318 background-image:url(../images/slate/window/top-bottom.png);
|
rlm@46
|
319 }
|
rlm@46
|
320 .x-window-bl {
|
rlm@46
|
321 background-image:url(../images/slate/window/left-corners.png);
|
rlm@46
|
322 }
|
rlm@46
|
323 .x-window-br {
|
rlm@46
|
324 background-image:url(../images/slate/window/right-corners.png);
|
rlm@46
|
325 }
|
rlm@46
|
326 .x-window-mc {
|
rlm@46
|
327 border:1px solid #ccaacc;
|
rlm@46
|
328 background:#e8e8e8;
|
rlm@46
|
329 }
|
rlm@46
|
330
|
rlm@46
|
331 .x-window-ml {
|
rlm@46
|
332 background-image:url(../images/slate/window/left-right.png);
|
rlm@46
|
333 }
|
rlm@46
|
334 .x-window-mr {
|
rlm@46
|
335 background-image:url(../images/slate/window/left-right.png);
|
rlm@46
|
336 }
|
rlm@46
|
337 .x-panel-ghost .x-window-tl {
|
rlm@46
|
338 border-color:#ccaacc;
|
rlm@46
|
339 }
|
rlm@46
|
340 .x-panel-collapsed .x-window-tl {
|
rlm@46
|
341 border-color:#ccaacc;
|
rlm@46
|
342 }
|
rlm@46
|
343
|
rlm@46
|
344 .x-window-plain .x-window-mc {
|
rlm@46
|
345 background: #e8e8e8;
|
rlm@46
|
346 border-right:1px solid #eeeeee;
|
rlm@46
|
347 border-bottom:1px solid #eeeeee;
|
rlm@46
|
348 border-top:1px solid #ccaacc;
|
rlm@46
|
349 border-left:1px solid #ccaacc;
|
rlm@46
|
350 }
|
rlm@46
|
351
|
rlm@46
|
352 .x-window-plain .x-window-body {
|
rlm@46
|
353 border-left:1px solid #dddddd;
|
rlm@46
|
354 border-top:1px solid #dddddd;
|
rlm@46
|
355 border-bottom:1px solid #ccaacc;
|
rlm@46
|
356 border-right:1px solid #ccaacc;
|
rlm@46
|
357 background:transparent !important;
|
rlm@46
|
358 }
|
rlm@46
|
359
|
rlm@46
|
360 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
|
rlm@46
|
361 background-color: #f0ecf0;
|
rlm@46
|
362 }
|
rlm@46
|
363
|
rlm@46
|
364
|
rlm@46
|
365 /* HTML Editor */
|
rlm@46
|
366 .x-html-editor-wrap {
|
rlm@46
|
367 border-color:#ccaacc;
|
rlm@46
|
368 }
|
rlm@46
|
369 .x-html-editor-tb .x-btn-text {
|
rlm@46
|
370 background:transparent url(../images/slate/editor/tb-sprite.gif) no-repeat scroll 0%;
|
rlm@46
|
371 }
|
rlm@46
|
372
|
rlm@46
|
373
|
rlm@46
|
374 /* Borders go last for specificity */
|
rlm@46
|
375 .x-panel-noborder .x-panel-body-noborder {
|
rlm@46
|
376 border-width:0;
|
rlm@46
|
377 }
|
rlm@46
|
378
|
rlm@46
|
379 .x-panel-noborder .x-panel-header-noborder {
|
rlm@46
|
380 border-width:0;
|
rlm@46
|
381 border-bottom:1px solid #ccaacc;
|
rlm@46
|
382 }
|
rlm@46
|
383
|
rlm@46
|
384 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
|
rlm@46
|
385 border-width:0;
|
rlm@46
|
386 border-bottom:1px solid #ccaacc;
|
rlm@46
|
387 }
|
rlm@46
|
388
|
rlm@46
|
389 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
|
rlm@46
|
390 border-width:0;
|
rlm@46
|
391 border-top:1px solid #ccaacc;
|
rlm@46
|
392 }
|
rlm@46
|
393
|
rlm@46
|
394 .x-window-noborder .x-window-mc {
|
rlm@46
|
395 border-width:0;
|
rlm@46
|
396 }
|
rlm@46
|
397 .x-window-plain .x-window-body-noborder {
|
rlm@46
|
398 border-width:0;
|
rlm@46
|
399 }
|
rlm@46
|
400
|
rlm@46
|
401 .x-tab-panel-noborder .x-tab-panel-body-noborder {
|
rlm@46
|
402 border-width:0;
|
rlm@46
|
403 }
|
rlm@46
|
404
|
rlm@46
|
405 .x-tab-panel-noborder .x-tab-panel-header-noborder {
|
rlm@46
|
406 border-top-width:0;
|
rlm@46
|
407 border-left-width:0;
|
rlm@46
|
408 border-right-width:0;
|
rlm@46
|
409 }
|
rlm@46
|
410
|
rlm@46
|
411 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
|
rlm@46
|
412 border-bottom-width:0;
|
rlm@46
|
413 border-left-width:0;
|
rlm@46
|
414 border-right-width:0;
|
rlm@46
|
415 }
|
rlm@46
|
416
|
rlm@46
|
417
|
rlm@46
|
418 .x-tab-panel-bbar-noborder .x-toolbar {
|
rlm@46
|
419 border-width:0;
|
rlm@46
|
420 border-top:1px solid #ccaacc;
|
rlm@46
|
421 }
|
rlm@46
|
422
|
rlm@46
|
423 .x-tab-panel-tbar-noborder .x-toolbar {
|
rlm@46
|
424 border-width:0;
|
rlm@46
|
425 border-bottom:1px solid #ccaacc;
|
rlm@46
|
426 }
|
rlm@46
|
427
|
rlm@46
|
428 /* Forms */
|
rlm@46
|
429 .x-form-text, textarea.x-form-field {
|
rlm@46
|
430 border:1px solid #bb99bb;
|
rlm@46
|
431 }
|
rlm@46
|
432 .x-trigger-wrap-focus .x-form-trigger {
|
rlm@46
|
433 border-bottom:1px solid #8e4a92;
|
rlm@46
|
434 }
|
rlm@46
|
435 .x-form-focus,textarea.x-form-focus {
|
rlm@46
|
436 border:1px solid #8e4a92;
|
rlm@46
|
437 }
|
rlm@46
|
438
|
rlm@46
|
439 .x-form-field-wrap .x-form-trigger {
|
rlm@46
|
440 background:transparent url(../images/slate/form/trigger.gif) no-repeat 0 0;
|
rlm@46
|
441 }
|
rlm@46
|
442 .x-form-field-wrap .x-form-date-trigger {
|
rlm@46
|
443 background-image:url(../images/slate/form/date-trigger.gif);
|
rlm@46
|
444 }
|
rlm@46
|
445 .x-form-field-wrap .x-form-clear-trigger {
|
rlm@46
|
446 background-image:url(../images/slate/form/clear-trigger.gif);
|
rlm@46
|
447 }
|
rlm@46
|
448 .x-form-field-wrap .x-form-search-trigger {
|
rlm@46
|
449 background-image:url(../images/slate/form/search-trigger.gif);
|
rlm@46
|
450 }
|
rlm@46
|
451
|
rlm@46
|
452 .x-form-field-wrap .x-form-trigger {
|
rlm@46
|
453 border-bottom:1px solid #997799;
|
rlm@46
|
454 }
|
rlm@46
|
455
|
rlm@46
|
456 .x-form fieldset legend {
|
rlm@46
|
457 color:#333333;
|
rlm@46
|
458 }
|
rlm@46
|
459
|
rlm@46
|
460 /* the following need to be duplicated from ext-all.js,
|
rlm@46
|
461 otherwise hover effects are broken */
|
rlm@46
|
462 .x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}
|
rlm@46
|
463 .x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}
|
rlm@46
|
464 .x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}
|
rlm@46
|
465 .x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}
|
rlm@46
|
466 .x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}
|
rlm@46
|
467
|
rlm@46
|
468
|
rlm@46
|
469 /* Grid */
|
rlm@46
|
470
|
rlm@46
|
471 .x-grid3-row-selected {
|
rlm@46
|
472 background:#d2fbdb;
|
rlm@46
|
473 border:1px dotted #cccccc;
|
rlm@46
|
474 }
|
rlm@46
|
475 .x-grid3-hd-btn{
|
rlm@46
|
476 background:#a9f2b5 url(../images/slate/grid/grid3-hd-btn.gif) no-repeat left center;
|
rlm@46
|
477 }
|
rlm@46
|
478 .x-grid3-header{
|
rlm@46
|
479 background:#f9f9f9 url(../images/slate/grid/grid3-hrow.gif) repeat-x 0 bottom;
|
rlm@46
|
480 }
|
rlm@46
|
481 td.x-grid3-hd-over .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.sort-asc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner{
|
rlm@46
|
482 background:#fdebfb url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
|
rlm@46
|
483 }
|
rlm@46
|
484 .sort-asc .x-grid3-sort-icon{
|
rlm@46
|
485 background-image:url(../images/slate/grid/sort_asc.gif);
|
rlm@46
|
486 }
|
rlm@46
|
487 .sort-desc .x-grid3-sort-icon{
|
rlm@46
|
488 background-image:url(../images/slate/grid/sort_desc.gif);
|
rlm@46
|
489 }
|
rlm@46
|
490 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
|
rlm@46
|
491 border-left:1px solid #ffffff;
|
rlm@46
|
492 border-right:1px solid #cccccc;
|
rlm@46
|
493 }
|
rlm@46
|
494 .x-grid3-cell-selected{
|
rlm@46
|
495 background-color:#ebe0ee!important;
|
rlm@46
|
496 }
|
rlm@46
|
497 .x-grid3-body .x-grid3-td-expander{
|
rlm@46
|
498 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
|
rlm@46
|
499 }
|
rlm@46
|
500 .x-grid3-body .x-grid3-td-checker{
|
rlm@46
|
501 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
|
rlm@46
|
502 }
|
rlm@46
|
503 .x-grid3-body .x-grid3-td-numberer{
|
rlm@46
|
504 background:transparent url(../images/slate/grid/grid3-special-col-bg.gif) repeat-y right;
|
rlm@46
|
505 }
|
rlm@46
|
506 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
|
rlm@46
|
507 background:transparent url(../images/slate/grid/grid3-special-col-sel-bg.gif) repeat-y right;
|
rlm@46
|
508 }
|
rlm@46
|
509 .x-grid-group-hd {
|
rlm@46
|
510 border-bottom:2px solid #b2aabb;
|
rlm@46
|
511 }
|
rlm@46
|
512 .x-grid-group-hd div {
|
rlm@46
|
513 color: #664466;
|
rlm@46
|
514 }
|
rlm@46
|
515 .x-dd-drag-proxy .x-grid3-hd-inner{
|
rlm@46
|
516 background:#fdebfb url(../images/slate/grid/grid3-hrow-over.gif) repeat-x left bottom;
|
rlm@46
|
517 border:1px solid #ccaacc;
|
rlm@46
|
518 }
|
rlm@46
|
519 .x-tbar-page-first{
|
rlm@46
|
520 background-image:url(../images/slate/grid/page-first.gif)!important;
|
rlm@46
|
521 }
|
rlm@46
|
522 .x-tbar-page-last{
|
rlm@46
|
523 background-image:url(../images/slate/grid/page-last.gif)!important;
|
rlm@46
|
524 }
|
rlm@46
|
525 .x-tbar-page-next{
|
rlm@46
|
526 background-image:url(../images/slate/grid/page-next.gif)!important;
|
rlm@46
|
527 }
|
rlm@46
|
528 .x-tbar-page-prev{
|
rlm@46
|
529 background-image:url(../images/slate/grid/page-prev.gif)!important;
|
rlm@46
|
530 }
|
rlm@46
|
531 .x-paging-info {
|
rlm@46
|
532 color:#ffffff;
|
rlm@46
|
533 }
|
rlm@46
|
534
|
rlm@46
|
535
|
rlm@46
|
536 /* Progress Bar */
|
rlm@46
|
537
|
rlm@46
|
538 .x-progress-bar{
|
rlm@46
|
539 background:#ee9ce8 url( ../../resources/images/slate/progress/progress-bg.gif ) repeat-x left center;
|
rlm@46
|
540 border-top:1px solid #dddddd;
|
rlm@46
|
541 border-bottom:1px solid #dddddd;
|
rlm@46
|
542 }
|
rlm@46
|
543
|
rlm@46
|
544
|
rlm@46
|
545 /* Combos */
|
rlm@46
|
546 .x-combo-list{
|
rlm@46
|
547 border:1px solid #aa88aa;
|
rlm@46
|
548 }
|
rlm@46
|
549 .x-combo-list .x-combo-selected{
|
rlm@46
|
550 border:1px dotted #cccccc!important;
|
rlm@46
|
551 background:#d2fbdb;
|
rlm@46
|
552 }
|
rlm@46
|
553
|
rlm@46
|
554
|
rlm@46
|
555 /* Calendars */
|
rlm@46
|
556
|
rlm@46
|
557 .x-date-middle,.x-date-left,.x-date-right{
|
rlm@46
|
558 background:url(../images/slate/shared/hd-sprite.gif) repeat-x 0 -83px;
|
rlm@46
|
559 }
|
rlm@46
|
560 .x-date-bottom {
|
rlm@46
|
561 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
|
rlm@46
|
562 border-top:1px solid #ccaacc;
|
rlm@46
|
563 }
|
rlm@46
|
564 .x-date-right a{
|
rlm@46
|
565 background-image:url(../images/slate/shared/right-btn.gif);
|
rlm@46
|
566 }
|
rlm@46
|
567 .x-date-left a{
|
rlm@46
|
568 background-image:url(../images/slate/shared/left-btn.gif);
|
rlm@46
|
569 }
|
rlm@46
|
570 .x-date-inner th{
|
rlm@46
|
571 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x left top;
|
rlm@46
|
572 border-bottom:1px solid #ccaacc;
|
rlm@46
|
573 color:#553355;
|
rlm@46
|
574 }
|
rlm@46
|
575 .x-date-inner .x-date-selected a {
|
rlm@46
|
576 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
|
rlm@46
|
577 border:1px solid #aa88aa;
|
rlm@46
|
578 }
|
rlm@46
|
579 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{
|
rlm@46
|
580 background:#dccfe1;
|
rlm@46
|
581 }
|
rlm@46
|
582 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{
|
rlm@46
|
583 color:#331033;
|
rlm@46
|
584 background:#dccfe1;
|
rlm@46
|
585 }
|
rlm@46
|
586 .x-date-mp-ybtn a{
|
rlm@46
|
587 background:transparent url(../images/slate/panel/tool-sprites.gif) no-repeat;
|
rlm@46
|
588 }
|
rlm@46
|
589 .x-date-mp-btns {
|
rlm@46
|
590 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x scroll left top;
|
rlm@46
|
591 }
|
rlm@46
|
592 td.x-date-mp-sel a{
|
rlm@46
|
593 background:#fbdffa url(../images/slate/shared/glass-bg.gif) repeat-x left top;
|
rlm@46
|
594 border:1px solid #ccaacc;
|
rlm@46
|
595 }
|
rlm@46
|
596 .x-date-mp-btns button{
|
rlm@46
|
597 background:#74406f;
|
rlm@46
|
598 border:1px solid;
|
rlm@46
|
599 border-color:#ccaacc #2a0055 #2a0055 #ccaacc;
|
rlm@46
|
600 }
|
rlm@46
|
601
|
rlm@46
|
602 /* Resizable Handle */
|
rlm@46
|
603 .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{
|
rlm@46
|
604 background:url(../images/slate/sizer/e-handle.gif);background-position:left;
|
rlm@46
|
605 }
|
rlm@46
|
606 .x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{
|
rlm@46
|
607 background:url(../images/slate/sizer/e-handle.gif);background-position:left;
|
rlm@46
|
608 }
|
rlm@46
|
609 .x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{
|
rlm@46
|
610 background:url(../images/slate/sizer/s-handle.gif);background-position:top;
|
rlm@46
|
611 }
|
rlm@46
|
612 .x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{
|
rlm@46
|
613 background:url(../images/slate/sizer/s-handle.gif);background-position:top;
|
rlm@46
|
614 }
|
rlm@46
|
615 .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{
|
rlm@46
|
616 background:url(../images/slate/sizer/se-handle.gif);background-position:top left;
|
rlm@46
|
617 }
|
rlm@46
|
618 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
|
rlm@46
|
619 background:url(../images/slate/sizer/nw-handle.gif);background-position:bottom right;
|
rlm@46
|
620 }
|
rlm@46
|
621 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
|
rlm@46
|
622 background:url(../images/slate/sizer/ne-handle.gif);background-position:bottom left;
|
rlm@46
|
623 }
|
rlm@46
|
624 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
|
rlm@46
|
625 background:url(../images/slate/sizer/sw-handle.gif);background-position:top right;
|
rlm@46
|
626 }
|
rlm@46
|
627
|
rlm@46
|
628 /* Tips */
|
rlm@46
|
629 .x-tip .x-tip-close{
|
rlm@46
|
630 background-image:url(../images/slate/qtip/close.gif);
|
rlm@46
|
631 }
|
rlm@46
|
632 .x-tip .x-tip-tc{
|
rlm@46
|
633 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -62px;
|
rlm@46
|
634 }
|
rlm@46
|
635 .x-tip .x-tip-tl{
|
rlm@46
|
636 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 0;
|
rlm@46
|
637 }
|
rlm@46
|
638 .x-tip .x-tip-tr{
|
rlm@46
|
639 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right 0;
|
rlm@46
|
640 }
|
rlm@46
|
641 .x-tip .x-tip-bc{
|
rlm@46
|
642 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -121px;
|
rlm@46
|
643 }
|
rlm@46
|
644 .x-tip .x-tip-bl{
|
rlm@46
|
645 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -59px;
|
rlm@46
|
646 }
|
rlm@46
|
647 .x-tip .x-tip-br{
|
rlm@46
|
648 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -59px;
|
rlm@46
|
649 }
|
rlm@46
|
650 .x-tip .x-tip-ml{
|
rlm@46
|
651 background:#ffffff url(../images/slate/qtip/tip-sprite.gif) no-repeat 0 -124px;
|
rlm@46
|
652 }
|
rlm@46
|
653 .x-tip .x-tip-mr{
|
rlm@46
|
654 background:transparent url(../images/slate/qtip/tip-sprite.gif) no-repeat right -124px;
|
rlm@46
|
655 }
|
rlm@46
|
656
|
rlm@46
|
657
|
rlm@46
|
658
|
rlm@46
|
659
|
rlm@46
|
660 /* Miscellaneous */
|
rlm@46
|
661
|
rlm@46
|
662 .x-item-disabled * {
|
rlm@46
|
663 color:#333333 !important;
|
rlm@46
|
664 }
|