|
rlm@46
|
1 /*
|
|
rlm@46
|
2 * Ext JS Library 2.0 Alpha 1
|
|
rlm@46
|
3 * Copyright(c) 2006-2007, Ext JS, LLC.
|
|
rlm@46
|
4 *
|
|
rlm@46
|
5 * @license GPL
|
|
rlm@46
|
6 * @author Kemal Tunador <tunador@madrabaz.com>
|
|
rlm@46
|
7 */
|
|
rlm@46
|
8 .ext-el-mask {
|
|
rlm@46
|
9 background-color: #000000;
|
|
rlm@46
|
10 }
|
|
rlm@46
|
11
|
|
rlm@46
|
12 .ext-el-mask-msg {
|
|
rlm@46
|
13 border: 1px solid #444444;
|
|
rlm@46
|
14 background: #666666;
|
|
rlm@46
|
15 }
|
|
rlm@46
|
16
|
|
rlm@46
|
17 .ext-el-mask-msg div {
|
|
rlm@46
|
18 border: 1px solid #888888;
|
|
rlm@46
|
19 }
|
|
rlm@46
|
20
|
|
rlm@46
|
21 .x-panel {
|
|
rlm@46
|
22 border-style: solid;
|
|
rlm@46
|
23 border-color: #000000;
|
|
rlm@46
|
24 }
|
|
rlm@46
|
25
|
|
rlm@46
|
26 .x-panel-header {
|
|
rlm@46
|
27 color: #eeeef0;
|
|
rlm@46
|
28 border: 1px solid #000000;
|
|
rlm@46
|
29 background-image: url(../images/slickness/panel/white-top-bottom.gif);
|
|
rlm@46
|
30 }
|
|
rlm@46
|
31
|
|
rlm@46
|
32 .x-panel-body {
|
|
rlm@46
|
33 border-color: #000000;
|
|
rlm@46
|
34 color: #111;
|
|
rlm@46
|
35 }
|
|
rlm@46
|
36
|
|
rlm@46
|
37 .x-panel-bbar .x-toolbar {
|
|
rlm@46
|
38 border-color: #000000;
|
|
rlm@46
|
39 }
|
|
rlm@46
|
40
|
|
rlm@46
|
41 .x-panel-tbar .x-toolbar {
|
|
rlm@46
|
42 border-color: #000000;
|
|
rlm@46
|
43 }
|
|
rlm@46
|
44
|
|
rlm@46
|
45 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
|
|
rlm@46
|
46 border-color: #000000;
|
|
rlm@46
|
47 }
|
|
rlm@46
|
48
|
|
rlm@46
|
49 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
|
|
rlm@46
|
50 border-color: #000000;
|
|
rlm@46
|
51 }
|
|
rlm@46
|
52
|
|
rlm@46
|
53 .x-panel-tl .x-panel-header {
|
|
rlm@46
|
54 color: #eeeef0;
|
|
rlm@46
|
55 }
|
|
rlm@46
|
56
|
|
rlm@46
|
57 .x-panel-tc {
|
|
rlm@46
|
58 background-image: url(../images/slickness/panel/top-bottom.gif);
|
|
rlm@46
|
59 }
|
|
rlm@46
|
60
|
|
rlm@46
|
61 .x-panel-tl {
|
|
rlm@46
|
62 background-image: url(../images/slickness/panel/corners-sprite.gif);
|
|
rlm@46
|
63 border-color: #000000;
|
|
rlm@46
|
64 }
|
|
rlm@46
|
65
|
|
rlm@46
|
66 .x-panel-tr {
|
|
rlm@46
|
67 background-image: url(../images/slickness/panel/corners-sprite.gif);
|
|
rlm@46
|
68 }
|
|
rlm@46
|
69
|
|
rlm@46
|
70 .x-panel-bc {
|
|
rlm@46
|
71 background-image: url(../images/slickness/panel/top-bottom.gif);
|
|
rlm@46
|
72 }
|
|
rlm@46
|
73
|
|
rlm@46
|
74 .x-panel-bl {
|
|
rlm@46
|
75 background-image: url(../images/slickness/panel/corners-sprite.gif);
|
|
rlm@46
|
76 }
|
|
rlm@46
|
77
|
|
rlm@46
|
78 .x-panel-br {
|
|
rlm@46
|
79 background-image: url(../images/slickness/panel/corners-sprite.gif);
|
|
rlm@46
|
80 }
|
|
rlm@46
|
81
|
|
rlm@46
|
82 .x-panel-mc {
|
|
rlm@46
|
83 background: #171717;
|
|
rlm@46
|
84 }
|
|
rlm@46
|
85
|
|
rlm@46
|
86 .x-panel-mc .x-panel-body {
|
|
rlm@46
|
87 background: transparent;
|
|
rlm@46
|
88 border: 0 none;
|
|
rlm@46
|
89 color: #eee !important;
|
|
rlm@46
|
90 }
|
|
rlm@46
|
91
|
|
rlm@46
|
92 .x-panel-ml {
|
|
rlm@46
|
93 background-image: url(../images/slickness/panel/left-right.gif);
|
|
rlm@46
|
94 }
|
|
rlm@46
|
95
|
|
rlm@46
|
96 .x-panel-mr {
|
|
rlm@46
|
97 background-image: url(../images/slickness/panel/left-right.gif);
|
|
rlm@46
|
98 }
|
|
rlm@46
|
99 /* Ghosting */
|
|
rlm@46
|
100 .x-panel-ghost {
|
|
rlm@46
|
101 background: #161616;
|
|
rlm@46
|
102 }
|
|
rlm@46
|
103
|
|
rlm@46
|
104 .x-panel-ghost ul {
|
|
rlm@46
|
105 border-color: #000000;
|
|
rlm@46
|
106 }
|
|
rlm@46
|
107
|
|
rlm@46
|
108 .x-grid-panel .x-panel-mc .x-panel-body {
|
|
rlm@46
|
109 border: 1px solid #000000;
|
|
rlm@46
|
110 }
|
|
rlm@46
|
111 /* Grid */
|
|
rlm@46
|
112 .x-grid3-row {
|
|
rlm@46
|
113 color: #000000;
|
|
rlm@46
|
114 border: 1px solid #666;
|
|
rlm@46
|
115 border-bottom: 1px solid #000;
|
|
rlm@46
|
116 }
|
|
rlm@46
|
117
|
|
rlm@46
|
118 .x-grid3-row-over {
|
|
rlm@46
|
119 border: 1px solid #292929;
|
|
rlm@46
|
120 border-left: 1px solid #666;
|
|
rlm@46
|
121 background-image: url(../images/slickness/grid/row-over.gif);
|
|
rlm@46
|
122 }
|
|
rlm@46
|
123
|
|
rlm@46
|
124 .x-grid3-header {
|
|
rlm@46
|
125 background-image: url(../images/slickness/grid/grid3-hrow.gif);
|
|
rlm@46
|
126 background-color: #747474;
|
|
rlm@46
|
127 }
|
|
rlm@46
|
128
|
|
rlm@46
|
129 .x-grid3-hd-inner {
|
|
rlm@46
|
130 color: #EEEEEE;
|
|
rlm@46
|
131 }
|
|
rlm@46
|
132
|
|
rlm@46
|
133 .x-grid3-header-pop-inner {
|
|
rlm@46
|
134 border-left: 1px solid #000000;
|
|
rlm@46
|
135 background-image: url(../images/slickness/grid/hd-pop.gif);
|
|
rlm@46
|
136 }
|
|
rlm@46
|
137
|
|
rlm@46
|
138 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
|
|
rlm@46
|
139 border-left: 1px solid #000000;
|
|
rlm@46
|
140 border-right: 1px solid #000000;
|
|
rlm@46
|
141 }
|
|
rlm@46
|
142
|
|
rlm@46
|
143 .sort-desc .x-grid3-sort-icon {
|
|
rlm@46
|
144 background-image: url(../images/slickness/grid/sort_desc.gif);
|
|
rlm@46
|
145 }
|
|
rlm@46
|
146
|
|
rlm@46
|
147 .sort-asc .x-grid3-sort-icon {
|
|
rlm@46
|
148 background-image: url(../images/slickness/grid/sort_asc.gif);
|
|
rlm@46
|
149 }
|
|
rlm@46
|
150
|
|
rlm@46
|
151 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
|
152 background-image: url(../images/slickness/grid/grid3-hrow-over.gif);
|
|
rlm@46
|
153 background-color: #333;
|
|
rlm@46
|
154 }
|
|
rlm@46
|
155
|
|
rlm@46
|
156 .x-dd-drag-proxy .x-grid3-hd-inner {
|
|
rlm@46
|
157 background-image: url(../images/slickness/grid/grid3-hrow-over.gif);
|
|
rlm@46
|
158 }
|
|
rlm@46
|
159
|
|
rlm@46
|
160 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
|
|
rlm@46
|
161 background-image: url(../images/slickness/grid/grid-hrow.gif);
|
|
rlm@46
|
162 color: #666;
|
|
rlm@46
|
163 border-top: 1px solid #666 !important;
|
|
rlm@46
|
164 border-right: 1px solid #000 !important;
|
|
rlm@46
|
165 }
|
|
rlm@46
|
166
|
|
rlm@46
|
167 .x-grid3-hd-btn {
|
|
rlm@46
|
168 background-image: url(../images/slickness/grid/grid3-hd-btn.gif);
|
|
rlm@46
|
169 }
|
|
rlm@46
|
170
|
|
rlm@46
|
171 .x-grid3-body .x-grid3-td-expander {
|
|
rlm@46
|
172 background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
|
|
rlm@46
|
173 }
|
|
rlm@46
|
174
|
|
rlm@46
|
175 .x-grid3-body .x-grid3-td-checker {
|
|
rlm@46
|
176 background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
|
|
rlm@46
|
177 }
|
|
rlm@46
|
178
|
|
rlm@46
|
179 .x-grid3-body .x-grid3-td-numberer {
|
|
rlm@46
|
180 background-image: url(../images/slickness/grid/grid3-special-col-bg.gif);
|
|
rlm@46
|
181 }
|
|
rlm@46
|
182
|
|
rlm@46
|
183 .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
|
184 background-image: url(../images/slickness/grid/grid3-special-col-sel-bg.gif);
|
|
rlm@46
|
185 }
|
|
rlm@46
|
186
|
|
rlm@46
|
187 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
|
|
rlm@46
|
188 color: #eee;
|
|
rlm@46
|
189 }
|
|
rlm@46
|
190
|
|
rlm@46
|
191 .x-grid3-hd-row td {
|
|
rlm@46
|
192 border-left: 1px solid #555;
|
|
rlm@46
|
193 border-right: 1px solid #333;
|
|
rlm@46
|
194 }
|
|
rlm@46
|
195
|
|
rlm@46
|
196 .x-grid3-row-selected .x-grid3-cell, .x-grid3-row-selected .x-grid3-body-cell{
|
|
rlm@46
|
197 color: #fff !important;
|
|
rlm@46
|
198 }
|
|
rlm@46
|
199
|
|
rlm@46
|
200 .x-grid3-row-selected {
|
|
rlm@46
|
201 background: #333 !important;
|
|
rlm@46
|
202 border: 1px solid #fff;
|
|
rlm@46
|
203 }
|
|
rlm@46
|
204
|
|
rlm@46
|
205 .x-grid-group-hd div {
|
|
rlm@46
|
206 color: #223355;
|
|
rlm@46
|
207 }
|
|
rlm@46
|
208
|
|
rlm@46
|
209 .x-grid-group-hd {
|
|
rlm@46
|
210 border: 1px solid #000;
|
|
rlm@46
|
211 border-bottom: 2px solid #333;
|
|
rlm@46
|
212 }
|
|
rlm@46
|
213
|
|
rlm@46
|
214 .x-grid3-row-checker, .x-grid3-hd-checker {
|
|
rlm@46
|
215 background-image: url(../images/slickness/grid/row-check-sprite.gif);
|
|
rlm@46
|
216 }
|
|
rlm@46
|
217 /* Menu */
|
|
rlm@46
|
218 .x-menu {
|
|
rlm@46
|
219 border: 1px solid #000000;
|
|
rlm@46
|
220 background-color: #393939;
|
|
rlm@46
|
221 background-image: url(../images/slickness/menu/menu.gif);
|
|
rlm@46
|
222 }
|
|
rlm@46
|
223
|
|
rlm@46
|
224 .x-menu-sep {
|
|
rlm@46
|
225 background-color: #4d4d4d;
|
|
rlm@46
|
226 border-bottom: 1px solid #272727;
|
|
rlm@46
|
227 }
|
|
rlm@46
|
228
|
|
rlm@46
|
229 .x-menu-plain {
|
|
rlm@46
|
230 background: #393939 !important;
|
|
rlm@46
|
231 }
|
|
rlm@46
|
232
|
|
rlm@46
|
233 .x-menu-item-active {
|
|
rlm@46
|
234 background-image: url(../images/slickness/menu/item-over.gif);
|
|
rlm@46
|
235 background-color: #3f3f3f;
|
|
rlm@46
|
236 border: 1px solid #222222;
|
|
rlm@46
|
237 }
|
|
rlm@46
|
238
|
|
rlm@46
|
239 .x-menu a.x-menu-item {
|
|
rlm@46
|
240 color: #eeeeee;
|
|
rlm@46
|
241 }
|
|
rlm@46
|
242
|
|
rlm@46
|
243 .x-cycle-menu .x-menu-item-checked {
|
|
rlm@46
|
244 border: 1px solid #222 !important;
|
|
rlm@46
|
245 background: #414140 url(../images/slickness/menu/item-selected.gif) repeat-x left bottom;
|
|
rlm@46
|
246 padding: 0;
|
|
rlm@46
|
247 /*margin : 1px 0px;*/
|
|
rlm@46
|
248 }
|
|
rlm@46
|
249
|
|
rlm@46
|
250 .x-menu-item-active a.x-menu-item {
|
|
rlm@46
|
251 color: #ffffff;
|
|
rlm@46
|
252 }
|
|
rlm@46
|
253
|
|
rlm@46
|
254 .xg-hmenu-sort-asc .x-menu-item-icon {
|
|
rlm@46
|
255 background-image: url(../images/slickness/grid/hmenu-asc.gif);
|
|
rlm@46
|
256 }
|
|
rlm@46
|
257
|
|
rlm@46
|
258 .xg-hmenu-sort-desc .x-menu-item-icon {
|
|
rlm@46
|
259 background-image: url(../images/slickness/grid/hmenu-desc.gif);
|
|
rlm@46
|
260 }
|
|
rlm@46
|
261
|
|
rlm@46
|
262 .x-menu-item-icon {
|
|
rlm@46
|
263 height: 14px;
|
|
rlm@46
|
264 width: 14px;
|
|
rlm@46
|
265 }
|
|
rlm@46
|
266
|
|
rlm@46
|
267 .x-menu-check-item .x-menu-item-icon {
|
|
rlm@46
|
268 background-image: url(../images/slickness/menu/unchecked.gif);
|
|
rlm@46
|
269 }
|
|
rlm@46
|
270
|
|
rlm@46
|
271 .x-menu-item-checked .x-menu-item-icon {
|
|
rlm@46
|
272 background-image: url(../images/slickness/menu/checked.gif);
|
|
rlm@46
|
273 }
|
|
rlm@46
|
274
|
|
rlm@46
|
275 .x-menu-list-item .x-menu-group-item .x-menu-item-icon {
|
|
rlm@46
|
276 background-image: url(../images/slickness/menu/group-unchecked.gif);
|
|
rlm@46
|
277 }
|
|
rlm@46
|
278
|
|
rlm@46
|
279 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
|
|
rlm@46
|
280 background-image: url(../images/slickness/menu/group-checked.gif);
|
|
rlm@46
|
281 }
|
|
rlm@46
|
282 /* Panel Tools */
|
|
rlm@46
|
283 .x-tool {
|
|
rlm@46
|
284 background-image: url(../images/slickness/panel/header-sprites.gif);
|
|
rlm@46
|
285 width: 27px;
|
|
rlm@46
|
286 height: 15px;
|
|
rlm@46
|
287 margin-top: -4px;
|
|
rlm@46
|
288 margin-left: 0px;
|
|
rlm@46
|
289 }
|
|
rlm@46
|
290
|
|
rlm@46
|
291 legend .x-tool {
|
|
rlm@46
|
292 margin-top: 0px;
|
|
rlm@46
|
293 }
|
|
rlm@46
|
294
|
|
rlm@46
|
295 .x-tool-close {
|
|
rlm@46
|
296 background-position: 0 -0;
|
|
rlm@46
|
297 }
|
|
rlm@46
|
298
|
|
rlm@46
|
299 .x-tool-close-over {
|
|
rlm@46
|
300 background-position: -27px 0;
|
|
rlm@46
|
301 }
|
|
rlm@46
|
302
|
|
rlm@46
|
303 .x-tool-minimize {
|
|
rlm@46
|
304 background-position: 0 -15px;
|
|
rlm@46
|
305 }
|
|
rlm@46
|
306
|
|
rlm@46
|
307 .x-tool-minimize-over {
|
|
rlm@46
|
308 background-position: -27px -15px;
|
|
rlm@46
|
309 }
|
|
rlm@46
|
310
|
|
rlm@46
|
311 .x-tool-maximize {
|
|
rlm@46
|
312 background-position: 0 -30px;
|
|
rlm@46
|
313 }
|
|
rlm@46
|
314
|
|
rlm@46
|
315 .x-tool-maximize-over {
|
|
rlm@46
|
316 background-position: -27px -30px;
|
|
rlm@46
|
317 }
|
|
rlm@46
|
318
|
|
rlm@46
|
319 .x-tool-restore {
|
|
rlm@46
|
320 background-position: 0 -45px;
|
|
rlm@46
|
321 }
|
|
rlm@46
|
322
|
|
rlm@46
|
323 .x-tool-restore-over {
|
|
rlm@46
|
324 background-position: -27px -45px;
|
|
rlm@46
|
325 }
|
|
rlm@46
|
326
|
|
rlm@46
|
327 .x-tool-toggle {
|
|
rlm@46
|
328 background-position: 0 -60px;
|
|
rlm@46
|
329 }
|
|
rlm@46
|
330
|
|
rlm@46
|
331 .x-tool-toggle-over {
|
|
rlm@46
|
332 background-position: -27px -60px;
|
|
rlm@46
|
333 }
|
|
rlm@46
|
334
|
|
rlm@46
|
335 .x-panel-collapsed .x-tool-toggle {
|
|
rlm@46
|
336 background-position: 0 -75px;
|
|
rlm@46
|
337 }
|
|
rlm@46
|
338
|
|
rlm@46
|
339 .x-panel-collapsed .x-tool-toggle-over {
|
|
rlm@46
|
340 background-position: -27px -75px;
|
|
rlm@46
|
341 }
|
|
rlm@46
|
342
|
|
rlm@46
|
343 .x-tool-gear {
|
|
rlm@46
|
344 background-position: 0 -90px;
|
|
rlm@46
|
345 }
|
|
rlm@46
|
346
|
|
rlm@46
|
347 .x-tool-gear-over {
|
|
rlm@46
|
348 background-position: -27px -90px;
|
|
rlm@46
|
349 }
|
|
rlm@46
|
350
|
|
rlm@46
|
351 .x-tool-pin {
|
|
rlm@46
|
352 background-position: 0 -135px;
|
|
rlm@46
|
353 }
|
|
rlm@46
|
354
|
|
rlm@46
|
355 .x-tool-pin-over {
|
|
rlm@46
|
356 background-position: -27px -135px;
|
|
rlm@46
|
357 }
|
|
rlm@46
|
358
|
|
rlm@46
|
359 .x-tool-unpin {
|
|
rlm@46
|
360 background-position: 0 -150px;
|
|
rlm@46
|
361 }
|
|
rlm@46
|
362
|
|
rlm@46
|
363 .x-tool-unpin-over {
|
|
rlm@46
|
364 background-position: -27px -150px;
|
|
rlm@46
|
365 }
|
|
rlm@46
|
366
|
|
rlm@46
|
367 .x-tool-right {
|
|
rlm@46
|
368 background-position: 0 -165px;
|
|
rlm@46
|
369 }
|
|
rlm@46
|
370
|
|
rlm@46
|
371 .x-tool-right-over {
|
|
rlm@46
|
372 background-position: -27px -165px;
|
|
rlm@46
|
373 }
|
|
rlm@46
|
374
|
|
rlm@46
|
375 .x-tool-left {
|
|
rlm@46
|
376 background-position: 0 -180px;
|
|
rlm@46
|
377 }
|
|
rlm@46
|
378
|
|
rlm@46
|
379 .x-tool-left-over {
|
|
rlm@46
|
380 background-position: -27px -180px;
|
|
rlm@46
|
381 }
|
|
rlm@46
|
382
|
|
rlm@46
|
383 .x-tool-up {
|
|
rlm@46
|
384 background-position: 0 -210px;
|
|
rlm@46
|
385 }
|
|
rlm@46
|
386
|
|
rlm@46
|
387 .x-tool-up-over {
|
|
rlm@46
|
388 background-position: -27px -210px;
|
|
rlm@46
|
389 }
|
|
rlm@46
|
390
|
|
rlm@46
|
391 .x-tool-down {
|
|
rlm@46
|
392 background-position: 0 -195px;
|
|
rlm@46
|
393 }
|
|
rlm@46
|
394
|
|
rlm@46
|
395 .x-tool-down-over {
|
|
rlm@46
|
396 background-position: -27px -195px;
|
|
rlm@46
|
397 }
|
|
rlm@46
|
398
|
|
rlm@46
|
399 .x-tool-refresh {
|
|
rlm@46
|
400 background-position: 0 -225px;
|
|
rlm@46
|
401 }
|
|
rlm@46
|
402
|
|
rlm@46
|
403 .x-tool-refresh-over {
|
|
rlm@46
|
404 background-position: -27px -225px;
|
|
rlm@46
|
405 }
|
|
rlm@46
|
406
|
|
rlm@46
|
407 .x-tool-minus {
|
|
rlm@46
|
408 background-position: 0 -255px;
|
|
rlm@46
|
409 }
|
|
rlm@46
|
410
|
|
rlm@46
|
411 .x-tool-minus-over {
|
|
rlm@46
|
412 background-position: -27px -255px;
|
|
rlm@46
|
413 }
|
|
rlm@46
|
414
|
|
rlm@46
|
415 .x-tool-plus {
|
|
rlm@46
|
416 background-position: 0 -240px;
|
|
rlm@46
|
417 }
|
|
rlm@46
|
418
|
|
rlm@46
|
419 .x-tool-plus-over {
|
|
rlm@46
|
420 background-position: -27px -240px;
|
|
rlm@46
|
421 }
|
|
rlm@46
|
422
|
|
rlm@46
|
423 .x-tool-search {
|
|
rlm@46
|
424 background-position: 0 -270px;
|
|
rlm@46
|
425 }
|
|
rlm@46
|
426
|
|
rlm@46
|
427 .x-tool-search-over {
|
|
rlm@46
|
428 background-position: -27px -270px;
|
|
rlm@46
|
429 }
|
|
rlm@46
|
430
|
|
rlm@46
|
431 .x-tool-save {
|
|
rlm@46
|
432 background-position: 0 -285px;
|
|
rlm@46
|
433 }
|
|
rlm@46
|
434
|
|
rlm@46
|
435 .x-tool-save-over {
|
|
rlm@46
|
436 background-position: -27px -285px;
|
|
rlm@46
|
437 }
|
|
rlm@46
|
438
|
|
rlm@46
|
439 .x-tool-help {
|
|
rlm@46
|
440 background-position: 0 -300px;
|
|
rlm@46
|
441 }
|
|
rlm@46
|
442
|
|
rlm@46
|
443 .x-tool-help-over {
|
|
rlm@46
|
444 background-position: -27px -300px;
|
|
rlm@46
|
445 }
|
|
rlm@46
|
446
|
|
rlm@46
|
447 .x-tool-print {
|
|
rlm@46
|
448 background-position: 0 -315px;
|
|
rlm@46
|
449 }
|
|
rlm@46
|
450
|
|
rlm@46
|
451 .x-tool-print-over {
|
|
rlm@46
|
452 background-position: -27px -315px;
|
|
rlm@46
|
453 }
|
|
rlm@46
|
454
|
|
rlm@46
|
455 .x-tool-wrench {
|
|
rlm@46
|
456 background-position: 0 -330px;
|
|
rlm@46
|
457 }
|
|
rlm@46
|
458
|
|
rlm@46
|
459 .x-tool-wrench-over {
|
|
rlm@46
|
460 background-position: -27px -330px;
|
|
rlm@46
|
461 }
|
|
rlm@46
|
462 /* Layout Tools */
|
|
rlm@46
|
463 .x-tool-collapse-south {
|
|
rlm@46
|
464 background-position: 0 -195px;
|
|
rlm@46
|
465 }
|
|
rlm@46
|
466
|
|
rlm@46
|
467 .x-tool-collapse-south-over {
|
|
rlm@46
|
468 background-position: -27px -195px;
|
|
rlm@46
|
469 }
|
|
rlm@46
|
470
|
|
rlm@46
|
471 .x-tool-collapse-north {
|
|
rlm@46
|
472 background-position: 0 -210px;
|
|
rlm@46
|
473 }
|
|
rlm@46
|
474
|
|
rlm@46
|
475 .x-tool-collapse-north-over {
|
|
rlm@46
|
476 background-position: -27px -210px;
|
|
rlm@46
|
477 }
|
|
rlm@46
|
478
|
|
rlm@46
|
479 .x-tool-collapse-west {
|
|
rlm@46
|
480 background-position: 0 -180px;
|
|
rlm@46
|
481 }
|
|
rlm@46
|
482
|
|
rlm@46
|
483 .x-tool-collapse-west-over {
|
|
rlm@46
|
484 background-position: -27px -180px;
|
|
rlm@46
|
485 }
|
|
rlm@46
|
486
|
|
rlm@46
|
487 .x-tool-collapse-east {
|
|
rlm@46
|
488 background-position: 0 -165px;
|
|
rlm@46
|
489 }
|
|
rlm@46
|
490
|
|
rlm@46
|
491 .x-tool-collapse-east-over {
|
|
rlm@46
|
492 background-position: -27px -165px;
|
|
rlm@46
|
493 }
|
|
rlm@46
|
494
|
|
rlm@46
|
495 .x-tool-expand-south {
|
|
rlm@46
|
496 background-position: 0 -210px;
|
|
rlm@46
|
497 }
|
|
rlm@46
|
498
|
|
rlm@46
|
499 .x-tool-expand-south-over {
|
|
rlm@46
|
500 background-position: -27px -210px;
|
|
rlm@46
|
501 }
|
|
rlm@46
|
502
|
|
rlm@46
|
503 .x-tool-expand-north {
|
|
rlm@46
|
504 background-position: 0 -195px;
|
|
rlm@46
|
505 }
|
|
rlm@46
|
506
|
|
rlm@46
|
507 .x-tool-expand-north-over {
|
|
rlm@46
|
508 background-position: -27px -195px;
|
|
rlm@46
|
509 }
|
|
rlm@46
|
510
|
|
rlm@46
|
511 .x-tool-expand-west {
|
|
rlm@46
|
512 background-position: 0 -165px;
|
|
rlm@46
|
513 }
|
|
rlm@46
|
514
|
|
rlm@46
|
515 .x-tool-expand-west-over {
|
|
rlm@46
|
516 background-position: -27px -165px;
|
|
rlm@46
|
517 }
|
|
rlm@46
|
518
|
|
rlm@46
|
519 .x-tool-expand-east {
|
|
rlm@46
|
520 background-position: 0 -180px;
|
|
rlm@46
|
521 }
|
|
rlm@46
|
522
|
|
rlm@46
|
523 .x-tool-expand-east-over {
|
|
rlm@46
|
524 background-position: -27px -180px;
|
|
rlm@46
|
525 }
|
|
rlm@46
|
526
|
|
rlm@46
|
527 .x-tool-expand-north, .x-tool-expand-south {
|
|
rlm@46
|
528 float: right;
|
|
rlm@46
|
529 margin: 0px 3px;
|
|
rlm@46
|
530 }
|
|
rlm@46
|
531
|
|
rlm@46
|
532 .x-tool-expand-east, .x-tool-expand-west {
|
|
rlm@46
|
533 float: none;
|
|
rlm@46
|
534 margin: 0px -4px;
|
|
rlm@46
|
535 }
|
|
rlm@46
|
536
|
|
rlm@46
|
537 .x-accordion-hd .x-tool-toggle-over {
|
|
rlm@46
|
538 background-position: -27px -255px;
|
|
rlm@46
|
539 }
|
|
rlm@46
|
540
|
|
rlm@46
|
541 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
|
|
rlm@46
|
542 background-position: -27px -240px;
|
|
rlm@46
|
543 }
|
|
rlm@46
|
544 /* Buttons */
|
|
rlm@46
|
545 .x-btn-text {
|
|
rlm@46
|
546 color: #eeeef0;
|
|
rlm@46
|
547 font-weight: bold !important;
|
|
rlm@46
|
548 }
|
|
rlm@46
|
549
|
|
rlm@46
|
550 .x-btn-left {
|
|
rlm@46
|
551 background-image: url(../images/slickness/button/btn-sprite.gif);
|
|
rlm@46
|
552 }
|
|
rlm@46
|
553
|
|
rlm@46
|
554 .x-btn-right {
|
|
rlm@46
|
555 background-image: url(../images/slickness/button/btn-sprite.gif);
|
|
rlm@46
|
556 }
|
|
rlm@46
|
557
|
|
rlm@46
|
558 .x-btn-center {
|
|
rlm@46
|
559 background-image: url(../images/slickness/button/btn-sprite.gif);
|
|
rlm@46
|
560 }
|
|
rlm@46
|
561
|
|
rlm@46
|
562 .x-btn-menu-arrow-wrap .x-btn-center button {
|
|
rlm@46
|
563 background-image: url(../images/slickness/button/btn-arrow-light.gif);
|
|
rlm@46
|
564 }
|
|
rlm@46
|
565
|
|
rlm@46
|
566 .x-btn-with-menu .x-btn-center em {
|
|
rlm@46
|
567 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
|
|
rlm@46
|
568 }
|
|
rlm@46
|
569
|
|
rlm@46
|
570 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
|
|
rlm@46
|
571 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
|
|
rlm@46
|
572 }
|
|
rlm@46
|
573 /* Layout classes */
|
|
rlm@46
|
574 .x-border-layout-ct {
|
|
rlm@46
|
575 background: #ddd; /* f1f2f4 */
|
|
rlm@46
|
576 }
|
|
rlm@46
|
577
|
|
rlm@46
|
578 .x-accordion-hd {
|
|
rlm@46
|
579 background-image: url(../images/slickness/panel/light-hd.gif);
|
|
rlm@46
|
580 }
|
|
rlm@46
|
581
|
|
rlm@46
|
582 .x-layout-collapsed {
|
|
rlm@46
|
583 background-color: #222222;
|
|
rlm@46
|
584 border-color: #000000;
|
|
rlm@46
|
585 }
|
|
rlm@46
|
586
|
|
rlm@46
|
587 .x-layout-collapsed-over {
|
|
rlm@46
|
588 background-color: #444444;
|
|
rlm@46
|
589 }
|
|
rlm@46
|
590 /* qtips */
|
|
rlm@46
|
591 .x-tip .x-tip-close {
|
|
rlm@46
|
592 background-image: url(../images/slickness/qtip/close.gif);
|
|
rlm@46
|
593 }
|
|
rlm@46
|
594
|
|
rlm@46
|
595 .x-tip .x-tip-tc {
|
|
rlm@46
|
596 background-image: url(../images/slickness/qtip/tip-sprite.gif);
|
|
rlm@46
|
597 }
|
|
rlm@46
|
598
|
|
rlm@46
|
599 .x-tip .x-tip-tl {
|
|
rlm@46
|
600 background-image: url(../images/slickness/qtip/tip-sprite.gif);
|
|
rlm@46
|
601 }
|
|
rlm@46
|
602
|
|
rlm@46
|
603 .x-tip .x-tip-tr {
|
|
rlm@46
|
604 background-image: url(../images/slickness/qtip/tip-sprite.gif);
|
|
rlm@46
|
605 }
|
|
rlm@46
|
606
|
|
rlm@46
|
607 .x-tip .x-tip-bc {
|
|
rlm@46
|
608 background-image: url(../images/slickness/qtip/tip-sprite.gif);
|
|
rlm@46
|
609 }
|
|
rlm@46
|
610
|
|
rlm@46
|
611 .x-tip .x-tip-bl {
|
|
rlm@46
|
612 background-image: url(../images/slickness/qtip/tip-sprite.gif);
|
|
rlm@46
|
613 }
|
|
rlm@46
|
614
|
|
rlm@46
|
615 .x-tip .x-tip-br {
|
|
rlm@46
|
616 background-image: url(../images/slickness/qtip/tip-sprite.gif);
|
|
rlm@46
|
617 }
|
|
rlm@46
|
618
|
|
rlm@46
|
619 .x-tip .x-tip-ml {
|
|
rlm@46
|
620 background-image: url(../images/slickness/qtip/tip-sprite.gif);
|
|
rlm@46
|
621 }
|
|
rlm@46
|
622
|
|
rlm@46
|
623 .x-tip .x-tip-mr {
|
|
rlm@46
|
624 background-image: url(../images/slickness/qtip/tip-sprite.gif);
|
|
rlm@46
|
625 }
|
|
rlm@46
|
626
|
|
rlm@46
|
627 .x-tip .x-tip-header-text {
|
|
rlm@46
|
628 color: #ffffff;
|
|
rlm@46
|
629 }
|
|
rlm@46
|
630
|
|
rlm@46
|
631 .x-tip .x-tip-body {
|
|
rlm@46
|
632 color: #eeeeee;
|
|
rlm@46
|
633 }
|
|
rlm@46
|
634
|
|
rlm@46
|
635 .x-form-invalid-icon {
|
|
rlm@46
|
636 background-image: url(../images/slickness/form/exclamation.gif);
|
|
rlm@46
|
637 }
|
|
rlm@46
|
638
|
|
rlm@46
|
639 .x-form-invalid-tip .x-tip-tc {
|
|
rlm@46
|
640 background-image: url(../images/slickness/form/error-tip-corners.gif);
|
|
rlm@46
|
641 }
|
|
rlm@46
|
642
|
|
rlm@46
|
643 .x-form-invalid-tip .x-tip-tl {
|
|
rlm@46
|
644 background-image: url(../images/slickness/form/error-tip-corners.gif);
|
|
rlm@46
|
645 }
|
|
rlm@46
|
646
|
|
rlm@46
|
647 .x-form-invalid-tip .x-tip-tr {
|
|
rlm@46
|
648 background-image: url(../images/slickness/form/error-tip-corners.gif);
|
|
rlm@46
|
649 }
|
|
rlm@46
|
650
|
|
rlm@46
|
651 .x-form-invalid-tip .x-tip-bc {
|
|
rlm@46
|
652 background-image: url(../images/slickness/form/error-tip-corners.gif);
|
|
rlm@46
|
653 }
|
|
rlm@46
|
654
|
|
rlm@46
|
655 .x-form-invalid-tip .x-tip-bl {
|
|
rlm@46
|
656 background-image: url(../images/slickness/form/error-tip-corners.gif);
|
|
rlm@46
|
657 }
|
|
rlm@46
|
658
|
|
rlm@46
|
659 .x-form-invalid-tip .x-tip-br {
|
|
rlm@46
|
660 background-image: url(../images/slickness/form/error-tip-corners.gif);
|
|
rlm@46
|
661 }
|
|
rlm@46
|
662
|
|
rlm@46
|
663 .x-form-invalid-tip .x-tip-ml {
|
|
rlm@46
|
664 background-image: url(../images/slickness/form/error-tip-corners.gif);
|
|
rlm@46
|
665 }
|
|
rlm@46
|
666
|
|
rlm@46
|
667 .x-form-invalid-tip .x-tip-mr {
|
|
rlm@46
|
668 background-image: url(../images/slickness/form/error-tip-corners.gif);
|
|
rlm@46
|
669 }
|
|
rlm@46
|
670
|
|
rlm@46
|
671 .x-form-invalid-tip .x-tip-body {
|
|
rlm@46
|
672 background-image: url(../images/slickness/form/exclamation.gif);
|
|
rlm@46
|
673 }
|
|
rlm@46
|
674 /* Toolbars */
|
|
rlm@46
|
675 .x-toolbar {
|
|
rlm@46
|
676 border-color: #444444;
|
|
rlm@46
|
677 background: #282828 url(../images/slickness/toolbar/bg.gif) repeat-x top left;
|
|
rlm@46
|
678 }
|
|
rlm@46
|
679
|
|
rlm@46
|
680 .x-toolbar button {
|
|
rlm@46
|
681 color: #eeeef0;
|
|
rlm@46
|
682 }
|
|
rlm@46
|
683
|
|
rlm@46
|
684 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
|
|
rlm@46
|
685 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
|
|
rlm@46
|
686 }
|
|
rlm@46
|
687
|
|
rlm@46
|
688 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
|
|
rlm@46
|
689 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
|
|
rlm@46
|
690 }
|
|
rlm@46
|
691
|
|
rlm@46
|
692 .x-toolbar .x-btn-over .x-btn-left {
|
|
rlm@46
|
693 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
|
|
rlm@46
|
694 }
|
|
rlm@46
|
695
|
|
rlm@46
|
696 .x-toolbar .x-btn-over .x-btn-right {
|
|
rlm@46
|
697 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
|
|
rlm@46
|
698 }
|
|
rlm@46
|
699
|
|
rlm@46
|
700 .x-toolbar .x-btn-over .x-btn-center {
|
|
rlm@46
|
701 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
|
|
rlm@46
|
702 }
|
|
rlm@46
|
703
|
|
rlm@46
|
704 .x-toolbar .x-btn-over button {
|
|
rlm@46
|
705 color: #ffffff;
|
|
rlm@46
|
706 }
|
|
rlm@46
|
707
|
|
rlm@46
|
708 .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
|
709 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
|
|
rlm@46
|
710 }
|
|
rlm@46
|
711
|
|
rlm@46
|
712 .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
|
713 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
|
|
rlm@46
|
714 }
|
|
rlm@46
|
715
|
|
rlm@46
|
716 .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
|
717 background-image: url(../images/slickness/toolbar/tb-btn-sprite.gif);
|
|
rlm@46
|
718 }
|
|
rlm@46
|
719
|
|
rlm@46
|
720 .x-toolbar .ytb-sep {
|
|
rlm@46
|
721 background-image: url(../images/slickness/grid/grid-split.gif);
|
|
rlm@46
|
722 }
|
|
rlm@46
|
723
|
|
rlm@46
|
724 .x-paging-info, .ytb-text {
|
|
rlm@46
|
725 color: #eeeef0;
|
|
rlm@46
|
726 }
|
|
rlm@46
|
727 /* Form */
|
|
rlm@46
|
728 .x-form-field-wrap .x-form-trigger {
|
|
rlm@46
|
729 background-image: url(../images/slickness/form/trigger.gif);
|
|
rlm@46
|
730 border-bottom: 1px solid #a3a3a3;
|
|
rlm@46
|
731 }
|
|
rlm@46
|
732
|
|
rlm@46
|
733 .x-form-field-wrap .x-form-date-trigger {
|
|
rlm@46
|
734 background-image: url(../images/slickness/form/date-trigger.gif);
|
|
rlm@46
|
735 }
|
|
rlm@46
|
736
|
|
rlm@46
|
737 .x-form-field-wrap .x-form-clear-trigger {
|
|
rlm@46
|
738 background-image: url(../images/slickness/form/clear-trigger.gif);
|
|
rlm@46
|
739 }
|
|
rlm@46
|
740
|
|
rlm@46
|
741 .x-form-field-wrap .x-form-search-trigger {
|
|
rlm@46
|
742 background-image: url(../images/slickness/form/search-trigger.gif);
|
|
rlm@46
|
743 }
|
|
rlm@46
|
744
|
|
rlm@46
|
745 .x-form-text, textarea.x-form-field {
|
|
rlm@46
|
746 border: 1px solid #a3a3a3;
|
|
rlm@46
|
747 }
|
|
rlm@46
|
748
|
|
rlm@46
|
749 .x-form-select-one {
|
|
rlm@46
|
750 border: 1px solid #a3a3a3;
|
|
rlm@46
|
751 }
|
|
rlm@46
|
752
|
|
rlm@46
|
753 .x-item-disabled .x-form-trigger-over {
|
|
rlm@46
|
754 border-bottom: 1px solid #a3a3a3;
|
|
rlm@46
|
755 }
|
|
rlm@46
|
756
|
|
rlm@46
|
757 .x-item-disabled .x-form-trigger-click {
|
|
rlm@46
|
758 border-bottom: 1px solid #a3a3a3;
|
|
rlm@46
|
759 }
|
|
rlm@46
|
760
|
|
rlm@46
|
761 .x-form fieldset {
|
|
rlm@46
|
762 border: 1px solid #a3a3a3;
|
|
rlm@46
|
763 }
|
|
rlm@46
|
764
|
|
rlm@46
|
765 .x-form-item-label {
|
|
rlm@46
|
766 color: #eee;
|
|
rlm@46
|
767 }
|
|
rlm@46
|
768
|
|
rlm@46
|
769 .x-panel-noborder .x-form-item-label {
|
|
rlm@46
|
770 color: #111;
|
|
rlm@46
|
771 }
|
|
rlm@46
|
772
|
|
rlm@46
|
773 .x-trigger-wrap-focus .x-form-trigger {
|
|
rlm@46
|
774 border-bottom: 1px solid #eee !important;
|
|
rlm@46
|
775 }
|
|
rlm@46
|
776
|
|
rlm@46
|
777 .x-form-focus, textarea.x-form-focus {
|
|
rlm@46
|
778 border: 1px solid #eee !important;
|
|
rlm@46
|
779 }
|
|
rlm@46
|
780
|
|
rlm@46
|
781 .x-panel-noborder .x-form-focus, textarea.x-form-focus {
|
|
rlm@46
|
782 border: 1px solid #000;
|
|
rlm@46
|
783 }
|
|
rlm@46
|
784 /* Tabs */
|
|
rlm@46
|
785 .x-tab-panel-header, .x-tab-panel-footer {
|
|
rlm@46
|
786 background: #000000;
|
|
rlm@46
|
787 border-color: #4a4a4a;
|
|
rlm@46
|
788 }
|
|
rlm@46
|
789
|
|
rlm@46
|
790 .x-tab-panel-header {
|
|
rlm@46
|
791 border-color: transparent;
|
|
rlm@46
|
792 }
|
|
rlm@46
|
793
|
|
rlm@46
|
794 .x-tab-panel-footer {
|
|
rlm@46
|
795 border-color: #4a4a4a;
|
|
rlm@46
|
796 }
|
|
rlm@46
|
797
|
|
rlm@46
|
798 ul.x-tab-strip-top {
|
|
rlm@46
|
799 background: #000000 url(../images/slickness/tabs/tab-strip-bg.gif) repeat-x left top;
|
|
rlm@46
|
800 border-color: #4a4a4a;
|
|
rlm@46
|
801 }
|
|
rlm@46
|
802
|
|
rlm@46
|
803 ul.x-tab-strip-bottom {
|
|
rlm@46
|
804 background-image: url(../images/slickness/tabs/tab-strip-btm-bg.gif);
|
|
rlm@46
|
805 border-color: #4a4a4a;
|
|
rlm@46
|
806 }
|
|
rlm@46
|
807
|
|
rlm@46
|
808 .x-tab-strip span.x-tab-strip-text {
|
|
rlm@46
|
809 color: #cccccc;
|
|
rlm@46
|
810 }
|
|
rlm@46
|
811
|
|
rlm@46
|
812 .x-tab-strip-over span.x-tab-strip-text {
|
|
rlm@46
|
813 color: #ffffff;
|
|
rlm@46
|
814 }
|
|
rlm@46
|
815
|
|
rlm@46
|
816 .x-tab-strip-active span.x-tab-strip-text {
|
|
rlm@46
|
817 color: #eeeef0;
|
|
rlm@46
|
818 }
|
|
rlm@46
|
819
|
|
rlm@46
|
820 .x-tab-strip-top .x-tab-right {
|
|
rlm@46
|
821 background-image: url(../images/slickness/tabs/tabs-sprite.gif);
|
|
rlm@46
|
822 }
|
|
rlm@46
|
823
|
|
rlm@46
|
824 .x-tab-strip-top .x-tab-left {
|
|
rlm@46
|
825 background-image: url(../images/slickness/tabs/tabs-sprite.gif);
|
|
rlm@46
|
826 }
|
|
rlm@46
|
827
|
|
rlm@46
|
828 .x-tab-strip-top .x-tab-strip-inner {
|
|
rlm@46
|
829 background-image: url(../images/slickness/tabs/tabs-sprite.gif);
|
|
rlm@46
|
830 }
|
|
rlm@46
|
831
|
|
rlm@46
|
832 .x-tab-strip-bottom .x-tab-right {
|
|
rlm@46
|
833 background-image: url(../images/slickness/tabs/tab-btm-inactive-right-bg.gif);
|
|
rlm@46
|
834 }
|
|
rlm@46
|
835
|
|
rlm@46
|
836 .x-tab-strip-bottom .x-tab-left {
|
|
rlm@46
|
837 background-image: url(../images/slickness/tabs/tab-btm-inactive-left-bg.gif);
|
|
rlm@46
|
838 }
|
|
rlm@46
|
839
|
|
rlm@46
|
840 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
|
|
rlm@46
|
841 background-image: url(../images/slickness/tabs/tab-btm-right-bg.gif);
|
|
rlm@46
|
842 }
|
|
rlm@46
|
843
|
|
rlm@46
|
844 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
|
|
rlm@46
|
845 background-image: url(../images/slickness/tabs/tab-btm-left-bg.gif);
|
|
rlm@46
|
846 }
|
|
rlm@46
|
847
|
|
rlm@46
|
848 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
|
|
rlm@46
|
849 background-image: url(../images/slickness/tabs/tab-close.gif);
|
|
rlm@46
|
850 }
|
|
rlm@46
|
851
|
|
rlm@46
|
852 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
|
|
rlm@46
|
853 background-image: url(../images/slickness/tabs/tab-close.gif);
|
|
rlm@46
|
854 }
|
|
rlm@46
|
855
|
|
rlm@46
|
856 .x-tab-panel-body {
|
|
rlm@46
|
857 border-color: #4a4a4a;
|
|
rlm@46
|
858 background: #eeeeee;
|
|
rlm@46
|
859 }
|
|
rlm@46
|
860
|
|
rlm@46
|
861 .x-tab-panel-bbar .x-toolbar {
|
|
rlm@46
|
862 border-color: #000000;
|
|
rlm@46
|
863 }
|
|
rlm@46
|
864
|
|
rlm@46
|
865 .x-tab-panel-tbar .x-toolbar {
|
|
rlm@46
|
866 border-color: #000000;
|
|
rlm@46
|
867 }
|
|
rlm@46
|
868
|
|
rlm@46
|
869 .x-tab-panel-header-plain .x-tab-strip-spacer {
|
|
rlm@46
|
870 border-color: #000000;
|
|
rlm@46
|
871 background: #353535;
|
|
rlm@46
|
872 }
|
|
rlm@46
|
873
|
|
rlm@46
|
874 .x-tab-scroller-left {
|
|
rlm@46
|
875 background-image: url(../images/slickness/tabs/scroll-left.gif);
|
|
rlm@46
|
876 border-color: #000000;
|
|
rlm@46
|
877 }
|
|
rlm@46
|
878
|
|
rlm@46
|
879 .x-tab-scroller-right {
|
|
rlm@46
|
880 background-image: url(../images/slickness/tabs/scroll-right.gif);
|
|
rlm@46
|
881 border-color: #000000;
|
|
rlm@46
|
882 }
|
|
rlm@46
|
883 /* Window */
|
|
rlm@46
|
884 .x-window-proxy {
|
|
rlm@46
|
885 background: #161616;
|
|
rlm@46
|
886 border-color: #000000;
|
|
rlm@46
|
887 }
|
|
rlm@46
|
888
|
|
rlm@46
|
889 .x-window-tl .x-window-header {
|
|
rlm@46
|
890 color: #eeeef0;
|
|
rlm@46
|
891 }
|
|
rlm@46
|
892
|
|
rlm@46
|
893 .x-window-tc {
|
|
rlm@46
|
894 background-image: url(../images/slickness/window/top-bottom.png);
|
|
rlm@46
|
895 }
|
|
rlm@46
|
896
|
|
rlm@46
|
897 .x-window-tl {
|
|
rlm@46
|
898 background-image: url(../images/slickness/window/left-corners.png);
|
|
rlm@46
|
899 }
|
|
rlm@46
|
900
|
|
rlm@46
|
901 .x-window-tr {
|
|
rlm@46
|
902 background-image: url(../images/slickness/window/right-corners.png);
|
|
rlm@46
|
903 }
|
|
rlm@46
|
904
|
|
rlm@46
|
905 .x-window-bc {
|
|
rlm@46
|
906 background-image: url(../images/slickness/window/top-bottom.png);
|
|
rlm@46
|
907 }
|
|
rlm@46
|
908
|
|
rlm@46
|
909 .x-window-bl {
|
|
rlm@46
|
910 background-image: url(../images/slickness/window/left-corners.png);
|
|
rlm@46
|
911 }
|
|
rlm@46
|
912
|
|
rlm@46
|
913 .x-window-br {
|
|
rlm@46
|
914 background-image: url(../images/slickness/window/right-corners.png);
|
|
rlm@46
|
915 }
|
|
rlm@46
|
916
|
|
rlm@46
|
917 .x-window-mc {
|
|
rlm@46
|
918 border: 1px solid #333333;
|
|
rlm@46
|
919 background: #222;
|
|
rlm@46
|
920 color: #eeeeee;
|
|
rlm@46
|
921 }
|
|
rlm@46
|
922
|
|
rlm@46
|
923 .x-window-ml {
|
|
rlm@46
|
924 background-image: url(../images/slickness/window/left-right.png);
|
|
rlm@46
|
925 }
|
|
rlm@46
|
926
|
|
rlm@46
|
927 .x-window-mr {
|
|
rlm@46
|
928 background-image: url(../images/slickness/window/left-right.png);
|
|
rlm@46
|
929 }
|
|
rlm@46
|
930
|
|
rlm@46
|
931 .x-panel-ghost .x-window-tl {
|
|
rlm@46
|
932 border-color: #000000;
|
|
rlm@46
|
933 }
|
|
rlm@46
|
934
|
|
rlm@46
|
935 .x-panel-collapsed .x-window-tl {
|
|
rlm@46
|
936 border-color: #000000;
|
|
rlm@46
|
937 }
|
|
rlm@46
|
938
|
|
rlm@46
|
939 .x-window-plain .x-window-mc {
|
|
rlm@46
|
940 color: #eeeeee;
|
|
rlm@46
|
941 background: #161616;
|
|
rlm@46
|
942 border-left: 1px solid #111111;
|
|
rlm@46
|
943 border-top: 1px solid #111111;
|
|
rlm@46
|
944 border-bottom: 1px solid #222222;
|
|
rlm@46
|
945 border-right: 1px solid #222222;
|
|
rlm@46
|
946 }
|
|
rlm@46
|
947
|
|
rlm@46
|
948 .x-window-plain .x-window-body {
|
|
rlm@46
|
949 border-left: 1px solid #555555;
|
|
rlm@46
|
950 border-top: 1px solid #555555;
|
|
rlm@46
|
951 border-bottom: 1px solid #333333;
|
|
rlm@46
|
952 border-right: 1px solid #333333;
|
|
rlm@46
|
953 background: transparent !important;
|
|
rlm@46
|
954 }
|
|
rlm@46
|
955
|
|
rlm@46
|
956 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
|
|
rlm@46
|
957 color: #eeeeee;
|
|
rlm@46
|
958 background-color: #0e0e0e;
|
|
rlm@46
|
959 }
|
|
rlm@46
|
960 /* Date Picker */
|
|
rlm@46
|
961 .x-date-picker {
|
|
rlm@46
|
962 border: 1px solid #000000;
|
|
rlm@46
|
963 background: #ffffff;
|
|
rlm@46
|
964 }
|
|
rlm@46
|
965
|
|
rlm@46
|
966 .x-date-middle, .x-date-left, .x-date-right {
|
|
rlm@46
|
967 background-image: url(../images/slickness/shared/hd-sprite.gif);
|
|
rlm@46
|
968 }
|
|
rlm@46
|
969
|
|
rlm@46
|
970 .x-date-middle .x-btn-with-menu .x-btn-center em {
|
|
rlm@46
|
971 background-image: url(../images/slickness/toolbar/btn-arrow-light.gif);
|
|
rlm@46
|
972 }
|
|
rlm@46
|
973
|
|
rlm@46
|
974 .x-date-right a {
|
|
rlm@46
|
975 background-image: url(../images/slickness/shared/right-btn.gif);
|
|
rlm@46
|
976 }
|
|
rlm@46
|
977
|
|
rlm@46
|
978 .x-date-left a {
|
|
rlm@46
|
979 background-image: url(../images/slickness/shared/left-btn.gif);
|
|
rlm@46
|
980 }
|
|
rlm@46
|
981
|
|
rlm@46
|
982 .x-date-inner th {
|
|
rlm@46
|
983 background-image: url(../images/slickness/shared/glass-bg.gif);
|
|
rlm@46
|
984 border-bottom: 1px solid #000000;
|
|
rlm@46
|
985 color: #eeeef0;
|
|
rlm@46
|
986 }
|
|
rlm@46
|
987
|
|
rlm@46
|
988 .x-date-inner .x-date-selected a {
|
|
rlm@46
|
989 background-image: url(../images/slickness/shared/glass-bg.gif);
|
|
rlm@46
|
990 border: 1px solid #000000;
|
|
rlm@46
|
991 color: #eeeef0;
|
|
rlm@46
|
992 }
|
|
rlm@46
|
993
|
|
rlm@46
|
994 .x-date-bottom {
|
|
rlm@46
|
995 border-top: 1px solid #000000;
|
|
rlm@46
|
996 background-image: url(../images/slickness/shared/glass-bg.gif);
|
|
rlm@46
|
997 }
|
|
rlm@46
|
998
|
|
rlm@46
|
999 .x-date-mp-btns {
|
|
rlm@46
|
1000 background-image: url(../images/slickness/shared/glass-bg.gif);
|
|
rlm@46
|
1001 }
|
|
rlm@46
|
1002
|
|
rlm@46
|
1003 td.x-date-mp-sel a {
|
|
rlm@46
|
1004 background-image: url(../images/slickness/shared/glass-bg.gif);
|
|
rlm@46
|
1005 border: 1px solid #000000;
|
|
rlm@46
|
1006 color: #eeeef0 !important;
|
|
rlm@46
|
1007 }
|
|
rlm@46
|
1008
|
|
rlm@46
|
1009 .x-date-mp-ybtn a {
|
|
rlm@46
|
1010 background-image: url(../images/slickness/panel/tool-sprites.gif);
|
|
rlm@46
|
1011 }
|
|
rlm@46
|
1012
|
|
rlm@46
|
1013 .x-date-mp-btns button {
|
|
rlm@46
|
1014 background-image: url(../images/slickness/shared/glass-bg.gif);
|
|
rlm@46
|
1015 border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;
|
|
rlm@46
|
1016 color: #eeeef0;
|
|
rlm@46
|
1017 }
|
|
rlm@46
|
1018
|
|
rlm@46
|
1019 .x-date-inner a {
|
|
rlm@46
|
1020 color: #000000;
|
|
rlm@46
|
1021 }
|
|
rlm@46
|
1022
|
|
rlm@46
|
1023 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
|
|
rlm@46
|
1024 color: #eeeef0;
|
|
rlm@46
|
1025 background: #353535;
|
|
rlm@46
|
1026 }
|
|
rlm@46
|
1027
|
|
rlm@46
|
1028 td.x-date-mp-month a, td.x-date-mp-year a {
|
|
rlm@46
|
1029 color: #000000;
|
|
rlm@46
|
1030 }
|
|
rlm@46
|
1031
|
|
rlm@46
|
1032 td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
|
|
rlm@46
|
1033 color: #eeeef0;
|
|
rlm@46
|
1034 background: #353535;
|
|
rlm@46
|
1035 }
|
|
rlm@46
|
1036 /* misc */
|
|
rlm@46
|
1037 .x-html-editor-wrap {
|
|
rlm@46
|
1038 border-color: #000000;
|
|
rlm@46
|
1039 }
|
|
rlm@46
|
1040 /* Editor */
|
|
rlm@46
|
1041 .x-html-editor-tb .x-btn-text {
|
|
rlm@46
|
1042 background: transparent url(../images/slickness/editor/tb-sprite.gif) no-repeat;
|
|
rlm@46
|
1043 }
|
|
rlm@46
|
1044 /* FieldSet*/
|
|
rlm@46
|
1045 .x-fieldset-header-text {
|
|
rlm@46
|
1046 color: #eeeeee;
|
|
rlm@46
|
1047 }
|
|
rlm@46
|
1048 /* Borders go last for specificity */
|
|
rlm@46
|
1049 .x-panel-noborder .x-panel-body-noborder {
|
|
rlm@46
|
1050 border-width: 0;
|
|
rlm@46
|
1051 }
|
|
rlm@46
|
1052
|
|
rlm@46
|
1053 .x-panel-noborder .x-panel-header-noborder {
|
|
rlm@46
|
1054 border-width: 0;
|
|
rlm@46
|
1055 border-bottom: 1px solid #000000;
|
|
rlm@46
|
1056 }
|
|
rlm@46
|
1057
|
|
rlm@46
|
1058 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
|
|
rlm@46
|
1059 border-width: 0;
|
|
rlm@46
|
1060 border-bottom: 1px solid #000000;
|
|
rlm@46
|
1061 }
|
|
rlm@46
|
1062
|
|
rlm@46
|
1063 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
|
|
rlm@46
|
1064 border-width: 0;
|
|
rlm@46
|
1065 border-top: 1px solid #000000;
|
|
rlm@46
|
1066 }
|
|
rlm@46
|
1067
|
|
rlm@46
|
1068 .x-window-noborder .x-window-mc {
|
|
rlm@46
|
1069 border-width: 0;
|
|
rlm@46
|
1070 }
|
|
rlm@46
|
1071
|
|
rlm@46
|
1072 .x-window-plain .x-window-body-noborder {
|
|
rlm@46
|
1073 border-width: 0;
|
|
rlm@46
|
1074 }
|
|
rlm@46
|
1075
|
|
rlm@46
|
1076 .x-tab-panel-noborder .x-tab-panel-body-noborder {
|
|
rlm@46
|
1077 border-width: 0;
|
|
rlm@46
|
1078 }
|
|
rlm@46
|
1079
|
|
rlm@46
|
1080 .x-tab-panel-noborder .x-tab-panel-header-noborder {
|
|
rlm@46
|
1081 border-top-width: 0;
|
|
rlm@46
|
1082 border-left-width: 0;
|
|
rlm@46
|
1083 border-right-width: 0;
|
|
rlm@46
|
1084 }
|
|
rlm@46
|
1085
|
|
rlm@46
|
1086 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
|
|
rlm@46
|
1087 border-bottom-width: 0;
|
|
rlm@46
|
1088 border-left-width: 0;
|
|
rlm@46
|
1089 border-right-width: 0;
|
|
rlm@46
|
1090 }
|
|
rlm@46
|
1091
|
|
rlm@46
|
1092 .x-tab-panel-bbar-noborder .x-toolbar {
|
|
rlm@46
|
1093 border-width: 0;
|
|
rlm@46
|
1094 border-top: 1px solid #000000;
|
|
rlm@46
|
1095 }
|
|
rlm@46
|
1096
|
|
rlm@46
|
1097 .x-tab-panel-tbar-noborder .x-toolbar {
|
|
rlm@46
|
1098 border-width: 0;
|
|
rlm@46
|
1099 border-bottom: 1px solid #000000;
|
|
rlm@46
|
1100 }
|
|
rlm@46
|
1101 /* Progress Bar*/
|
|
rlm@46
|
1102 .x-progress-wrap {
|
|
rlm@46
|
1103 border: 1px solid #4c4c4c;
|
|
rlm@46
|
1104 }
|
|
rlm@46
|
1105
|
|
rlm@46
|
1106 .x-progress-inner {
|
|
rlm@46
|
1107 background: #2d2d2d url(../images/slickness/progress/progress-bg.gif) repeat-x;
|
|
rlm@46
|
1108 }
|
|
rlm@46
|
1109
|
|
rlm@46
|
1110 .x-progress-bar {
|
|
rlm@46
|
1111 height: 18px;
|
|
rlm@46
|
1112 background: transparent url( ../images/slickness/progress/progress-ind.gif ) repeat-x left center;
|
|
rlm@46
|
1113 border: none;
|
|
rlm@46
|
1114 }
|
|
rlm@46
|
1115
|
|
rlm@46
|
1116 .x-progress-text {
|
|
rlm@46
|
1117 color: #000;
|
|
rlm@46
|
1118 }
|
|
rlm@46
|
1119
|
|
rlm@46
|
1120 .x-progress-text-back {
|
|
rlm@46
|
1121 color: #eee;
|
|
rlm@46
|
1122 }
|
|
rlm@46
|
1123 /* Dialog */
|
|
rlm@46
|
1124 .x-window-dlg .ext-mb-icon {
|
|
rlm@46
|
1125 float: left;
|
|
rlm@46
|
1126 width: 58px;
|
|
rlm@46
|
1127 height: 48px;
|
|
rlm@46
|
1128 }
|
|
rlm@46
|
1129
|
|
rlm@46
|
1130 .ext-ie .x-window-dlg .ext-mb-icon {
|
|
rlm@46
|
1131 width: 55px; /* 3px IE margin issue */
|
|
rlm@46
|
1132 }
|
|
rlm@46
|
1133
|
|
rlm@46
|
1134 .x-window-dlg .ext-mb-info {
|
|
rlm@46
|
1135 background: transparent url(../images/slickness/window/icon-info.gif) no-repeat top left;
|
|
rlm@46
|
1136 }
|
|
rlm@46
|
1137
|
|
rlm@46
|
1138 .x-window-dlg .ext-mb-warning {
|
|
rlm@46
|
1139 background: transparent url(../images/slickness/window/icon-warning.gif) no-repeat top left;
|
|
rlm@46
|
1140 }
|
|
rlm@46
|
1141
|
|
rlm@46
|
1142 .x-window-dlg .ext-mb-question {
|
|
rlm@46
|
1143 background: transparent url(../images/slickness/window/icon-question.gif) no-repeat top left;
|
|
rlm@46
|
1144 }
|
|
rlm@46
|
1145
|
|
rlm@46
|
1146 .x-window-dlg .ext-mb-error {
|
|
rlm@46
|
1147 background: transparent url(../images/slickness/window/icon-error.gif) no-repeat top left;
|
|
rlm@46
|
1148 }
|
|
rlm@46
|
1149 /* Combo */
|
|
rlm@46
|
1150 .x-combo-list {
|
|
rlm@46
|
1151 border: 1px solid #333;
|
|
rlm@46
|
1152 background: #ddd;
|
|
rlm@46
|
1153 }
|
|
rlm@46
|
1154
|
|
rlm@46
|
1155 .x-resizable-pinned .x-combo-list-inner {
|
|
rlm@46
|
1156 /*border-bottom:1px solid #333;*/
|
|
rlm@46
|
1157 }
|
|
rlm@46
|
1158
|
|
rlm@46
|
1159 .x-combo-list .x-combo-selected {
|
|
rlm@46
|
1160 border: 1px dotted #888 !important;
|
|
rlm@46
|
1161 background: #ccc;
|
|
rlm@46
|
1162 }
|
|
rlm@46
|
1163
|
|
rlm@46
|
1164 .x-combo-noedit {
|
|
rlm@46
|
1165 cursor: pointer;
|
|
rlm@46
|
1166 }
|
|
rlm@46
|
1167
|
|
rlm@46
|
1168 .x-combo-list .x-toolbar {
|
|
rlm@46
|
1169 border-top: 1px solid #333;
|
|
rlm@46
|
1170 }
|
