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