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