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