Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / resources / css / visual / tabs.css
1 /*!
2  * Ext JS Library 3.3.1
3  * Copyright(c) 2006-2010 Sencha Inc.
4  * licensing@sencha.com
5  * http://www.sencha.com/license
6  */
7 .x-tab-panel-header, .x-tab-panel-footer {
8         background-color: #deecfd;
9         border-color:#8db2e3;
10     overflow:hidden;
11     zoom:1;
12 }
13
14 .x-tab-panel-header, .x-tab-panel-footer {
15         border-color:#8db2e3;
16 }
17
18 ul.x-tab-strip-top{
19     background-color:#cedff5;
20         background-image: url(../images/default/tabs/tab-strip-bg.gif);
21         border-bottom-color:#8db2e3;
22 }
23
24 ul.x-tab-strip-bottom{
25     background-color:#cedff5;
26         background-image: url(../images/default/tabs/tab-strip-btm-bg.gif);
27         border-top-color:#8db2e3;
28 }
29
30 .x-tab-panel-header-plain .x-tab-strip-spacer,
31 .x-tab-panel-footer-plain .x-tab-strip-spacer {
32     border-color:#8db2e3;
33     background-color: #deecfd;
34 }
35
36 .x-tab-strip span.x-tab-strip-text {
37         font:normal 11px tahoma,arial,helvetica;
38         color:#416aa3;
39 }
40
41 .x-tab-strip-over span.x-tab-strip-text {
42         color:#15428b;
43 }
44
45 .x-tab-strip-active span.x-tab-strip-text {
46         color:#15428b;
47     font-weight:bold;
48 }
49
50 .x-tab-strip-disabled .x-tabs-text {
51         color:#aaaaaa;
52 }
53
54 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
55         background-image: url(../images/default/tabs/tabs-sprite.gif);
56 }
57
58 .x-tab-strip-bottom .x-tab-right {
59         background-image: url(../images/default/tabs/tab-btm-inactive-right-bg.gif);
60 }
61
62 .x-tab-strip-bottom .x-tab-left {
63         background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif);
64 }
65
66 .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
67         background-image: url(../images/default/tabs/tab-btm-over-right-bg.gif);
68 }
69
70 .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
71         background-image: url(../images/default/tabs/tab-btm-over-left-bg.gif);
72 }
73
74 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
75         background-image: url(../images/default/tabs/tab-btm-right-bg.gif);
76 }
77
78 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
79         background-image: url(../images/default/tabs/tab-btm-left-bg.gif);
80 }
81
82 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
83         background-image:url(../images/default/tabs/tab-close.gif);
84 }
85
86 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
87         background-image:url(../images/default/tabs/tab-close.gif);
88 }
89
90 .x-tab-panel-body {
91     border-color:#8db2e3;
92     background-color:#fff;
93 }
94
95 .x-tab-panel-body-top {
96     border-top: 0 none;
97 }
98
99 .x-tab-panel-body-bottom {
100     border-bottom: 0 none;
101 }
102
103 .x-tab-scroller-left {
104     background-image:url(../images/default/tabs/scroll-left.gif);
105     border-bottom-color:#8db2e3;
106 }
107
108 .x-tab-scroller-left-over {
109     background-position: 0 0;
110 }
111
112 .x-tab-scroller-left-disabled {
113     background-position: -18px 0;
114     opacity:.5;
115     -moz-opacity:.5;
116     filter:alpha(opacity=50);
117     cursor:default;
118 }
119
120 .x-tab-scroller-right {
121     background-image:url(../images/default/tabs/scroll-right.gif);
122     border-bottom-color:#8db2e3;
123 }
124
125 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
126     border-color:#99bbe8;
127 }