view 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
line wrap: on
line source
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 */
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 }
19 .x-panel-body {
20 border-color:#d0d0d0;
21 }
23 .x-panel-bbar .x-toolbar {
24 border-color:#d0d0d0;
25 }
27 .x-panel-tbar .x-toolbar {
28 border-color:#d0d0d0;
29 }
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 }
73 /* Tools */
74 .x-tool {
75 background-image:url(../images/gray/panel/tool-sprites.gif);
76 }
78 /* Ghosting */
79 .x-panel-ghost {
80 background:#e0e0e0;
81 }
83 .x-panel-ghost ul {
84 border-color:#b0b0b0;
85 }
87 .x-grid-panel .x-panel-mc .x-panel-body {
88 border:1px solid #d0d0d0;
89 }
91 /* Buttons */
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 }
103 /* Layout classes */
105 .x-border-layout-ct {
106 background:#f0f0f0;
107 }
109 .x-accordion-hd {
110 background-image:url(../images/gray/panel/light-hd.gif);
111 }
113 .x-layout-collapsed{
114 background-color:#eee;
115 border-color:#e0e0e0;
116 }
117 .x-layout-collapsed-over{
118 background-color:#fbfbfb;
119 }
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 }
148 /* Toolbars */
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 }
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 }
189 /* Tabs */
191 .x-tab-panel-header, .x-tab-panel-footer {
192 background: #EAEAEA;
193 border-color:#d0d0d0;
194 }
197 .x-tab-panel-header {
198 border-color:#d0d0d0;
199 }
201 .x-tab-panel-footer {
202 border-color:#d0d0d0;
203 }
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 }
211 ul.x-tab-strip-bottom{
212 background-image:url(../images/gray/tabs/tab-strip-btm-bg.gif);
213 border-color:#d0d0d0;
214 }
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 }
223 .x-tab-strip-active span.x-tab-strip-text {
224 color:#333;
225 }
227 .x-tab-strip-disabled .x-tabs-text {
228 color:#aaaaaa;
229 }
231 .x-tab-strip-top .x-tab-right {
232 background-image:url(../images/gray/tabs/tabs-sprite.gif);
233 }
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 }
242 .x-tab-strip-bottom .x-tab-right {
243 background-image:url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
244 }
246 .x-tab-strip-bottom .x-tab-left {
247 background-image:url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
248 }
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 }
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 }
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 }
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 }
273 .x-tab-panel-tbar .x-toolbar {
274 border-color: #d0d0d0;
275 }
277 .x-tab-panel-header-plain .x-tab-strip-spacer {
278 border-color:#d0d0d0;
279 background: #eaeaea;
280 }
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 }
291 /* Window */
293 .x-window-proxy {
294 background:#e0e0e0;
295 border-color:#b0b0b0;
296 }
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 }
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 }
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 }
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 }
353 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
354 background-color: #e4e4e4;
355 }
358 /* misc */
359 .x-html-editor-wrap {
360 border-color:#d0d0d0;
361 }
363 /* Borders go last for specificity */
364 .x-panel-noborder .x-panel-body-noborder {
365 border-width:0;
366 }
368 .x-panel-noborder .x-panel-header-noborder {
369 border-width:0;
370 border-bottom:1px solid #d0d0d0;
371 }
373 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
374 border-width:0;
375 border-bottom:1px solid #d0d0d0;
376 }
378 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
379 border-width:0;
380 border-top:1px solid #d0d0d0;
381 }
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 }
390 .x-tab-panel-noborder .x-tab-panel-body-noborder {
391 border-width:0;
392 }
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 }
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 }
407 .x-tab-panel-bbar-noborder .x-toolbar {
408 border-width:0;
409 border-top:1px solid #d0d0d0;
410 }
412 .x-tab-panel-tbar-noborder .x-toolbar {
413 border-width:0;
414 border-bottom:1px solid #d0d0d0;