|
rlm@46
|
1 .x-panel {
|
|
rlm@46
|
2 border-style: solid;
|
|
rlm@46
|
3 border-color: #cccccc;
|
|
rlm@46
|
4 }
|
|
rlm@46
|
5 .x-panel-header {
|
|
rlm@46
|
6 color:#fafafa;
|
|
rlm@46
|
7 border:1px solid #cccccc;
|
|
rlm@46
|
8 background-image:url(../images/midnight/panel_white-top-bottom.gif);
|
|
rlm@46
|
9 }
|
|
rlm@46
|
10
|
|
rlm@46
|
11 .x-panel-body {
|
|
rlm@46
|
12 border-color:#cccccc;
|
|
rlm@46
|
13 }
|
|
rlm@46
|
14
|
|
rlm@46
|
15 .x-panel-bbar .x-toolbar {
|
|
rlm@46
|
16 border-color:#cccccc;
|
|
rlm@46
|
17 }
|
|
rlm@46
|
18
|
|
rlm@46
|
19 .x-panel-tbar .x-toolbar {
|
|
rlm@46
|
20 border-color:#cccccc;
|
|
rlm@46
|
21 }
|
|
rlm@46
|
22
|
|
rlm@46
|
23 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
|
|
rlm@46
|
24 border-color:#cccccc;
|
|
rlm@46
|
25 }
|
|
rlm@46
|
26 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
|
|
rlm@46
|
27 border-color:#cccccc;
|
|
rlm@46
|
28 }
|
|
rlm@46
|
29 .x-panel-tl .x-panel-header {
|
|
rlm@46
|
30 color:#f4f4f4;
|
|
rlm@46
|
31 }
|
|
rlm@46
|
32 .x-panel-tc {
|
|
rlm@46
|
33 background-image:url(../images/midnight/panel_top-bottom.gif);
|
|
rlm@46
|
34 }
|
|
rlm@46
|
35 .x-panel-tl {
|
|
rlm@46
|
36 background-image:url(../images/midnight/panel_corners-sprite.gif);
|
|
rlm@46
|
37 border-color:#cccccc;
|
|
rlm@46
|
38 }
|
|
rlm@46
|
39 .x-panel-tr {
|
|
rlm@46
|
40 background-image:url(../images/midnight/panel_corners-sprite.gif);
|
|
rlm@46
|
41 }
|
|
rlm@46
|
42 .x-panel-bc {
|
|
rlm@46
|
43 background-image:url(../images/midnight/panel_top-bottom.gif);
|
|
rlm@46
|
44 }
|
|
rlm@46
|
45 .x-panel-bl {
|
|
rlm@46
|
46 background-image:url(../images/midnight/panel_corners-sprite.gif);
|
|
rlm@46
|
47 }
|
|
rlm@46
|
48 .x-panel-br {
|
|
rlm@46
|
49 background-image:url(../images/midnight/panel_corners-sprite.gif);
|
|
rlm@46
|
50 }
|
|
rlm@46
|
51 .x-panel-mc {
|
|
rlm@46
|
52 background:#e4e6ef;
|
|
rlm@46
|
53 }
|
|
rlm@46
|
54 .x-panel-mc .x-panel-body {
|
|
rlm@46
|
55 background:transparent;
|
|
rlm@46
|
56 border: 0 none;
|
|
rlm@46
|
57 }
|
|
rlm@46
|
58 .x-panel-ml {
|
|
rlm@46
|
59 background-image:url(../images/midnight/panel_left-right.gif);
|
|
rlm@46
|
60 }
|
|
rlm@46
|
61 .x-panel-mr {
|
|
rlm@46
|
62 background-image:url(../images/midnight/panel_left-right.gif);
|
|
rlm@46
|
63 }
|
|
rlm@46
|
64
|
|
rlm@46
|
65 .x-panel-dd-spacer{
|
|
rlm@46
|
66 border:2px dashed #89a;
|
|
rlm@46
|
67 }
|
|
rlm@46
|
68
|
|
rlm@46
|
69
|
|
rlm@46
|
70 /* Tools */
|
|
rlm@46
|
71 .x-tool {
|
|
rlm@46
|
72 background-image:url(../images/midnight/panel_tool-sprites.gif);
|
|
rlm@46
|
73 }
|
|
rlm@46
|
74
|
|
rlm@46
|
75 /* Ghosting */
|
|
rlm@46
|
76 .x-panel-ghost {
|
|
rlm@46
|
77 background:#e0e0e0;
|
|
rlm@46
|
78 }
|
|
rlm@46
|
79
|
|
rlm@46
|
80 .x-panel-ghost ul {
|
|
rlm@46
|
81 border-color:#b0b0b0;
|
|
rlm@46
|
82 }
|
|
rlm@46
|
83
|
|
rlm@46
|
84 .x-grid-panel .x-panel-mc .x-panel-body {
|
|
rlm@46
|
85 border:1px solid #cccccc;
|
|
rlm@46
|
86 }
|
|
rlm@46
|
87
|
|
rlm@46
|
88 /* Buttons */
|
|
rlm@46
|
89
|
|
rlm@46
|
90 .x-btn-left{
|
|
rlm@46
|
91 background-image:url(../images/midnight/button_btn-sprite.gif);
|
|
rlm@46
|
92 }
|
|
rlm@46
|
93 .x-btn-right{
|
|
rlm@46
|
94 background-image:url(../images/midnight/button_btn-sprite.gif);
|
|
rlm@46
|
95 }
|
|
rlm@46
|
96 .x-btn-center{
|
|
rlm@46
|
97 background-image:url(../images/midnight/button_btn-sprite.gif);
|
|
rlm@46
|
98 }
|
|
rlm@46
|
99 .x-btn-over button{
|
|
rlm@46
|
100 color:#fff;
|
|
rlm@46
|
101 }
|
|
rlm@46
|
102 .x-btn-focus button{
|
|
rlm@46
|
103 color:#fff;
|
|
rlm@46
|
104 }
|
|
rlm@46
|
105 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
|
|
rlm@46
|
106 background:transparent url(../images/midnight/toolbar_btn-arrow.gif) no-repeat scroll right 3px;
|
|
rlm@46
|
107 }
|
|
rlm@46
|
108 .x-btn-with-menu .x-btn-center em {
|
|
rlm@46
|
109 background:transparent url(../images/midnight/toolbar_btn-arrow.gif) no-repeat scroll right 0pt;
|
|
rlm@46
|
110 }
|
|
rlm@46
|
111 .x-btn-menu-arrow-wrap .x-btn-center button{
|
|
rlm@46
|
112 background:transparent url(../images/midnight/button_btn-arrow.gif) no-repeat left 3px;
|
|
rlm@46
|
113 }
|
|
rlm@46
|
114 .x-btn-text,.x-btn-text-icon{color:#fff;font-weight:bold !important;}
|
|
rlm@46
|
115 .x-item-disabled{color:#999;}
|
|
rlm@46
|
116
|
|
rlm@46
|
117
|
|
rlm@46
|
118 /* Layout classes */
|
|
rlm@46
|
119
|
|
rlm@46
|
120 .x-border-layout-ct {
|
|
rlm@46
|
121 background:#f0f0f0;
|
|
rlm@46
|
122 }
|
|
rlm@46
|
123
|
|
rlm@46
|
124 .x-accordion-hd {
|
|
rlm@46
|
125 background-image:url(../images/midnight/panel_light-hd.gif);
|
|
rlm@46
|
126 }
|
|
rlm@46
|
127
|
|
rlm@46
|
128 .x-layout-collapsed{
|
|
rlm@46
|
129 background-color:#141847;
|
|
rlm@46
|
130 border-color:#e0e0e0;
|
|
rlm@46
|
131 }
|
|
rlm@46
|
132 .x-layout-collapsed-over{
|
|
rlm@46
|
133 background-color:#171763;
|
|
rlm@46
|
134 }
|
|
rlm@46
|
135
|
|
rlm@46
|
136
|
|
rlm@46
|
137
|
|
rlm@46
|
138 /* Toolbars */
|
|
rlm@46
|
139
|
|
rlm@46
|
140 .x-toolbar{
|
|
rlm@46
|
141 border-color:#cccccc;
|
|
rlm@46
|
142 background:#f0f4f5 url(../images/midnight/toolbar_bg.gif) repeat-x top left;
|
|
rlm@46
|
143 }
|
|
rlm@46
|
144 .x-toolbar button {
|
|
rlm@46
|
145 color:#f4f4f4;
|
|
rlm@46
|
146 }
|
|
rlm@46
|
147 .x-toolbar .ytb-text {
|
|
rlm@46
|
148 color:white;
|
|
rlm@46
|
149 }
|
|
rlm@46
|
150 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
|
|
rlm@46
|
151 background-image:url(../images/midnight/toolbar_btn-arrow.gif);
|
|
rlm@46
|
152 }
|
|
rlm@46
|
153 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
|
|
rlm@46
|
154 background-image:url(../images/midnight/toolbar_btn-arrow.gif);
|
|
rlm@46
|
155 }
|
|
rlm@46
|
156 .x-toolbar .x-btn-over .x-btn-left{
|
|
rlm@46
|
157 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);
|
|
rlm@46
|
158 }
|
|
rlm@46
|
159 .x-toolbar .x-btn-over .x-btn-right{
|
|
rlm@46
|
160 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);
|
|
rlm@46
|
161 }
|
|
rlm@46
|
162 .x-toolbar .x-btn-over .x-btn-center{
|
|
rlm@46
|
163 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);
|
|
rlm@46
|
164 }
|
|
rlm@46
|
165 .x-toolbar .x-btn-over button {
|
|
rlm@46
|
166 color:#fff;
|
|
rlm@46
|
167 }
|
|
rlm@46
|
168 .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
|
169 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);
|
|
rlm@46
|
170 }
|
|
rlm@46
|
171 .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
|
172 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);
|
|
rlm@46
|
173 }
|
|
rlm@46
|
174
|
|
rlm@46
|
175 .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
|
176 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);
|
|
rlm@46
|
177 }
|
|
rlm@46
|
178 .x-toolbar .ytb-sep {
|
|
rlm@46
|
179 background-image: url(../images/midnight/grid_grid-split.gif);
|
|
rlm@46
|
180 }
|
|
rlm@46
|
181
|
|
rlm@46
|
182 /* Menus */
|
|
rlm@46
|
183
|
|
rlm@46
|
184 .x-menu{
|
|
rlm@46
|
185 border:1px solid #aaa;
|
|
rlm@46
|
186 background:#f0f0f0 url(../images/midnight/menu_menu.gif) repeat-y;
|
|
rlm@46
|
187 }
|
|
rlm@46
|
188 .x-menu-item-active{
|
|
rlm@46
|
189 background:#ebf3fd url(../images/midnight/menu_item-over.gif) repeat-x left bottom;
|
|
rlm@46
|
190 border:1px solid #c2cbd2;
|
|
rlm@46
|
191 }
|
|
rlm@46
|
192 .x-menu-item-arrow{
|
|
rlm@46
|
193 background:transparent url(../images/midnight/menu_menu-parent.gif) no-repeat right;
|
|
rlm@46
|
194 }
|
|
rlm@46
|
195
|
|
rlm@46
|
196
|
|
rlm@46
|
197 /* Tabs */
|
|
rlm@46
|
198
|
|
rlm@46
|
199 .x-tab-panel-header, .x-tab-panel-footer {
|
|
rlm@46
|
200
|
|
rlm@46
|
201 background: #444a7d;
|
|
rlm@46
|
202 border-color:#4f657b;
|
|
rlm@46
|
203 }
|
|
rlm@46
|
204
|
|
rlm@46
|
205
|
|
rlm@46
|
206 .x-tab-panel-header {
|
|
rlm@46
|
207 border-color:#cccccc;
|
|
rlm@46
|
208 }
|
|
rlm@46
|
209
|
|
rlm@46
|
210 .x-tab-panel-footer {
|
|
rlm@46
|
211 border-color:#cccccc;
|
|
rlm@46
|
212 }
|
|
rlm@46
|
213
|
|
rlm@46
|
214 ul.x-tab-strip-top{
|
|
rlm@46
|
215 background:#dbdbdb url(../images/midnight/tabs_tab-strip-bg.gif) repeat-x left top;
|
|
rlm@46
|
216 border-color:#4c647e;
|
|
rlm@46
|
217 padding-top: 2px;
|
|
rlm@46
|
218 }
|
|
rlm@46
|
219
|
|
rlm@46
|
220 ul.x-tab-strip-bottom{
|
|
rlm@46
|
221 background-image:url(../images/midnight/tabs_tab-strip-btm-bg.gif);
|
|
rlm@46
|
222 border-color:#566c82;
|
|
rlm@46
|
223 }
|
|
rlm@46
|
224
|
|
rlm@46
|
225 .x-tab-strip span.x-tab-strip-text {
|
|
rlm@46
|
226 color:#333;
|
|
rlm@46
|
227 }
|
|
rlm@46
|
228 .x-tab-strip-over span.x-tab-strip-text {
|
|
rlm@46
|
229 color:#111;
|
|
rlm@46
|
230 }
|
|
rlm@46
|
231
|
|
rlm@46
|
232 .x-tab-strip-active span.x-tab-strip-text {
|
|
rlm@46
|
233 color:#fff;
|
|
rlm@46
|
234 }
|
|
rlm@46
|
235
|
|
rlm@46
|
236 .x-tab-strip-disabled .x-tabs-text {
|
|
rlm@46
|
237 color:#aaaaaa;
|
|
rlm@46
|
238 }
|
|
rlm@46
|
239
|
|
rlm@46
|
240 .x-tab-strip-top .x-tab-right {
|
|
rlm@46
|
241 background-image:url(../images/midnight/tabs_tabs-sprite.gif);
|
|
rlm@46
|
242 }
|
|
rlm@46
|
243
|
|
rlm@46
|
244 .x-tab-strip-top .x-tab-left {
|
|
rlm@46
|
245 background-image:url(../images/midnight/tabs_tabs-sprite.gif);
|
|
rlm@46
|
246 }
|
|
rlm@46
|
247 .x-tab-strip-top .x-tab-strip-inner {
|
|
rlm@46
|
248 background-image:url(../images/midnight/tabs_tabs-sprite.gif);
|
|
rlm@46
|
249 }
|
|
rlm@46
|
250
|
|
rlm@46
|
251 .x-tab-strip-bottom .x-tab-right {
|
|
rlm@46
|
252 background-image:url(../images/midnight/tabs_tab-btm-inactive-right-bg.gif);
|
|
rlm@46
|
253 }
|
|
rlm@46
|
254
|
|
rlm@46
|
255 .x-tab-strip-bottom .x-tab-left {
|
|
rlm@46
|
256 background-image:url(../images/midnight/tabs_tab-btm-inactive-left-bg.gif);
|
|
rlm@46
|
257 }
|
|
rlm@46
|
258
|
|
rlm@46
|
259 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
|
|
rlm@46
|
260 background-image:url(../images/midnight/tabs_tab-btm-right-bg.gif);
|
|
rlm@46
|
261 }
|
|
rlm@46
|
262
|
|
rlm@46
|
263 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
|
|
rlm@46
|
264 background-image:url(../images/midnight/tabs_tab-btm-left-bg.gif);
|
|
rlm@46
|
265 }
|
|
rlm@46
|
266
|
|
rlm@46
|
267 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
|
|
rlm@46
|
268 background-image:url(../images/midnight/tabs_tab-close.gif);
|
|
rlm@46
|
269 }
|
|
rlm@46
|
270 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
|
|
rlm@46
|
271 background-image:url(../images/midnight/tabs_tab-close.gif);
|
|
rlm@46
|
272 }
|
|
rlm@46
|
273
|
|
rlm@46
|
274 .x-tab-panel-body {
|
|
rlm@46
|
275 border-color:#cccccc;
|
|
rlm@46
|
276 background:#fff;
|
|
rlm@46
|
277 }
|
|
rlm@46
|
278 .x-tab-panel-bbar .x-toolbar {
|
|
rlm@46
|
279 border-color: #cccccc;
|
|
rlm@46
|
280 }
|
|
rlm@46
|
281
|
|
rlm@46
|
282 .x-tab-panel-tbar .x-toolbar {
|
|
rlm@46
|
283 border-color: #cccccc;
|
|
rlm@46
|
284 }
|
|
rlm@46
|
285
|
|
rlm@46
|
286 .x-tab-panel-header-plain .x-tab-strip-spacer {
|
|
rlm@46
|
287 border-color:#cccccc;
|
|
rlm@46
|
288 background: #444a7d;
|
|
rlm@46
|
289 }
|
|
rlm@46
|
290
|
|
rlm@46
|
291 .x-tab-scroller-left {
|
|
rlm@46
|
292 background-image: url(../images/midnight/tabs_scroll-left.gif);
|
|
rlm@46
|
293 border-color:#aeaeae;
|
|
rlm@46
|
294 }
|
|
rlm@46
|
295 .x-tab-scroller-right {
|
|
rlm@46
|
296 background-image: url(../images/midnight/tabs_scroll-right.gif);
|
|
rlm@46
|
297 border-color:#aeaeae;
|
|
rlm@46
|
298 }
|
|
rlm@46
|
299
|
|
rlm@46
|
300 /* Window */
|
|
rlm@46
|
301
|
|
rlm@46
|
302 .x-window-proxy {
|
|
rlm@46
|
303 background:#e4e8ec;
|
|
rlm@46
|
304 border-color:#cccccc;
|
|
rlm@46
|
305 }
|
|
rlm@46
|
306
|
|
rlm@46
|
307 .x-window-tl .x-window-header {
|
|
rlm@46
|
308 color:#fafafa;
|
|
rlm@46
|
309 }
|
|
rlm@46
|
310 .x-window-tc {
|
|
rlm@46
|
311 background-image:url(../images/midnight/window_top-bottom.png);
|
|
rlm@46
|
312 }
|
|
rlm@46
|
313 .x-window-tl {
|
|
rlm@46
|
314 background-image:url(../images/midnight/window_left-corners.png);
|
|
rlm@46
|
315 }
|
|
rlm@46
|
316 .x-window-tr {
|
|
rlm@46
|
317 background-image:url(../images/midnight/window_right-corners.png);
|
|
rlm@46
|
318 }
|
|
rlm@46
|
319 .x-window-bc {
|
|
rlm@46
|
320 background-image:url(../images/midnight/window_top-bottom.png);
|
|
rlm@46
|
321 }
|
|
rlm@46
|
322 .x-window-bl {
|
|
rlm@46
|
323 background-image:url(../images/midnight/window_left-corners.png);
|
|
rlm@46
|
324 }
|
|
rlm@46
|
325 .x-window-br {
|
|
rlm@46
|
326 background-image:url(../images/midnight/window_right-corners.png);
|
|
rlm@46
|
327 }
|
|
rlm@46
|
328 .x-window-mc {
|
|
rlm@46
|
329 border:1px solid #cccccc;
|
|
rlm@46
|
330 background:#e8e8e8;
|
|
rlm@46
|
331 }
|
|
rlm@46
|
332
|
|
rlm@46
|
333 .x-window-ml {
|
|
rlm@46
|
334 background-image:url(../images/midnight/window_left-right.png);
|
|
rlm@46
|
335 }
|
|
rlm@46
|
336 .x-window-mr {
|
|
rlm@46
|
337 background-image:url(../images/midnight/window_left-right.png);
|
|
rlm@46
|
338 }
|
|
rlm@46
|
339 .x-panel-ghost .x-window-tl {
|
|
rlm@46
|
340 border-color:#cccccc;
|
|
rlm@46
|
341 }
|
|
rlm@46
|
342 .x-panel-collapsed .x-window-tl {
|
|
rlm@46
|
343 border-color:#cccccc;
|
|
rlm@46
|
344 }
|
|
rlm@46
|
345
|
|
rlm@46
|
346 .x-window-plain .x-window-mc {
|
|
rlm@46
|
347 background: #e8e8e8;
|
|
rlm@46
|
348 border-right:1px solid #eee;
|
|
rlm@46
|
349 border-bottom:1px solid #eee;
|
|
rlm@46
|
350 border-top:1px solid #cccccc;
|
|
rlm@46
|
351 border-left:1px solid #cccccc;
|
|
rlm@46
|
352 }
|
|
rlm@46
|
353
|
|
rlm@46
|
354 .x-window-plain .x-window-body {
|
|
rlm@46
|
355 border-left:1px solid #ddd;
|
|
rlm@46
|
356 border-top:1px solid #ddd;
|
|
rlm@46
|
357 border-bottom:1px solid #cccccc;
|
|
rlm@46
|
358 border-right:1px solid #cccccc;
|
|
rlm@46
|
359 background:transparent !important;
|
|
rlm@46
|
360 }
|
|
rlm@46
|
361
|
|
rlm@46
|
362 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
|
|
rlm@46
|
363 background-color: #eceef0;
|
|
rlm@46
|
364 }
|
|
rlm@46
|
365
|
|
rlm@46
|
366
|
|
rlm@46
|
367 /* HTML Editor */
|
|
rlm@46
|
368 .x-html-editor-wrap {
|
|
rlm@46
|
369 border-color:#cccccc;
|
|
rlm@46
|
370 }
|
|
rlm@46
|
371 .x-html-editor-tb .x-btn-text {
|
|
rlm@46
|
372 background:transparent url(../images/midnight/editor_tb-sprite.gif) no-repeat scroll 0%;
|
|
rlm@46
|
373 }
|
|
rlm@46
|
374
|
|
rlm@46
|
375
|
|
rlm@46
|
376 /* Borders go last for specificity */
|
|
rlm@46
|
377 .x-panel-noborder .x-panel-body-noborder {
|
|
rlm@46
|
378 border-width:0;
|
|
rlm@46
|
379 }
|
|
rlm@46
|
380
|
|
rlm@46
|
381 .x-panel-noborder .x-panel-header-noborder {
|
|
rlm@46
|
382 border-width:0;
|
|
rlm@46
|
383 border-bottom:1px solid #cccccc;
|
|
rlm@46
|
384 }
|
|
rlm@46
|
385
|
|
rlm@46
|
386 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
|
|
rlm@46
|
387 border-width:0;
|
|
rlm@46
|
388 border-bottom:1px solid #cccccc;
|
|
rlm@46
|
389 }
|
|
rlm@46
|
390
|
|
rlm@46
|
391 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
|
|
rlm@46
|
392 border-width:0;
|
|
rlm@46
|
393 border-top:1px solid #cccccc;
|
|
rlm@46
|
394 }
|
|
rlm@46
|
395
|
|
rlm@46
|
396 .x-window-noborder .x-window-mc {
|
|
rlm@46
|
397 border-width:0;
|
|
rlm@46
|
398 }
|
|
rlm@46
|
399 .x-window-plain .x-window-body-noborder {
|
|
rlm@46
|
400 border-width:0;
|
|
rlm@46
|
401 }
|
|
rlm@46
|
402
|
|
rlm@46
|
403 .x-tab-panel-noborder .x-tab-panel-body-noborder {
|
|
rlm@46
|
404 border-width:0;
|
|
rlm@46
|
405 }
|
|
rlm@46
|
406
|
|
rlm@46
|
407 .x-tab-panel-noborder .x-tab-panel-header-noborder {
|
|
rlm@46
|
408 border-top-width:0;
|
|
rlm@46
|
409 border-left-width:0;
|
|
rlm@46
|
410 border-right-width:0;
|
|
rlm@46
|
411 }
|
|
rlm@46
|
412
|
|
rlm@46
|
413 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
|
|
rlm@46
|
414 border-bottom-width:0;
|
|
rlm@46
|
415 border-left-width:0;
|
|
rlm@46
|
416 border-right-width:0;
|
|
rlm@46
|
417 }
|
|
rlm@46
|
418
|
|
rlm@46
|
419
|
|
rlm@46
|
420 .x-tab-panel-bbar-noborder .x-toolbar {
|
|
rlm@46
|
421 border-width:0;
|
|
rlm@46
|
422 border-top:1px solid #cccccc;
|
|
rlm@46
|
423 }
|
|
rlm@46
|
424
|
|
rlm@46
|
425 .x-tab-panel-tbar-noborder .x-toolbar {
|
|
rlm@46
|
426 border-width:0;
|
|
rlm@46
|
427 border-bottom:1px solid #cccccc;
|
|
rlm@46
|
428 }
|
|
rlm@46
|
429
|
|
rlm@46
|
430 /* Forms */
|
|
rlm@46
|
431 .x-form-text, textarea.x-form-field {
|
|
rlm@46
|
432 border:1px solid #9ab;
|
|
rlm@46
|
433 }
|
|
rlm@46
|
434 .x-trigger-wrap-focus .x-form-trigger {
|
|
rlm@46
|
435 border-bottom:1px solid #4a7192;
|
|
rlm@46
|
436 }
|
|
rlm@46
|
437 .x-form-focus,textarea.x-form-focus {
|
|
rlm@46
|
438 border:1px solid #4a7192;
|
|
rlm@46
|
439 }
|
|
rlm@46
|
440
|
|
rlm@46
|
441 .x-form-field-wrap .x-form-trigger {
|
|
rlm@46
|
442 background:transparent url(../images/midnight/form_trigger.gif) no-repeat 0 0;
|
|
rlm@46
|
443 }
|
|
rlm@46
|
444 .x-form-field-wrap .x-form-date-trigger {
|
|
rlm@46
|
445 background-image:url(../images/midnight/form_date-trigger.gif);
|
|
rlm@46
|
446 }
|
|
rlm@46
|
447 .x-form-field-wrap .x-form-clear-trigger {
|
|
rlm@46
|
448 background-image:url(../images/midnight/form_clear-trigger.gif);
|
|
rlm@46
|
449 }
|
|
rlm@46
|
450 .x-form-field-wrap .x-form-search-trigger {
|
|
rlm@46
|
451 background-image:url(../images/midnight/form_search-trigger.gif);
|
|
rlm@46
|
452 }
|
|
rlm@46
|
453
|
|
rlm@46
|
454 .x-form-field-wrap .x-form-trigger {
|
|
rlm@46
|
455 border-bottom:1px solid #778899;
|
|
rlm@46
|
456 }
|
|
rlm@46
|
457
|
|
rlm@46
|
458 .x-form fieldset legend {
|
|
rlm@46
|
459 color:#333;
|
|
rlm@46
|
460 }
|
|
rlm@46
|
461
|
|
rlm@46
|
462 /* the following need to be duplicated from ext-all.js,
|
|
rlm@46
|
463 otherwise hover effects are broken */
|
|
rlm@46
|
464 .x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}
|
|
rlm@46
|
465 .x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}
|
|
rlm@46
|
466 .x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}
|
|
rlm@46
|
467 .x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}
|
|
rlm@46
|
468 .x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}
|
|
rlm@46
|
469
|
|
rlm@46
|
470
|
|
rlm@46
|
471 /* Grid */
|
|
rlm@46
|
472
|
|
rlm@46
|
473 .x-grid3-row-selected {
|
|
rlm@46
|
474 background:#fbf0d2;
|
|
rlm@46
|
475 border:1px dotted #ccc;
|
|
rlm@46
|
476 }
|
|
rlm@46
|
477 .x-grid3-hd-btn{
|
|
rlm@46
|
478 background:#f2daa9 url(../images/midnight/grid_grid3-hd-btn.gif) no-repeat left center;
|
|
rlm@46
|
479 }
|
|
rlm@46
|
480 .x-grid3-header{
|
|
rlm@46
|
481 background:#f9f9f9 url(../images/midnight/grid_grid3-hrow.gif) repeat-x 0 bottom;
|
|
rlm@46
|
482 }
|
|
rlm@46
|
483 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
|
484 background:#ebf3fd url(../images/midnight/grid_grid3-hrow-over.gif) repeat-x left bottom;
|
|
rlm@46
|
485 }
|
|
rlm@46
|
486 .sort-asc .x-grid3-sort-icon{
|
|
rlm@46
|
487 background-image:url(../images/midnight/grid_sort_asc.gif);
|
|
rlm@46
|
488 }
|
|
rlm@46
|
489 .sort-desc .x-grid3-sort-icon{
|
|
rlm@46
|
490 background-image:url(../images/midnight/grid_sort_desc.gif);
|
|
rlm@46
|
491 }
|
|
rlm@46
|
492 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
|
|
rlm@46
|
493 border-left:1px solid #fff;
|
|
rlm@46
|
494 border-right:1px solid #ccc;
|
|
rlm@46
|
495 }
|
|
rlm@46
|
496 .x-grid3-cell-selected{
|
|
rlm@46
|
497 background-color:#e0eaee!important;
|
|
rlm@46
|
498 }
|
|
rlm@46
|
499 .x-grid3-body .x-grid3-td-expander{
|
|
rlm@46
|
500 background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;
|
|
rlm@46
|
501 }
|
|
rlm@46
|
502 .x-grid3-body .x-grid3-td-checker{
|
|
rlm@46
|
503 background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;
|
|
rlm@46
|
504 }
|
|
rlm@46
|
505 .x-grid3-body .x-grid3-td-numberer{
|
|
rlm@46
|
506 background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;
|
|
rlm@46
|
507 }
|
|
rlm@46
|
508 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
|
|
rlm@46
|
509 background:transparent url(../images/midnight/grid_grid3-special-col-sel-bg.gif) repeat-y right;
|
|
rlm@46
|
510 }
|
|
rlm@46
|
511 .x-grid-group-hd {
|
|
rlm@46
|
512 border-bottom:2px solid #abb;
|
|
rlm@46
|
513 }
|
|
rlm@46
|
514 .x-grid-group-hd div {
|
|
rlm@46
|
515 color: #456;
|
|
rlm@46
|
516 }
|
|
rlm@46
|
517 .x-dd-drag-proxy .x-grid3-hd-inner{
|
|
rlm@46
|
518 background:#ebf3fd url(../images/midnight/grid_grid3-hrow-over.gif) repeat-x left bottom;
|
|
rlm@46
|
519 border:1px solid #cccccc;
|
|
rlm@46
|
520 }
|
|
rlm@46
|
521 .x-tbar-page-first{
|
|
rlm@46
|
522 background-image:url(../images/midnight/grid_page-first.gif)!important;
|
|
rlm@46
|
523 }
|
|
rlm@46
|
524 .x-tbar-page-last{
|
|
rlm@46
|
525 background-image:url(../images/midnight/grid_page-last.gif)!important;
|
|
rlm@46
|
526 }
|
|
rlm@46
|
527 .x-tbar-page-next{
|
|
rlm@46
|
528 background-image:url(../images/midnight/grid_page-next.gif)!important;
|
|
rlm@46
|
529 }
|
|
rlm@46
|
530 .x-tbar-page-prev{
|
|
rlm@46
|
531 background-image:url(../images/midnight/grid_page-prev.gif)!important;
|
|
rlm@46
|
532 }
|
|
rlm@46
|
533 .x-paging-info {
|
|
rlm@46
|
534 color:#FFFFFF;
|
|
rlm@46
|
535 }
|
|
rlm@46
|
536
|
|
rlm@46
|
537
|
|
rlm@46
|
538 /* Progress Bar */
|
|
rlm@46
|
539
|
|
rlm@46
|
540 .x-progress-bar{
|
|
rlm@46
|
541 background:#9CBFEE url( ../../resources/images/midnight/progress_progress-bg.gif ) repeat-x left center;
|
|
rlm@46
|
542 border-top:1px solid #ddd;
|
|
rlm@46
|
543 border-bottom:1px solid #ddd;
|
|
rlm@46
|
544 }
|
|
rlm@46
|
545
|
|
rlm@46
|
546
|
|
rlm@46
|
547 /* Combos */
|
|
rlm@46
|
548 .x-combo-list{
|
|
rlm@46
|
549 border:1px solid #89a;
|
|
rlm@46
|
550 }
|
|
rlm@46
|
551 .x-combo-list .x-combo-selected{
|
|
rlm@46
|
552 border:1px dotted #ccc!important;
|
|
rlm@46
|
553 background:#fbf0d2;
|
|
rlm@46
|
554 }
|
|
rlm@46
|
555
|
|
rlm@46
|
556
|
|
rlm@46
|
557 /* Calendars */
|
|
rlm@46
|
558
|
|
rlm@46
|
559 .x-date-middle,.x-date-left,.x-date-right{
|
|
rlm@46
|
560 background:url(../images/midnight/shared_hd-sprite.gif) repeat-x 0 -83px;
|
|
rlm@46
|
561 }
|
|
rlm@46
|
562 .x-date-bottom {
|
|
rlm@46
|
563 background:#DFECFB url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;
|
|
rlm@46
|
564 border-top:1px solid #cccccc;
|
|
rlm@46
|
565 }
|
|
rlm@46
|
566 .x-date-right a{
|
|
rlm@46
|
567 background-image:url(../images/midnight/shared_right-btn.gif);
|
|
rlm@46
|
568 }
|
|
rlm@46
|
569 .x-date-left a{
|
|
rlm@46
|
570 background-image:url(../images/midnight/shared_left-btn.gif);
|
|
rlm@46
|
571 }
|
|
rlm@46
|
572 .x-date-inner th{
|
|
rlm@46
|
573 background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x left top;
|
|
rlm@46
|
574 border-bottom:1px solid #cccccc;
|
|
rlm@46
|
575 color:#345;
|
|
rlm@46
|
576 }
|
|
rlm@46
|
577 .x-date-inner .x-date-selected a {
|
|
rlm@46
|
578 background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;
|
|
rlm@46
|
579 border:1px solid #89a;
|
|
rlm@46
|
580 }
|
|
rlm@46
|
581 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{
|
|
rlm@46
|
582 background:#cfdce1;
|
|
rlm@46
|
583 }
|
|
rlm@46
|
584 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{
|
|
rlm@46
|
585 color:#123;
|
|
rlm@46
|
586 background:#cfdce1;
|
|
rlm@46
|
587 }
|
|
rlm@46
|
588 .x-date-mp-ybtn a{
|
|
rlm@46
|
589 background:transparent url(../images/midnight/panel_tool-sprites.gif) no-repeat;
|
|
rlm@46
|
590 }
|
|
rlm@46
|
591 .x-date-mp-btns {
|
|
rlm@46
|
592 background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;
|
|
rlm@46
|
593 }
|
|
rlm@46
|
594 td.x-date-mp-sel a{
|
|
rlm@46
|
595 background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x left top;
|
|
rlm@46
|
596 border:1px solid #cccccc;
|
|
rlm@46
|
597 }
|
|
rlm@46
|
598 .x-date-mp-btns button{
|
|
rlm@46
|
599 background:#405574;
|
|
rlm@46
|
600 border:1px solid;
|
|
rlm@46
|
601 border-color:#cccccc #055 #055 #cccccc;
|
|
rlm@46
|
602 }
|
|
rlm@46
|
603
|
|
rlm@46
|
604 /* Resizable Handle */
|
|
rlm@46
|
605 .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{
|
|
rlm@46
|
606 background:url(../images/midnight/sizer_e-handle.gif);background-position:left;
|
|
rlm@46
|
607 }
|
|
rlm@46
|
608 .x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{
|
|
rlm@46
|
609 background:url(../images/midnight/sizer_e-handle.gif);background-position:left;
|
|
rlm@46
|
610 }
|
|
rlm@46
|
611 .x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{
|
|
rlm@46
|
612 background:url(../images/midnight/sizer_s-handle.gif);background-position:top;
|
|
rlm@46
|
613 }
|
|
rlm@46
|
614 .x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{
|
|
rlm@46
|
615 background:url(../images/midnight/sizer_s-handle.gif);background-position:top;
|
|
rlm@46
|
616 }
|
|
rlm@46
|
617 .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{
|
|
rlm@46
|
618 background:url(../images/midnight/sizer_se-handle.gif);background-position:top left;
|
|
rlm@46
|
619 }
|
|
rlm@46
|
620 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
|
|
rlm@46
|
621 background:url(../images/midnight/sizer_nw-handle.gif);background-position:bottom right;
|
|
rlm@46
|
622 }
|
|
rlm@46
|
623 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
|
|
rlm@46
|
624 background:url(../images/midnight/sizer_ne-handle.gif);background-position:bottom left;
|
|
rlm@46
|
625 }
|
|
rlm@46
|
626 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
|
|
rlm@46
|
627 background:url(../images/midnight/sizer_sw-handle.gif);background-position:top right;
|
|
rlm@46
|
628 }
|
|
rlm@46
|
629
|
|
rlm@46
|
630 /* Tips */
|
|
rlm@46
|
631 .x-tip .x-tip-close{
|
|
rlm@46
|
632 background-image:url(../images/midnight/qtip_close.gif);
|
|
rlm@46
|
633 }
|
|
rlm@46
|
634 .x-tip .x-tip-tc{
|
|
rlm@46
|
635 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -62px;
|
|
rlm@46
|
636 }
|
|
rlm@46
|
637 .x-tip .x-tip-tl{
|
|
rlm@46
|
638 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 0;
|
|
rlm@46
|
639 }
|
|
rlm@46
|
640 .x-tip .x-tip-tr{
|
|
rlm@46
|
641 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right 0;
|
|
rlm@46
|
642 }
|
|
rlm@46
|
643 .x-tip .x-tip-bc{
|
|
rlm@46
|
644 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -121px;
|
|
rlm@46
|
645 }
|
|
rlm@46
|
646 .x-tip .x-tip-bl{
|
|
rlm@46
|
647 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -59px;
|
|
rlm@46
|
648 }
|
|
rlm@46
|
649 .x-tip .x-tip-br{
|
|
rlm@46
|
650 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right -59px;
|
|
rlm@46
|
651 }
|
|
rlm@46
|
652 .x-tip .x-tip-ml{
|
|
rlm@46
|
653 background:#fff url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -124px;
|
|
rlm@46
|
654 }
|
|
rlm@46
|
655 .x-tip .x-tip-mr{
|
|
rlm@46
|
656 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right -124px;
|
|
rlm@46
|
657 }
|
|
rlm@46
|
658 .x-form-invalid-tip .x-tip-tc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px;}
|
|
rlm@46
|
659 .x-form-invalid-tip .x-tip-tl{background-image:url(../images/default/form/error-tip-corners.gif);}
|
|
rlm@46
|
660 .x-form-invalid-tip .x-tip-tr{background-image:url(../images/default/form/error-tip-corners.gif);}
|
|
rlm@46
|
661 .x-form-invalid-tip .x-tip-bc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;}
|
|
rlm@46
|
662 .x-form-invalid-tip .x-tip-bl{background:url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;}
|
|
rlm@46
|
663 .x-form-invalid-tip .x-tip-br{background:url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;}
|
|
rlm@46
|
664 .x-form-invalid-tip .x-tip-ml{background-image:url(../images/default/form/error-tip-corners.gif);}
|
|
rlm@46
|
665 .x-form-invalid-tip .x-tip-mr{background-image:url(../images/default/form/error-tip-corners.gif);}
|
|
rlm@46
|
666
|
|
rlm@46
|
667
|
|
rlm@46
|
668
|
|
rlm@46
|
669
|
|
rlm@46
|
670 /* Miscellaneous */
|
|
rlm@46
|
671
|
|
rlm@46
|
672 .x-item-disabled * {
|
|
rlm@46
|
673 color:#333 !important;
|
|
rlm@46
|
674 }
|
