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 LGPL
|
rlm@46
|
6 * @author Kemal Tunador <tunador@madrabaz.com>
|
rlm@46
|
7 */
|
rlm@46
|
8
|
rlm@46
|
9 .x-panel {
|
rlm@46
|
10 border-style: solid;
|
rlm@46
|
11 border-color: #777777;
|
rlm@46
|
12 }
|
rlm@46
|
13 .x-panel-header {
|
rlm@46
|
14 color:#eeeeee;
|
rlm@46
|
15 border:1px solid #777777;
|
rlm@46
|
16 background-image:url(../images/darkgray/panel/white-top-bottom.gif);
|
rlm@46
|
17 }
|
rlm@46
|
18
|
rlm@46
|
19 .x-panel-body {
|
rlm@46
|
20 border-color:#777777;
|
rlm@46
|
21 }
|
rlm@46
|
22
|
rlm@46
|
23 .x-panel-bbar .x-toolbar {
|
rlm@46
|
24 border-color:#777777;
|
rlm@46
|
25 }
|
rlm@46
|
26
|
rlm@46
|
27 .x-panel-tbar .x-toolbar {
|
rlm@46
|
28 border-color:#777777;
|
rlm@46
|
29 }
|
rlm@46
|
30
|
rlm@46
|
31 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
|
rlm@46
|
32 border-color:#777777;
|
rlm@46
|
33 }
|
rlm@46
|
34 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
|
rlm@46
|
35 border-color:#777777;
|
rlm@46
|
36 }
|
rlm@46
|
37 .x-panel-tl .x-panel-header {
|
rlm@46
|
38 color:#eeeeee;
|
rlm@46
|
39 }
|
rlm@46
|
40 .x-panel-tc {
|
rlm@46
|
41 background-image:url(../images/darkgray/panel/top-bottom.gif);
|
rlm@46
|
42 }
|
rlm@46
|
43 .x-panel-tl {
|
rlm@46
|
44 background-image:url(../images/darkgray/panel/corners-sprite.gif);
|
rlm@46
|
45 border-color:#777777;
|
rlm@46
|
46 }
|
rlm@46
|
47 .x-panel-tr {
|
rlm@46
|
48 background-image:url(../images/darkgray/panel/corners-sprite.gif);
|
rlm@46
|
49 }
|
rlm@46
|
50 .x-panel-bc {
|
rlm@46
|
51 background-image:url(../images/darkgray/panel/top-bottom.gif);
|
rlm@46
|
52 }
|
rlm@46
|
53 .x-panel-bl {
|
rlm@46
|
54 background-image:url(../images/darkgray/panel/corners-sprite.gif);
|
rlm@46
|
55 }
|
rlm@46
|
56 .x-panel-br {
|
rlm@46
|
57 background-image:url(../images/darkgray/panel/corners-sprite.gif);
|
rlm@46
|
58 }
|
rlm@46
|
59 .x-panel-mc {
|
rlm@46
|
60 background:#888888;
|
rlm@46
|
61 color:#f9f9f9; /*ADDED*/
|
rlm@46
|
62 }
|
rlm@46
|
63 .x-panel-mc .x-panel-body {
|
rlm@46
|
64 background:transparent;
|
rlm@46
|
65 border: 0 none;
|
rlm@46
|
66 }
|
rlm@46
|
67 .x-panel-ml {
|
rlm@46
|
68 background-image:url(../images/darkgray/panel/left-right.gif);
|
rlm@46
|
69 }
|
rlm@46
|
70 .x-panel-mr {
|
rlm@46
|
71 background-image:url(../images/darkgray/panel/left-right.gif);
|
rlm@46
|
72 }
|
rlm@46
|
73
|
rlm@46
|
74 /* Grid */
|
rlm@46
|
75 .x-grid3-row {
|
rlm@46
|
76 color:#000000;
|
rlm@46
|
77 }
|
rlm@46
|
78 .x-grid3-row-over {
|
rlm@46
|
79 border:1px solid #dddddd;
|
rlm@46
|
80 background-image:url(../images/darkgray/grid/row-over.gif);
|
rlm@46
|
81 }
|
rlm@46
|
82 .x-grid3-header{
|
rlm@46
|
83 background-image:url(../images/darkgray/grid/grid3-hrow.gif);
|
rlm@46
|
84 }
|
rlm@46
|
85 .x-grid3-header-pop-inner {
|
rlm@46
|
86 border-left:1px solid #eeeeee;
|
rlm@46
|
87 background-image:url(../images/darkgray/grid/hd-pop.gif);
|
rlm@46
|
88 }
|
rlm@46
|
89 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
|
rlm@46
|
90 border-left:1px solid #906699;
|
rlm@46
|
91 border-right:1px solid #906699;
|
rlm@46
|
92 color: #000000;
|
rlm@46
|
93 }
|
rlm@46
|
94 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
|
95 background-image:url(../images/darkgray/grid/grid3-hrow-over.gif);
|
rlm@46
|
96 }
|
rlm@46
|
97 .x-dd-drag-proxy .x-grid3-hd-inner{
|
rlm@46
|
98 background-image:url(../images/darkgray/grid/grid3-hrow-over.gif);
|
rlm@46
|
99 }
|
rlm@46
|
100 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
|
rlm@46
|
101 background-image:url(../images/darkgray/grid/grid-hrow.gif);
|
rlm@46
|
102 color:black;
|
rlm@46
|
103 border-top:1px solid white;
|
rlm@46
|
104 border-right:1px solid #df6fd8 !important;
|
rlm@46
|
105 }
|
rlm@46
|
106 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
|
rlm@46
|
107 background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif);
|
rlm@46
|
108 color:black !important;
|
rlm@46
|
109 }
|
rlm@46
|
110 .x-grid3-hd-btn {
|
rlm@46
|
111 background-image:url(../images/darkgray/grid/grid3-hd-btn.gif);
|
rlm@46
|
112 }
|
rlm@46
|
113 .x-grid3-body .x-grid3-td-expander {
|
rlm@46
|
114 background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif);
|
rlm@46
|
115 }
|
rlm@46
|
116 .x-grid3-body .x-grid3-td-checker {
|
rlm@46
|
117 background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif);
|
rlm@46
|
118 }
|
rlm@46
|
119 .x-grid3-body .x-grid3-td-numberer {
|
rlm@46
|
120 background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif);
|
rlm@46
|
121 }
|
rlm@46
|
122 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
|
rlm@46
|
123 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
|
rlm@46
|
124 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
|
rlm@46
|
125 background-image:url(../images/darkgray/grid/grid3-special-col-sel-bg.gif);
|
rlm@46
|
126 }
|
rlm@46
|
127 .x-grid3-row-selected {
|
rlm@46
|
128 color: #eeeeee;
|
rlm@46
|
129 background: #585559;
|
rlm@46
|
130 border:1px dotted #111111;
|
rlm@46
|
131 }
|
rlm@46
|
132
|
rlm@46
|
133 /* Menu */
|
rlm@46
|
134 .x-menu {
|
rlm@46
|
135 border: 1px solid #333333;
|
rlm@46
|
136 background-image:url(../images/darkgray/menu/menu.gif);
|
rlm@46
|
137 }
|
rlm@46
|
138 .x-menu-sep {
|
rlm@46
|
139 background-color:#e6e6e6;
|
rlm@46
|
140 border-bottom:1px solid #bfbfbf;
|
rlm@46
|
141 }
|
rlm@46
|
142 .x-menu-item-active {
|
rlm@46
|
143 background-image:url(../images/darkgray/menu/item-over.gif);
|
rlm@46
|
144 border:1px solid #aaaaaa;
|
rlm@46
|
145 }
|
rlm@46
|
146
|
rlm@46
|
147 /* Tools */
|
rlm@46
|
148 .x-tool {
|
rlm@46
|
149 background-image:url(../images/darkgray/panel/tool-sprites.gif);
|
rlm@46
|
150 }
|
rlm@46
|
151
|
rlm@46
|
152 /* Ghosting */
|
rlm@46
|
153 .x-panel-ghost {
|
rlm@46
|
154 background:#888888;
|
rlm@46
|
155 }
|
rlm@46
|
156
|
rlm@46
|
157 .x-panel-ghost ul {
|
rlm@46
|
158 border-color:#555555;
|
rlm@46
|
159 }
|
rlm@46
|
160
|
rlm@46
|
161 .x-grid-panel .x-panel-mc .x-panel-body {
|
rlm@46
|
162 border:1px solid #777777;
|
rlm@46
|
163 }
|
rlm@46
|
164
|
rlm@46
|
165 /* Buttons */
|
rlm@46
|
166
|
rlm@46
|
167 .x-btn-text{
|
rlm@46
|
168 color: #eeeeee;
|
rlm@46
|
169 }
|
rlm@46
|
170 .x-btn-left{
|
rlm@46
|
171 background-image:url(../images/darkgray/button/btn-sprite.gif);
|
rlm@46
|
172 }
|
rlm@46
|
173 .x-btn-right{
|
rlm@46
|
174 background-image:url(../images/darkgray/button/btn-sprite.gif);
|
rlm@46
|
175 }
|
rlm@46
|
176 .x-btn-center{
|
rlm@46
|
177 background-image:url(../images/darkgray/button/btn-sprite.gif);
|
rlm@46
|
178 }
|
rlm@46
|
179
|
rlm@46
|
180 /* Layout classes */
|
rlm@46
|
181
|
rlm@46
|
182 .x-border-layout-ct {
|
rlm@46
|
183 background:#aeabaf; /* f1f2f4 */
|
rlm@46
|
184 }
|
rlm@46
|
185
|
rlm@46
|
186 .x-accordion-hd {
|
rlm@46
|
187 background-image:url(../images/darkgray/panel/light-hd.gif);
|
rlm@46
|
188 }
|
rlm@46
|
189
|
rlm@46
|
190 .x-layout-collapsed{
|
rlm@46
|
191 background-color:#777777;
|
rlm@46
|
192 border-color:#555555;
|
rlm@46
|
193 }
|
rlm@46
|
194 .x-layout-collapsed-over{
|
rlm@46
|
195 background-color:#888888;
|
rlm@46
|
196 }
|
rlm@46
|
197
|
rlm@46
|
198
|
rlm@46
|
199 /* qtips */
|
rlm@46
|
200 .x-tip .x-tip-close{
|
rlm@46
|
201 background-image: url(../images/darkgray/qtip/close.gif);
|
rlm@46
|
202 }
|
rlm@46
|
203 .x-tip .x-tip-tc {
|
rlm@46
|
204 background-image:url(../images/darkgray/qtip/tip-sprite.gif);
|
rlm@46
|
205 }
|
rlm@46
|
206 .x-tip .x-tip-tl {
|
rlm@46
|
207 background-image:url(../images/darkgray/qtip/tip-sprite.gif);
|
rlm@46
|
208 }
|
rlm@46
|
209 .x-tip .x-tip-tr {
|
rlm@46
|
210 background-image:url(../images/darkgray/qtip/tip-sprite.gif);
|
rlm@46
|
211 }
|
rlm@46
|
212 .x-tip .x-tip-bc {
|
rlm@46
|
213 background-image:url(../images/darkgray/qtip/tip-sprite.gif);
|
rlm@46
|
214 }
|
rlm@46
|
215 .x-tip .x-tip-bl {
|
rlm@46
|
216 background-image:url(../images/darkgray/qtip/tip-sprite.gif);
|
rlm@46
|
217 }
|
rlm@46
|
218 .x-tip .x-tip-br {
|
rlm@46
|
219 background-image:url(../images/darkgray/qtip/tip-sprite.gif);
|
rlm@46
|
220 }
|
rlm@46
|
221 .x-tip .x-tip-ml {
|
rlm@46
|
222 background-image:url(../images/darkgray/qtip/tip-sprite.gif);
|
rlm@46
|
223 }
|
rlm@46
|
224 .x-tip .x-tip-mr {
|
rlm@46
|
225 background-image:url(../images/darkgray/qtip/tip-sprite.gif);
|
rlm@46
|
226 }
|
rlm@46
|
227 .x-tip .x-tip-header-text {
|
rlm@46
|
228 color:#eeeeee;
|
rlm@46
|
229 }
|
rlm@46
|
230 .x-tip .x-tip-body {
|
rlm@46
|
231 color:#eeeeee;
|
rlm@46
|
232 }
|
rlm@46
|
233 /* Toolbars */
|
rlm@46
|
234
|
rlm@46
|
235 .x-toolbar{
|
rlm@46
|
236 border-color:#777777;
|
rlm@46
|
237 background:#9c9c9c url(../images/darkgray/toolbar/bg.gif) repeat-x top left;
|
rlm@46
|
238 }
|
rlm@46
|
239 .x-toolbar button {
|
rlm@46
|
240 color:#e5e5e5;
|
rlm@46
|
241 }
|
rlm@46
|
242 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
|
rlm@46
|
243 background-image:url(../images/darkgray/toolbar/btn-arrow.gif);
|
rlm@46
|
244 }
|
rlm@46
|
245 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
|
rlm@46
|
246 background-image:url(../images/darkgray/toolbar/btn-arrow.gif);
|
rlm@46
|
247 }
|
rlm@46
|
248 .x-toolbar .x-btn-over .x-btn-left{
|
rlm@46
|
249 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
250 }
|
rlm@46
|
251 .x-toolbar .x-btn-over .x-btn-right{
|
rlm@46
|
252 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
253 }
|
rlm@46
|
254 .x-toolbar .x-btn-over .x-btn-center{
|
rlm@46
|
255 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
256 }
|
rlm@46
|
257 .x-toolbar .x-btn-over button {
|
rlm@46
|
258 color:#eeeeee;
|
rlm@46
|
259 }
|
rlm@46
|
260 .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
|
261 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
262 }
|
rlm@46
|
263 .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
|
264 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
265 }
|
rlm@46
|
266
|
rlm@46
|
267 .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
|
268 background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
269 }
|
rlm@46
|
270 .x-toolbar .ytb-sep {
|
rlm@46
|
271 background-image: url(../images/darkgray/grid/grid-split.gif);
|
rlm@46
|
272 }
|
rlm@46
|
273 .x-paging-info {
|
rlm@46
|
274 color:#f9f9f9;
|
rlm@46
|
275 }
|
rlm@46
|
276
|
rlm@46
|
277 /* Form */
|
rlm@46
|
278
|
rlm@46
|
279 .x-form-field-wrap .x-form-trigger{
|
rlm@46
|
280 background-image:url(../images/darkgray/form/trigger.gif);
|
rlm@46
|
281 border-bottom: 1px solid #a5a5a5;
|
rlm@46
|
282 }
|
rlm@46
|
283 .x-form-field-wrap .x-form-date-trigger{
|
rlm@46
|
284 background-image: url(../images/darkgray/form/date-trigger.gif);
|
rlm@46
|
285 }
|
rlm@46
|
286 .x-form-field-wrap .x-form-clear-trigger{
|
rlm@46
|
287 background-image: url(../images/darkgray/form/clear-trigger.gif);
|
rlm@46
|
288 }
|
rlm@46
|
289 .x-form-field-wrap .x-form-search-trigger{
|
rlm@46
|
290 background-image: url(../images/darkgray/form/search-trigger.gif);
|
rlm@46
|
291 }
|
rlm@46
|
292 .x-form-text, textarea.x-form-field{
|
rlm@46
|
293 border: 1px solid #a5a5a5;
|
rlm@46
|
294 }
|
rlm@46
|
295 .x-form-select-one {
|
rlm@46
|
296 border: 1px solid #a5a5a5;
|
rlm@46
|
297 }
|
rlm@46
|
298 .x-item-disabled .x-form-trigger-over{
|
rlm@46
|
299 border-bottom: 1px solid #a5a5a5;
|
rlm@46
|
300 }
|
rlm@46
|
301 .x-item-disabled .x-form-trigger-click{
|
rlm@46
|
302 border-bottom: 1px solid #a5a5a5;
|
rlm@46
|
303 }
|
rlm@46
|
304 .x-form fieldset {
|
rlm@46
|
305 border:1px solid #a5a5a5;
|
rlm@46
|
306 }
|
rlm@46
|
307 .x-trigger-wrap-focus .x-form-trigger{
|
rlm@46
|
308 border-bottom: 1px solid #929292;
|
rlm@46
|
309 }
|
rlm@46
|
310 .x-form-focus, textarea.x-form-focus{
|
rlm@46
|
311 border: 1px solid #929292;
|
rlm@46
|
312 }
|
rlm@46
|
313 /* Tabs */
|
rlm@46
|
314
|
rlm@46
|
315 .x-tab-panel-header, .x-tab-panel-footer {
|
rlm@46
|
316 background: #646464;
|
rlm@46
|
317 border-color:#777777;
|
rlm@46
|
318 }
|
rlm@46
|
319
|
rlm@46
|
320
|
rlm@46
|
321 .x-tab-panel-header {
|
rlm@46
|
322 border-color:#777777;
|
rlm@46
|
323 }
|
rlm@46
|
324
|
rlm@46
|
325 .x-tab-panel-footer {
|
rlm@46
|
326 border-color:#777777;
|
rlm@46
|
327 }
|
rlm@46
|
328
|
rlm@46
|
329 ul.x-tab-strip-top{
|
rlm@46
|
330 background:#7a7a7a url(../images/darkgray/tabs/tab-strip-bg.gif) repeat-x left top;
|
rlm@46
|
331 border-color:#777777;
|
rlm@46
|
332 padding-top: 2px;
|
rlm@46
|
333 }
|
rlm@46
|
334
|
rlm@46
|
335 ul.x-tab-strip-bottom{
|
rlm@46
|
336 background-image:url(../images/darkgray/tabs/tab-strip-btm-bg.gif);
|
rlm@46
|
337 border-color:#777777;
|
rlm@46
|
338 }
|
rlm@46
|
339
|
rlm@46
|
340 .x-tab-strip span.x-tab-strip-text {
|
rlm@46
|
341 color:#dddddd;
|
rlm@46
|
342 }
|
rlm@46
|
343 .x-tab-strip-over span.x-tab-strip-text {
|
rlm@46
|
344 color:#000000;
|
rlm@46
|
345 }
|
rlm@46
|
346
|
rlm@46
|
347 .x-tab-strip-active span.x-tab-strip-text {
|
rlm@46
|
348 color:#eeeeee;
|
rlm@46
|
349 }
|
rlm@46
|
350
|
rlm@46
|
351 .x-tab-strip-disabled .x-tabs-text {
|
rlm@46
|
352 color:#888888;
|
rlm@46
|
353 }
|
rlm@46
|
354
|
rlm@46
|
355 .x-tab-strip-top .x-tab-right {
|
rlm@46
|
356 background-image:url(../images/darkgray/tabs/tabs-sprite.gif);
|
rlm@46
|
357 }
|
rlm@46
|
358
|
rlm@46
|
359 .x-tab-strip-top .x-tab-left {
|
rlm@46
|
360 background-image:url(../images/darkgray/tabs/tabs-sprite.gif);
|
rlm@46
|
361 }
|
rlm@46
|
362 .x-tab-strip-top .x-tab-strip-inner {
|
rlm@46
|
363 background-image:url(../images/darkgray/tabs/tabs-sprite.gif);
|
rlm@46
|
364 }
|
rlm@46
|
365
|
rlm@46
|
366 .x-tab-strip-bottom .x-tab-right {
|
rlm@46
|
367 background-image:url(../images/darkgray/tabs/tab-btm-inactive-right-bg.gif);
|
rlm@46
|
368 }
|
rlm@46
|
369
|
rlm@46
|
370 .x-tab-strip-bottom .x-tab-left {
|
rlm@46
|
371 background-image:url(../images/darkgray/tabs/tab-btm-inactive-left-bg.gif);
|
rlm@46
|
372 }
|
rlm@46
|
373
|
rlm@46
|
374 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
|
rlm@46
|
375 background-image:url(../images/darkgray/tabs/tab-btm-right-bg.gif);
|
rlm@46
|
376 }
|
rlm@46
|
377
|
rlm@46
|
378 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
|
rlm@46
|
379 background-image:url(../images/darkgray/tabs/tab-btm-left-bg.gif);
|
rlm@46
|
380 }
|
rlm@46
|
381
|
rlm@46
|
382 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
|
rlm@46
|
383 background-image:url(../images/darkgray/tabs/tab-close.gif);
|
rlm@46
|
384 }
|
rlm@46
|
385 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
|
rlm@46
|
386 background-image:url(../images/darkgray/tabs/tab-close.gif);
|
rlm@46
|
387 }
|
rlm@46
|
388
|
rlm@46
|
389 .x-tab-panel-body {
|
rlm@46
|
390 border-color:#777777;
|
rlm@46
|
391 background:#eeeeee;
|
rlm@46
|
392 }
|
rlm@46
|
393 .x-tab-panel-bbar .x-toolbar {
|
rlm@46
|
394 border-color: #777777;
|
rlm@46
|
395 }
|
rlm@46
|
396
|
rlm@46
|
397 .x-tab-panel-tbar .x-toolbar {
|
rlm@46
|
398 border-color: #777777;
|
rlm@46
|
399 }
|
rlm@46
|
400
|
rlm@46
|
401 .x-tab-panel-header-plain .x-tab-strip-spacer {
|
rlm@46
|
402 border-color:#777777;
|
rlm@46
|
403 background: #e7e7e7;
|
rlm@46
|
404 }
|
rlm@46
|
405
|
rlm@46
|
406 .x-tab-scroller-left {
|
rlm@46
|
407 background-image: url(../images/darkgray/tabs/scroll-left.gif);
|
rlm@46
|
408 border-color:#aeaeae;
|
rlm@46
|
409 }
|
rlm@46
|
410 .x-tab-scroller-right {
|
rlm@46
|
411 background-image: url(../images/darkgray/tabs/scroll-right.gif);
|
rlm@46
|
412 border-color:#aeaeae;
|
rlm@46
|
413 }
|
rlm@46
|
414
|
rlm@46
|
415 /* Buttons */
|
rlm@46
|
416
|
rlm@46
|
417 .x-btn-menu-arrow-wrap .x-btn-center button {
|
rlm@46
|
418 background-image:url(../images/darkgray/button/btn-arrow.gif);
|
rlm@46
|
419 }
|
rlm@46
|
420 .x-btn-with-menu .x-btn-center em {
|
rlm@46
|
421 background-image:url(../images/darkgray/toolbar/btn-arrow.gif);
|
rlm@46
|
422 }
|
rlm@46
|
423
|
rlm@46
|
424 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
|
rlm@46
|
425 background-image:url(../images/darkgray/toolbar/btn-arrow-light.gif);
|
rlm@46
|
426 }
|
rlm@46
|
427
|
rlm@46
|
428 /* Window */
|
rlm@46
|
429
|
rlm@46
|
430 .x-window-proxy {
|
rlm@46
|
431 background:#e0e0e0;
|
rlm@46
|
432 border-color:#b0b0b0;
|
rlm@46
|
433 }
|
rlm@46
|
434
|
rlm@46
|
435 .x-window-tl .x-window-header {
|
rlm@46
|
436 color:#eeeeee;
|
rlm@46
|
437 }
|
rlm@46
|
438 .x-window-tc {
|
rlm@46
|
439 background-image:url(../images/darkgray/window/top-bottom.png);
|
rlm@46
|
440 }
|
rlm@46
|
441 .x-window-tl {
|
rlm@46
|
442 background-image:url(../images/darkgray/window/left-corners.png);
|
rlm@46
|
443 }
|
rlm@46
|
444 .x-window-tr {
|
rlm@46
|
445 background-image:url(../images/darkgray/window/right-corners.png);
|
rlm@46
|
446 }
|
rlm@46
|
447 .x-window-bc {
|
rlm@46
|
448 background-image:url(../images/darkgray/window/top-bottom.png);
|
rlm@46
|
449 }
|
rlm@46
|
450 .x-window-bl {
|
rlm@46
|
451 background-image:url(../images/darkgray/window/left-corners.png);
|
rlm@46
|
452 }
|
rlm@46
|
453 .x-window-br {
|
rlm@46
|
454 background-image:url(../images/darkgray/window/right-corners.png);
|
rlm@46
|
455 }
|
rlm@46
|
456 .x-window-mc {
|
rlm@46
|
457 border:1px solid #555555;
|
rlm@46
|
458 background:#aaaaaa;
|
rlm@46
|
459 }
|
rlm@46
|
460
|
rlm@46
|
461 .x-window-ml {
|
rlm@46
|
462 background-image:url(../images/darkgray/window/left-right.png);
|
rlm@46
|
463 }
|
rlm@46
|
464 .x-window-mr {
|
rlm@46
|
465 background-image:url(../images/darkgray/window/left-right.png);
|
rlm@46
|
466 }
|
rlm@46
|
467 .x-panel-ghost .x-window-tl {
|
rlm@46
|
468 border-color:#555555;
|
rlm@46
|
469 }
|
rlm@46
|
470 .x-panel-collapsed .x-window-tl {
|
rlm@46
|
471 border-color:#555555;
|
rlm@46
|
472 }
|
rlm@46
|
473
|
rlm@46
|
474 .x-window-plain .x-window-mc {
|
rlm@46
|
475 background: #999999;
|
rlm@46
|
476 border-right:1px solid #eeeeee;
|
rlm@46
|
477 border-bottom:1px solid #eeeeee;
|
rlm@46
|
478 border-top:1px solid #555555;
|
rlm@46
|
479 border-left:1px solid #555555;
|
rlm@46
|
480 }
|
rlm@46
|
481
|
rlm@46
|
482 .x-window-plain .x-window-body {
|
rlm@46
|
483 border-left:1px solid #eeeeee;
|
rlm@46
|
484 border-top:1px solid #eeeeee;
|
rlm@46
|
485 border-bottom:1px solid #555555;
|
rlm@46
|
486 border-right:1px solid #555555;
|
rlm@46
|
487 background:transparent !important;
|
rlm@46
|
488 }
|
rlm@46
|
489
|
rlm@46
|
490 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
|
rlm@46
|
491 background-color: #999999;
|
rlm@46
|
492 }
|
rlm@46
|
493
|
rlm@46
|
494 /* Date Picker */
|
rlm@46
|
495 .x-date-picker {
|
rlm@46
|
496 border: 1px solid #000000;
|
rlm@46
|
497 background:#eeeeee;
|
rlm@46
|
498 }
|
rlm@46
|
499 .x-date-middle,.x-date-left,.x-date-right {
|
rlm@46
|
500 background-image: url(../images/darkgray/shared/hd-sprite.gif);
|
rlm@46
|
501 }
|
rlm@46
|
502 .x-date-middle .x-btn-with-menu .x-btn-center em {
|
rlm@46
|
503 background-image:url(../images/darkgray/toolbar/btn-arrow-light.gif);
|
rlm@46
|
504 }
|
rlm@46
|
505 .x-date-right a {
|
rlm@46
|
506 background-image: url(../images/darkgray/shared/right-btn.gif);
|
rlm@46
|
507 }
|
rlm@46
|
508 .x-date-left a{
|
rlm@46
|
509 background-image: url(../images/darkgray/shared/left-btn.gif);
|
rlm@46
|
510 }
|
rlm@46
|
511 .x-date-inner th {
|
rlm@46
|
512 background-image:url(../images/darkgray/shared/glass-bg.gif);
|
rlm@46
|
513 border-bottom: 1px solid #333333;
|
rlm@46
|
514 color:#f2eef0;
|
rlm@46
|
515 }
|
rlm@46
|
516 .x-date-inner .x-date-selected a{
|
rlm@46
|
517 background-image:url(../images/darkgray/shared/glass-bg.gif);
|
rlm@46
|
518 border:1px solid #333333;
|
rlm@46
|
519 color:#f2eef0;
|
rlm@46
|
520 }
|
rlm@46
|
521 .x-date-bottom {
|
rlm@46
|
522 border-top: 1px solid #333333;
|
rlm@46
|
523 background-image:url(../images/darkgray/shared/glass-bg.gif);
|
rlm@46
|
524 }
|
rlm@46
|
525 .x-date-mp-btns {
|
rlm@46
|
526 background-image:url(../images/darkgray/shared/glass-bg.gif);
|
rlm@46
|
527 }
|
rlm@46
|
528 td.x-date-mp-sel a {
|
rlm@46
|
529 background-image:url(../images/darkgray/shared/glass-bg.gif);
|
rlm@46
|
530 border:1px solid #000000;
|
rlm@46
|
531 color: #f2eef0;
|
rlm@46
|
532 }
|
rlm@46
|
533 .x-date-mp-ybtn a {
|
rlm@46
|
534 background-image:url(../images/darkgray/panel/tool-sprites.gif);
|
rlm@46
|
535 }
|
rlm@46
|
536 .x-date-mp-btns button {
|
rlm@46
|
537 background-image:url(../images/darkgray/shared/glass-bg.gif);
|
rlm@46
|
538 border-color: #555555 #000000 #000000 #555555;
|
rlm@46
|
539 }
|
rlm@46
|
540 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
|
rlm@46
|
541 color:#f2eef0;
|
rlm@46
|
542 background: #333333;
|
rlm@46
|
543 }
|
rlm@46
|
544 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
|
rlm@46
|
545 color:#f2eef0;
|
rlm@46
|
546 background: #333333;
|
rlm@46
|
547 }
|
rlm@46
|
548
|
rlm@46
|
549 /* misc */
|
rlm@46
|
550 .x-html-editor-wrap {
|
rlm@46
|
551 border-color:#d0d0d0;
|
rlm@46
|
552 }
|
rlm@46
|
553
|
rlm@46
|
554 /* Borders go last for specificity */
|
rlm@46
|
555 .x-panel-noborder .x-panel-body-noborder {
|
rlm@46
|
556 border-width:0;
|
rlm@46
|
557 }
|
rlm@46
|
558
|
rlm@46
|
559 .x-panel-noborder .x-panel-header-noborder {
|
rlm@46
|
560 border-width:0;
|
rlm@46
|
561 border-bottom:1px solid #d0d0d0;
|
rlm@46
|
562 }
|
rlm@46
|
563
|
rlm@46
|
564 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
|
rlm@46
|
565 border-width:0;
|
rlm@46
|
566 border-bottom:1px solid #d0d0d0;
|
rlm@46
|
567 }
|
rlm@46
|
568
|
rlm@46
|
569 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
|
rlm@46
|
570 border-width:0;
|
rlm@46
|
571 border-top:1px solid #d0d0d0;
|
rlm@46
|
572 }
|
rlm@46
|
573
|
rlm@46
|
574 .x-window-noborder .x-window-mc {
|
rlm@46
|
575 border-width:0;
|
rlm@46
|
576 }
|
rlm@46
|
577 .x-window-plain .x-window-body-noborder {
|
rlm@46
|
578 border-width:0;
|
rlm@46
|
579 }
|
rlm@46
|
580
|
rlm@46
|
581 .x-tab-panel-noborder .x-tab-panel-body-noborder {
|
rlm@46
|
582 border-width:0;
|
rlm@46
|
583 }
|
rlm@46
|
584
|
rlm@46
|
585 .x-tab-panel-noborder .x-tab-panel-header-noborder {
|
rlm@46
|
586 border-top-width:0;
|
rlm@46
|
587 border-left-width:0;
|
rlm@46
|
588 border-right-width:0;
|
rlm@46
|
589 }
|
rlm@46
|
590
|
rlm@46
|
591 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
|
rlm@46
|
592 border-bottom-width:0;
|
rlm@46
|
593 border-left-width:0;
|
rlm@46
|
594 border-right-width:0;
|
rlm@46
|
595 }
|
rlm@46
|
596
|
rlm@46
|
597
|
rlm@46
|
598 .x-tab-panel-bbar-noborder .x-toolbar {
|
rlm@46
|
599 border-width:0;
|
rlm@46
|
600 border-top:1px solid #d0d0d0;
|
rlm@46
|
601 }
|
rlm@46
|
602
|
rlm@46
|
603 .x-tab-panel-tbar-noborder .x-toolbar {
|
rlm@46
|
604 border-width:0;
|
rlm@46
|
605 border-bottom:1px solid #d0d0d0;
|
rlm@46
|
606 } |