/v3.2/nimbits-tds/web/resources/css/gxt-gray.css

  1/*
  2 * Copyright (c) 2010 Tonic Solutions LLC.
  3 *
  4 * http://www.nimbits.com
  5 *
  6 *
  7 * Licensed under the GNU GENERAL PUBLIC LICENSE, Version 3.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
  8 *
  9 * http://www.gnu.org/licenses/gpl.html
 10 *
 11 * Unless required by applicable law or agreed to in writing, software distributed under the license is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
 12 */
 13.x-panel {
 14    border-style: solid;
 15    border-color: #d0d0d0;
 16}
 17
 18.x-panel-header {
 19    color: #333;
 20    border: 1px solid #d0d0d0;
 21    background-image: url(../images/gray/panel/white-top-bottom.gif);
 22}
 23
 24.x-panel-body {
 25    border-color: #d0d0d0;
 26}
 27
 28.x-panel-bbar .x-toolbar {
 29    border-color: #d0d0d0;
 30}
 31
 32.x-panel-tbar .x-toolbar {
 33    border-color: #d0d0d0;
 34}
 35
 36.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
 37    border-color: #d0d0d0;
 38}
 39
 40.x-panel-body-noheader, .x-panel-mc .x-panel-body {
 41    border-color: #d0d0d0;
 42}
 43
 44.x-panel-tl .x-panel-header {
 45    color: #333;
 46}
 47
 48.x-panel-tc {
 49    background-image: url(../images/gray/panel/top-bottom.gif);
 50}
 51
 52.x-panel-tl {
 53    background-image: url(../images/gray/panel/corners-sprite.gif);
 54    border-color: #d0d0d0;
 55}
 56
 57.x-panel-tr {
 58    background-image: url(../images/gray/panel/corners-sprite.gif);
 59}
 60
 61.x-panel-bc {
 62    background-image: url(../images/gray/panel/top-bottom.gif);
 63}
 64
 65.x-panel-bl {
 66    background-image: url(../images/gray/panel/corners-sprite.gif);
 67}
 68
 69.x-panel-br {
 70    background-image: url(../images/gray/panel/corners-sprite.gif);
 71}
 72
 73.x-panel-mc {
 74    background: #f1f1f1;
 75}
 76
 77.x-panel-mc .x-panel-body {
 78    background: transparent;
 79    border: 0 none;
 80}
 81
 82.x-panel-ml {
 83    background-image: url(../images/gray/panel/left-right.gif);
 84}
 85
 86.x-panel-mr {
 87    background-image: url(../images/gray/panel/left-right.gif);
 88}
 89
 90/* Tools */
 91.x-tool {
 92    background-image: url(../images/gray/panel/tool-sprites.gif);
 93}
 94
 95/* Ghosting */
 96.x-panel-ghost {
 97    background: #e0e0e0;
 98}
 99
100.x-panel-ghost ul {
101    border-color: #b0b0b0;
102}
103
104.x-grid-panel .x-panel-mc .x-panel-body {
105    border: 1px solid #d0d0d0;
106}
107
108/* Buttons */
109
110.x-btn-left {
111    background-image: url(../images/gray/button/btn-sprite.gif);
112}
113
114.x-btn-right {
115    background-image: url(../images/gray/button/btn-sprite.gif);
116}
117
118.x-btn-center {
119    background-image: url(../images/gray/button/btn-sprite.gif);
120}
121
122.x-btn-group-header {
123    color: #333333;
124}
125
126.x-btn-group-tc {
127    background-image: url(../images/gray/button/group-tb.gif);
128}
129
130.x-btn-group-tl {
131    background-image: url(../images/gray/button/group-cs.gif);
132}
133
134.x-btn-group-tr {
135    background-image: url(../images/gray/button/group-cs.gif);
136}
137
138.x-btn-group-bc {
139    background-image: url(../images/gray/button/group-tb.gif);
140}
141
142.x-btn-group-bl {
143    background-image: url(../images/gray/button/group-cs.gif);
144}
145
146.x-btn-group-br {
147    background-image: url(../images/gray/button/group-cs.gif);
148}
149
150.x-btn-group-ml {
151    background-image: url(../images/gray/button/group-lr.gif);
152}
153
154.x-btn-group-mr {
155    background-image: url(../images/gray/button/group-lr.gif);
156}
157
158.x-btn-group-notitle .x-btn-group-tc {
159    background-image: url(../images/gray/button/group-tb.gif);
160}
161
162/* Layout classes */
163
164.x-border-layout-ct {
165    background: #f0f0f0;
166}
167
168.x-accordion-hd {
169    background-image: url(../images/gray/panel/light-hd.gif);
170}
171
172.x-layout-collapsed {
173    background-color: #eee;
174    border-color: #e0e0e0;
175}
176
177.x-layout-collapsed-over {
178    background-color: #fbfbfb;
179}
180
181/* qtips */
182.x-tip .x-tip-top {
183    background-image: url(../images/gray/qtip/tip-sprite.gif);
184}
185
186.x-tip .x-tip-top-left {
187    background-image: url(../images/gray/qtip/tip-sprite.gif);
188}
189
190.x-tip .x-tip-top-right {
191    background-image: url(../images/gray/qtip/tip-sprite.gif);
192}
193
194.x-tip .x-tip-ft {
195    background-image: url(../images/gray/qtip/tip-sprite.gif);
196}
197
198.x-tip .x-tip-ft-left {
199    background-image: url(../images/gray/qtip/tip-sprite.gif);
200}
201
202.x-tip .x-tip-ft-right {
203    background-image: url(../images/gray/qtip/tip-sprite.gif);
204}
205
206.x-tip .x-tip-bd-left {
207    background-image: url(../images/gray/qtip/tip-sprite.gif);
208}
209
210.x-tip .x-tip-bd-right {
211    background-image: url(../images/gray/qtip/tip-sprite.gif);
212}
213
214/* Toolbars */
215
216.x-toolbar {
217    border-color: #d0d0d0;
218    background: #f0f4f5 url(../images/gray/toolbar/bg.gif) repeat-x top left;
219}
220
221.x-toolbar button {
222    color: #444;
223}
224
225.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
226    background-image: url(../images/gray/toolbar/btn-arrow.gif);
227}
228
229.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
230    background-image: url(../images/gray/toolbar/btn-arrow.gif);
231}
232
233.x-toolbar .x-btn-over .x-btn-left {
234    background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
235}
236
237.x-toolbar .x-btn-over .x-btn-right {
238    background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
239}
240
241.x-toolbar .x-btn-over .x-btn-center {
242    background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
243}
244
245.x-toolbar .x-btn-over button {
246    color: #111;
247}
248
249.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 {
250    background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
251}
252
253.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 {
254    background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
255}
256
257.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 {
258    background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
259}
260
261.x-toolbar .ytb-sep {
262    background-image: url(../images/default/grid/grid-split.gif);
263}
264
265/* Tabs */
266
267.x-tab-panel-header, .x-tab-panel-footer {
268    background: #EAEAEA;
269    border-color: #d0d0d0;
270}
271
272.x-tab-panel-header {
273    border-color: #d0d0d0;
274}
275
276.x-tab-panel-footer {
277    border-color: #d0d0d0;
278}
279
280ul.x-tab-strip-top {
281    background: #dbdbdb url(../images/gray/tabs/tab-strip-bg.gif) repeat-x left top;
282    border-color: #d0d0d0;
283    padding-top: 2px;
284}
285
286ul.x-tab-strip-bottom {
287    background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif);
288    border-color: #d0d0d0;
289}
290
291.x-tab-strip span.x-tab-strip-text {
292    color: #333;
293}
294
295.x-tab-strip-over span.x-tab-strip-text {
296    color: #111;
297}
298
299.x-tab-strip-active span.x-tab-strip-text {
300    color: #333;
301}
302
303.x-tab-strip-disabled .x-tabs-text {
304    color: #aaaaaa;
305}
306
307.x-tab-strip-top .x-tab-right {
308    background-image: url(../images/gray/tabs/tabs-sprite.gif);
309}
310
311.x-tab-strip-top .x-tab-left {
312    background-image: url(../images/gray/tabs/tabs-sprite.gif);
313}
314
315.x-tab-strip-top .x-tab-strip-inner {
316    background-image: url(../images/gray/tabs/tabs-sprite.gif);
317}
318
319.x-tab-strip-bottom .x-tab-right {
320    background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
321}
322
323.x-tab-strip-bottom .x-tab-left {
324    background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
325}
326
327.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
328    background-image: url(../images/gray/tabs/tab-btm-right-bg.gif);
329}
330
331.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
332    background-image: url(../images/gray/tabs/tab-btm-left-bg.gif);
333}
334
335.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
336    background-image: url(../images/gray/tabs/tab-close.gif);
337}
338
339.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
340    background-image: url(../images/gray/tabs/tab-close.gif);
341}
342
343.x-tab-panel-body {
344    border-color: #d0d0d0;
345    background: #fff;
346}
347
348.x-tab-panel-bbar .x-toolbar {
349    border-color: #d0d0d0;
350}
351
352.x-tab-panel-tbar .x-toolbar {
353    border-color: #d0d0d0;
354}
355
356.x-tab-panel-header-plain .x-tab-strip-spacer {
357    border-color: #d0d0d0;
358    background: #eaeaea;
359}
360
361.x-tab-scroller-left {
362    background-image: url(../images/gray/tabs/scroll-left.gif);
363    border-color: #aeaeae;
364}
365
366.x-tab-scroller-right {
367    background-image: url(../images/gray/tabs/scroll-right.gif);
368    border-color: #aeaeae;
369}
370
371/* Window */
372
373.x-window-proxy {
374    background: #e0e0e0;
375    border-color: #b0b0b0;
376}
377
378.x-window-tl .x-window-header {
379    color: #555;
380}
381
382.x-window-tc {
383    background-image: url(../images/gray/window/top-bottom.png);
384}
385
386.x-window-tl {
387    background-image: url(../images/gray/window/left-corners.png);
388}
389
390.x-window-tr {
391    background-image: url(../images/gray/window/right-corners.png);
392}
393
394.x-window-bc {
395    background-image: url(../images/gray/window/top-bottom.png);
396}
397
398.x-window-bl {
399    background-image: url(../images/gray/window/left-corners.png);
400}
401
402.x-window-br {
403    background-image: url(../images/gray/window/right-corners.png);
404}
405
406.x-window-mc {
407    border: 1px solid #d0d0d0;
408    background: #e8e8e8;
409}
410
411.x-window-ml {
412    background-image: url(../images/gray/window/left-right.png);
413}
414
415.x-window-mr {
416    background-image: url(../images/gray/window/left-right.png);
417}
418
419.x-panel-ghost .x-window-tl {
420    border-color: #d0d0d0;
421}
422
423.x-panel-collapsed .x-window-tl {
424    border-color: #d0d0d0;
425}
426
427.x-window-plain .x-window-mc {
428    background: #e8e8e8;
429    border-right: 1px solid #eee;
430    border-bottom: 1px solid #eee;
431    border-top: 1px solid #d0d0d0;
432    border-left: 1px solid #d0d0d0;
433}
434
435.x-window-plain .x-window-body {
436    border-left: 1px solid #eee;
437    border-top: 1px solid #eee;
438    border-bottom: 1px solid #d0d0d0;
439    border-right: 1px solid #d0d0d0;
440    background: transparent !important;
441}
442
443body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
444    background-color: #e4e4e4;
445}
446
447/* misc */
448.x-html-editor-wrap {
449    border-color: #d0d0d0;
450}
451
452/* Borders go last for specificity */
453.x-panel-noborder .x-panel-body-noborder {
454    border-width: 0;
455}
456
457.x-panel-noborder .x-panel-header-noborder {
458    border-width: 0;
459    border-bottom: 1px solid #d0d0d0;
460}
461
462.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
463    border-width: 0;
464    border-bottom: 1px solid #d0d0d0;
465}
466
467.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
468    border-width: 0;
469    border-top: 1px solid #d0d0d0;
470}
471
472.x-window-noborder .x-window-mc {
473    border-width: 0;
474}
475
476.x-window-plain .x-window-body-noborder {
477    border-width: 0;
478}
479
480.x-tab-panel-noborder .x-tab-panel-body-noborder {
481    border-width: 0;
482}
483
484.x-tab-panel-noborder .x-tab-panel-header-noborder {
485    border-top-width: 0;
486    border-left-width: 0;
487    border-right-width: 0;
488}
489
490.x-tab-panel-noborder .x-tab-panel-footer-noborder {
491    border-bottom-width: 0;
492    border-left-width: 0;
493    border-right-width: 0;
494}
495
496.x-tab-panel-bbar-noborder .x-toolbar {
497    border-width: 0;
498    border-top: 1px solid #d0d0d0;
499}
500
501.x-tab-panel-tbar-noborder .x-toolbar {
502    border-width: 0;
503    border-bottom: 1px solid #d0d0d0;
504}
505
506.x-accordion-hd {
507    background-color: #e5e5e5;
508}
509
510.x-border {
511    border: 1px solid #D0D0D0;
512}
513
514.x-layout-popup {
515    background-color: #F0F0F0;
516    border: 1px solid #D0D0D0;
517}
518
519.my-list {
520    border: 1px solid #D0D0D0;
521}
522
523.x-view {
524    border: 1px solid #D0D0D0;
525}
526
527.my-info {
528    background: url(../images/gray/info/info-bg.gif) no-repeat;
529}
530
531.x-date-right-icon {
532    background-image: url(../images/default/shared/right-btn.gif);
533    margin-right: 2px;
534    text-decoration: none !important;
535}
536
537.x-date-left-icon {
538    background-image: url(../images/default/shared/left-btn.gif);
539    margin-right: 2px;
540    text-decoration: none !important;
541}
542
543.my-tbl {
544    border: 1px solid #C6C5C5;
545}
546
547.my-treetbl {
548    border: 1px solid #C6C5C5;
549}