rlm@46
|
1 /*
|
rlm@46
|
2 * Ext JS Library 2.1
|
rlm@46
|
3 * Copyright(c) 2006-2008, Ext JS, LLC.
|
rlm@46
|
4 * licensing@extjs.com
|
rlm@46
|
5 *
|
rlm@46
|
6 * http://extjs.com/license
|
rlm@46
|
7 */
|
rlm@46
|
8
|
rlm@46
|
9 .x-panel {
|
rlm@46
|
10 border-style: solid;
|
rlm@46
|
11 border-color: #d0d0d0;
|
rlm@46
|
12 }
|
rlm@46
|
13 .x-panel-header {
|
rlm@46
|
14 color:#333;
|
rlm@46
|
15 border:1px solid #d0d0d0;
|
rlm@46
|
16 background-image:url(../images/gray/panel/white-top-bottom.gif);
|
rlm@46
|
17 }
|
rlm@46
|
18
|
rlm@46
|
19 .x-panel-body {
|
rlm@46
|
20 border-color:#d0d0d0;
|
rlm@46
|
21 }
|
rlm@46
|
22
|
rlm@46
|
23 .x-panel-bbar .x-toolbar {
|
rlm@46
|
24 border-color:#d0d0d0;
|
rlm@46
|
25 }
|
rlm@46
|
26
|
rlm@46
|
27 .x-panel-tbar .x-toolbar {
|
rlm@46
|
28 border-color:#d0d0d0;
|
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:#d0d0d0;
|
rlm@46
|
33 }
|
rlm@46
|
34 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
|
rlm@46
|
35 border-color:#d0d0d0;
|
rlm@46
|
36 }
|
rlm@46
|
37 .x-panel-tl .x-panel-header {
|
rlm@46
|
38 color:#333;
|
rlm@46
|
39 }
|
rlm@46
|
40 .x-panel-tc {
|
rlm@46
|
41 background-image:url(../images/gray/panel/top-bottom.gif);
|
rlm@46
|
42 }
|
rlm@46
|
43 .x-panel-tl {
|
rlm@46
|
44 background-image:url(../images/gray/panel/corners-sprite.gif);
|
rlm@46
|
45 border-color:#d0d0d0;
|
rlm@46
|
46 }
|
rlm@46
|
47 .x-panel-tr {
|
rlm@46
|
48 background-image:url(../images/gray/panel/corners-sprite.gif);
|
rlm@46
|
49 }
|
rlm@46
|
50 .x-panel-bc {
|
rlm@46
|
51 background-image:url(../images/gray/panel/top-bottom.gif);
|
rlm@46
|
52 }
|
rlm@46
|
53 .x-panel-bl {
|
rlm@46
|
54 background-image:url(../images/gray/panel/corners-sprite.gif);
|
rlm@46
|
55 }
|
rlm@46
|
56 .x-panel-br {
|
rlm@46
|
57 background-image:url(../images/gray/panel/corners-sprite.gif);
|
rlm@46
|
58 }
|
rlm@46
|
59 .x-panel-mc {
|
rlm@46
|
60 background:#f1f1f1;
|
rlm@46
|
61 }
|
rlm@46
|
62 .x-panel-mc .x-panel-body {
|
rlm@46
|
63 background:transparent;
|
rlm@46
|
64 border: 0 none;
|
rlm@46
|
65 }
|
rlm@46
|
66 .x-panel-ml {
|
rlm@46
|
67 background-image:url(../images/gray/panel/left-right.gif);
|
rlm@46
|
68 }
|
rlm@46
|
69 .x-panel-mr {
|
rlm@46
|
70 background-image:url(../images/gray/panel/left-right.gif);
|
rlm@46
|
71 }
|
rlm@46
|
72
|
rlm@46
|
73 /* Tools */
|
rlm@46
|
74 .x-tool {
|
rlm@46
|
75 background-image:url(../images/gray/panel/tool-sprites.gif);
|
rlm@46
|
76 }
|
rlm@46
|
77
|
rlm@46
|
78 /* Ghosting */
|
rlm@46
|
79 .x-panel-ghost {
|
rlm@46
|
80 background:#e0e0e0;
|
rlm@46
|
81 }
|
rlm@46
|
82
|
rlm@46
|
83 .x-panel-ghost ul {
|
rlm@46
|
84 border-color:#b0b0b0;
|
rlm@46
|
85 }
|
rlm@46
|
86
|
rlm@46
|
87 .x-grid-panel .x-panel-mc .x-panel-body {
|
rlm@46
|
88 border:1px solid #d0d0d0;
|
rlm@46
|
89 }
|
rlm@46
|
90
|
rlm@46
|
91 /* Buttons */
|
rlm@46
|
92
|
rlm@46
|
93 .x-btn-left{
|
rlm@46
|
94 background-image:url(../images/gray/button/btn-sprite.gif);
|
rlm@46
|
95 }
|
rlm@46
|
96 .x-btn-right{
|
rlm@46
|
97 background-image:url(../images/gray/button/btn-sprite.gif);
|
rlm@46
|
98 }
|
rlm@46
|
99 .x-btn-center{
|
rlm@46
|
100 background-image:url(../images/gray/button/btn-sprite.gif);
|
rlm@46
|
101 }
|
rlm@46
|
102
|
rlm@46
|
103 /* Layout classes */
|
rlm@46
|
104
|
rlm@46
|
105 .x-border-layout-ct {
|
rlm@46
|
106 background:#f0f0f0;
|
rlm@46
|
107 }
|
rlm@46
|
108
|
rlm@46
|
109 .x-accordion-hd {
|
rlm@46
|
110 background-image:url(../images/gray/panel/light-hd.gif);
|
rlm@46
|
111 }
|
rlm@46
|
112
|
rlm@46
|
113 .x-layout-collapsed{
|
rlm@46
|
114 background-color:#eee;
|
rlm@46
|
115 border-color:#e0e0e0;
|
rlm@46
|
116 }
|
rlm@46
|
117 .x-layout-collapsed-over{
|
rlm@46
|
118 background-color:#fbfbfb;
|
rlm@46
|
119 }
|
rlm@46
|
120
|
rlm@46
|
121
|
rlm@46
|
122 /* qtips */
|
rlm@46
|
123 .x-tip .x-tip-top {
|
rlm@46
|
124 background-image:url(../images/gray/qtip/tip-sprite.gif);
|
rlm@46
|
125 }
|
rlm@46
|
126 .x-tip .x-tip-top-left {
|
rlm@46
|
127 background-image:url(../images/gray/qtip/tip-sprite.gif);
|
rlm@46
|
128 }
|
rlm@46
|
129 .x-tip .x-tip-top-right {
|
rlm@46
|
130 background-image:url(../images/gray/qtip/tip-sprite.gif);
|
rlm@46
|
131 }
|
rlm@46
|
132 .x-tip .x-tip-ft {
|
rlm@46
|
133 background-image:url(../images/gray/qtip/tip-sprite.gif);
|
rlm@46
|
134 }
|
rlm@46
|
135 .x-tip .x-tip-ft-left {
|
rlm@46
|
136 background-image:url(../images/gray/qtip/tip-sprite.gif);
|
rlm@46
|
137 }
|
rlm@46
|
138 .x-tip .x-tip-ft-right {
|
rlm@46
|
139 background-image:url(../images/gray/qtip/tip-sprite.gif);
|
rlm@46
|
140 }
|
rlm@46
|
141 .x-tip .x-tip-bd-left {
|
rlm@46
|
142 background-image:url(../images/gray/qtip/tip-sprite.gif);
|
rlm@46
|
143 }
|
rlm@46
|
144 .x-tip .x-tip-bd-right {
|
rlm@46
|
145 background-image:url(../images/gray/qtip/tip-sprite.gif);
|
rlm@46
|
146 }
|
rlm@46
|
147
|
rlm@46
|
148 /* Toolbars */
|
rlm@46
|
149
|
rlm@46
|
150 .x-toolbar{
|
rlm@46
|
151 border-color:#d0d0d0;
|
rlm@46
|
152 background:#f0f4f5 url(../images/gray/toolbar/bg.gif) repeat-x top left;
|
rlm@46
|
153 }
|
rlm@46
|
154 .x-toolbar button {
|
rlm@46
|
155 color:#444;
|
rlm@46
|
156 }
|
rlm@46
|
157 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
|
rlm@46
|
158 background-image:url(../images/gray/toolbar/btn-arrow.gif);
|
rlm@46
|
159 }
|
rlm@46
|
160 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
|
rlm@46
|
161 background-image:url(../images/gray/toolbar/btn-arrow.gif);
|
rlm@46
|
162 }
|
rlm@46
|
163 .x-toolbar .x-btn-over .x-btn-left{
|
rlm@46
|
164 background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
165 }
|
rlm@46
|
166 .x-toolbar .x-btn-over .x-btn-right{
|
rlm@46
|
167 background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
168 }
|
rlm@46
|
169 .x-toolbar .x-btn-over .x-btn-center{
|
rlm@46
|
170 background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
171 }
|
rlm@46
|
172 .x-toolbar .x-btn-over button {
|
rlm@46
|
173 color:#111;
|
rlm@46
|
174 }
|
rlm@46
|
175 .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
|
176 background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
177 }
|
rlm@46
|
178 .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
|
179 background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
180 }
|
rlm@46
|
181
|
rlm@46
|
182 .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
|
183 background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
|
rlm@46
|
184 }
|
rlm@46
|
185 .x-toolbar .ytb-sep {
|
rlm@46
|
186 background-image: url(../images/default/grid/grid-split.gif);
|
rlm@46
|
187 }
|
rlm@46
|
188
|
rlm@46
|
189 /* Tabs */
|
rlm@46
|
190
|
rlm@46
|
191 .x-tab-panel-header, .x-tab-panel-footer {
|
rlm@46
|
192 background: #EAEAEA;
|
rlm@46
|
193 border-color:#d0d0d0;
|
rlm@46
|
194 }
|
rlm@46
|
195
|
rlm@46
|
196
|
rlm@46
|
197 .x-tab-panel-header {
|
rlm@46
|
198 border-color:#d0d0d0;
|
rlm@46
|
199 }
|
rlm@46
|
200
|
rlm@46
|
201 .x-tab-panel-footer {
|
rlm@46
|
202 border-color:#d0d0d0;
|
rlm@46
|
203 }
|
rlm@46
|
204
|
rlm@46
|
205 ul.x-tab-strip-top{
|
rlm@46
|
206 background:#dbdbdb url(../images/gray/tabs/tab-strip-bg.gif) repeat-x left top;
|
rlm@46
|
207 border-color:#d0d0d0;
|
rlm@46
|
208 padding-top: 2px;
|
rlm@46
|
209 }
|
rlm@46
|
210
|
rlm@46
|
211 ul.x-tab-strip-bottom{
|
rlm@46
|
212 background-image:url(../images/gray/tabs/tab-strip-btm-bg.gif);
|
rlm@46
|
213 border-color:#d0d0d0;
|
rlm@46
|
214 }
|
rlm@46
|
215
|
rlm@46
|
216 .x-tab-strip span.x-tab-strip-text {
|
rlm@46
|
217 color:#333;
|
rlm@46
|
218 }
|
rlm@46
|
219 .x-tab-strip-over span.x-tab-strip-text {
|
rlm@46
|
220 color:#111;
|
rlm@46
|
221 }
|
rlm@46
|
222
|
rlm@46
|
223 .x-tab-strip-active span.x-tab-strip-text {
|
rlm@46
|
224 color:#333;
|
rlm@46
|
225 }
|
rlm@46
|
226
|
rlm@46
|
227 .x-tab-strip-disabled .x-tabs-text {
|
rlm@46
|
228 color:#aaaaaa;
|
rlm@46
|
229 }
|
rlm@46
|
230
|
rlm@46
|
231 .x-tab-strip-top .x-tab-right {
|
rlm@46
|
232 background-image:url(../images/gray/tabs/tabs-sprite.gif);
|
rlm@46
|
233 }
|
rlm@46
|
234
|
rlm@46
|
235 .x-tab-strip-top .x-tab-left {
|
rlm@46
|
236 background-image:url(../images/gray/tabs/tabs-sprite.gif);
|
rlm@46
|
237 }
|
rlm@46
|
238 .x-tab-strip-top .x-tab-strip-inner {
|
rlm@46
|
239 background-image:url(../images/gray/tabs/tabs-sprite.gif);
|
rlm@46
|
240 }
|
rlm@46
|
241
|
rlm@46
|
242 .x-tab-strip-bottom .x-tab-right {
|
rlm@46
|
243 background-image:url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
|
rlm@46
|
244 }
|
rlm@46
|
245
|
rlm@46
|
246 .x-tab-strip-bottom .x-tab-left {
|
rlm@46
|
247 background-image:url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
|
rlm@46
|
248 }
|
rlm@46
|
249
|
rlm@46
|
250 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
|
rlm@46
|
251 background-image:url(../images/gray/tabs/tab-btm-right-bg.gif);
|
rlm@46
|
252 }
|
rlm@46
|
253
|
rlm@46
|
254 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
|
rlm@46
|
255 background-image:url(../images/gray/tabs/tab-btm-left-bg.gif);
|
rlm@46
|
256 }
|
rlm@46
|
257
|
rlm@46
|
258 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
|
rlm@46
|
259 background-image:url(../images/gray/tabs/tab-close.gif);
|
rlm@46
|
260 }
|
rlm@46
|
261 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
|
rlm@46
|
262 background-image:url(../images/gray/tabs/tab-close.gif);
|
rlm@46
|
263 }
|
rlm@46
|
264
|
rlm@46
|
265 .x-tab-panel-body {
|
rlm@46
|
266 border-color:#d0d0d0;
|
rlm@46
|
267 background:#fff;
|
rlm@46
|
268 }
|
rlm@46
|
269 .x-tab-panel-bbar .x-toolbar {
|
rlm@46
|
270 border-color: #d0d0d0;
|
rlm@46
|
271 }
|
rlm@46
|
272
|
rlm@46
|
273 .x-tab-panel-tbar .x-toolbar {
|
rlm@46
|
274 border-color: #d0d0d0;
|
rlm@46
|
275 }
|
rlm@46
|
276
|
rlm@46
|
277 .x-tab-panel-header-plain .x-tab-strip-spacer {
|
rlm@46
|
278 border-color:#d0d0d0;
|
rlm@46
|
279 background: #eaeaea;
|
rlm@46
|
280 }
|
rlm@46
|
281
|
rlm@46
|
282 .x-tab-scroller-left {
|
rlm@46
|
283 background-image: url(../images/gray/tabs/scroll-left.gif);
|
rlm@46
|
284 border-color:#aeaeae;
|
rlm@46
|
285 }
|
rlm@46
|
286 .x-tab-scroller-right {
|
rlm@46
|
287 background-image: url(../images/gray/tabs/scroll-right.gif);
|
rlm@46
|
288 border-color:#aeaeae;
|
rlm@46
|
289 }
|
rlm@46
|
290
|
rlm@46
|
291 /* Window */
|
rlm@46
|
292
|
rlm@46
|
293 .x-window-proxy {
|
rlm@46
|
294 background:#e0e0e0;
|
rlm@46
|
295 border-color:#b0b0b0;
|
rlm@46
|
296 }
|
rlm@46
|
297
|
rlm@46
|
298 .x-window-tl .x-window-header {
|
rlm@46
|
299 color:#555;
|
rlm@46
|
300 }
|
rlm@46
|
301 .x-window-tc {
|
rlm@46
|
302 background-image:url(../images/gray/window/top-bottom.png);
|
rlm@46
|
303 }
|
rlm@46
|
304 .x-window-tl {
|
rlm@46
|
305 background-image:url(../images/gray/window/left-corners.png);
|
rlm@46
|
306 }
|
rlm@46
|
307 .x-window-tr {
|
rlm@46
|
308 background-image:url(../images/gray/window/right-corners.png);
|
rlm@46
|
309 }
|
rlm@46
|
310 .x-window-bc {
|
rlm@46
|
311 background-image:url(../images/gray/window/top-bottom.png);
|
rlm@46
|
312 }
|
rlm@46
|
313 .x-window-bl {
|
rlm@46
|
314 background-image:url(../images/gray/window/left-corners.png);
|
rlm@46
|
315 }
|
rlm@46
|
316 .x-window-br {
|
rlm@46
|
317 background-image:url(../images/gray/window/right-corners.png);
|
rlm@46
|
318 }
|
rlm@46
|
319 .x-window-mc {
|
rlm@46
|
320 border:1px solid #d0d0d0;
|
rlm@46
|
321 background:#e8e8e8;
|
rlm@46
|
322 }
|
rlm@46
|
323
|
rlm@46
|
324 .x-window-ml {
|
rlm@46
|
325 background-image:url(../images/gray/window/left-right.png);
|
rlm@46
|
326 }
|
rlm@46
|
327 .x-window-mr {
|
rlm@46
|
328 background-image:url(../images/gray/window/left-right.png);
|
rlm@46
|
329 }
|
rlm@46
|
330 .x-panel-ghost .x-window-tl {
|
rlm@46
|
331 border-color:#d0d0d0;
|
rlm@46
|
332 }
|
rlm@46
|
333 .x-panel-collapsed .x-window-tl {
|
rlm@46
|
334 border-color:#d0d0d0;
|
rlm@46
|
335 }
|
rlm@46
|
336
|
rlm@46
|
337 .x-window-plain .x-window-mc {
|
rlm@46
|
338 background: #e8e8e8;
|
rlm@46
|
339 border-right:1px solid #eee;
|
rlm@46
|
340 border-bottom:1px solid #eee;
|
rlm@46
|
341 border-top:1px solid #d0d0d0;
|
rlm@46
|
342 border-left:1px solid #d0d0d0;
|
rlm@46
|
343 }
|
rlm@46
|
344
|
rlm@46
|
345 .x-window-plain .x-window-body {
|
rlm@46
|
346 border-left:1px solid #eee;
|
rlm@46
|
347 border-top:1px solid #eee;
|
rlm@46
|
348 border-bottom:1px solid #d0d0d0;
|
rlm@46
|
349 border-right:1px solid #d0d0d0;
|
rlm@46
|
350 background:transparent !important;
|
rlm@46
|
351 }
|
rlm@46
|
352
|
rlm@46
|
353 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
|
rlm@46
|
354 background-color: #e4e4e4;
|
rlm@46
|
355 }
|
rlm@46
|
356
|
rlm@46
|
357
|
rlm@46
|
358 /* misc */
|
rlm@46
|
359 .x-html-editor-wrap {
|
rlm@46
|
360 border-color:#d0d0d0;
|
rlm@46
|
361 }
|
rlm@46
|
362
|
rlm@46
|
363 /* Borders go last for specificity */
|
rlm@46
|
364 .x-panel-noborder .x-panel-body-noborder {
|
rlm@46
|
365 border-width:0;
|
rlm@46
|
366 }
|
rlm@46
|
367
|
rlm@46
|
368 .x-panel-noborder .x-panel-header-noborder {
|
rlm@46
|
369 border-width:0;
|
rlm@46
|
370 border-bottom:1px solid #d0d0d0;
|
rlm@46
|
371 }
|
rlm@46
|
372
|
rlm@46
|
373 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
|
rlm@46
|
374 border-width:0;
|
rlm@46
|
375 border-bottom:1px solid #d0d0d0;
|
rlm@46
|
376 }
|
rlm@46
|
377
|
rlm@46
|
378 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
|
rlm@46
|
379 border-width:0;
|
rlm@46
|
380 border-top:1px solid #d0d0d0;
|
rlm@46
|
381 }
|
rlm@46
|
382
|
rlm@46
|
383 .x-window-noborder .x-window-mc {
|
rlm@46
|
384 border-width:0;
|
rlm@46
|
385 }
|
rlm@46
|
386 .x-window-plain .x-window-body-noborder {
|
rlm@46
|
387 border-width:0;
|
rlm@46
|
388 }
|
rlm@46
|
389
|
rlm@46
|
390 .x-tab-panel-noborder .x-tab-panel-body-noborder {
|
rlm@46
|
391 border-width:0;
|
rlm@46
|
392 }
|
rlm@46
|
393
|
rlm@46
|
394 .x-tab-panel-noborder .x-tab-panel-header-noborder {
|
rlm@46
|
395 border-top-width:0;
|
rlm@46
|
396 border-left-width:0;
|
rlm@46
|
397 border-right-width:0;
|
rlm@46
|
398 }
|
rlm@46
|
399
|
rlm@46
|
400 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
|
rlm@46
|
401 border-bottom-width:0;
|
rlm@46
|
402 border-left-width:0;
|
rlm@46
|
403 border-right-width:0;
|
rlm@46
|
404 }
|
rlm@46
|
405
|
rlm@46
|
406
|
rlm@46
|
407 .x-tab-panel-bbar-noborder .x-toolbar {
|
rlm@46
|
408 border-width:0;
|
rlm@46
|
409 border-top:1px solid #d0d0d0;
|
rlm@46
|
410 }
|
rlm@46
|
411
|
rlm@46
|
412 .x-tab-panel-tbar-noborder .x-toolbar {
|
rlm@46
|
413 border-width:0;
|
rlm@46
|
414 border-bottom:1px solid #d0d0d0;
|
rlm@46
|
415 } |