2 * Ext JS Library 2.2.1
\r
3 * Copyright(c) 2006-2009, Ext JS, LLC.
\r
4 * licensing@extjs.com
\r
6 * http://extjs.com/license
\r
12 .x-tab-panel-header, .x-tab-panel-footer {
\r
13 background: #deecfd;
\r
14 border: 1px solid #8db2e3;
\r
20 .x-tab-panel-header {
\r
21 border: 1px solid #8db2e3;
\r
22 padding-bottom: 2px;
\r
25 .x-tab-panel-footer {
\r
26 border: 1px solid #8db2e3;
\r
45 background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
\r
46 border-bottom: 1px solid #8db2e3;
\r
49 ul.x-tab-strip-bottom{
\r
50 padding-bottom: 1px;
\r
51 background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
\r
52 border-top: 1px solid #8db2e3;
\r
53 border-bottom: 0 none;
\r
56 .x-tab-panel-header-plain .x-tab-strip-top {
\r
57 background:transparent !important;
\r
58 padding-top:0 !important;
\r
60 .x-tab-panel-header-plain {
\r
61 background:transparent !important;
\r
62 border-width:0 !important;
\r
63 padding-bottom:0 !important;
\r
66 .x-tab-panel-header-plain .x-tab-strip-spacer,
\r
67 .x-tab-panel-footer-plain .x-tab-strip-spacer {
\r
68 border:1px solid #8db2e3;
\r
70 background: #deecfd;
\r
74 .x-tab-panel-header-plain .x-tab-strip-spacer {
\r
77 .x-tab-panel-footer-plain .x-tab-strip-spacer {
\r
78 border-bottom: 0 none;
\r
81 .x-tab-panel-footer-plain .x-tab-strip-bottom {
\r
82 background:transparent !important;
\r
83 padding-bottom:0 !important;
\r
85 .x-tab-panel-footer-plain {
\r
86 background:transparent !important;
\r
87 border-width:0 !important;
\r
88 padding-top:0 !important;
\r
91 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
\r
92 .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
\r
103 ul.x-tab-strip li.x-tab-edge {
\r
105 margin:0 !important;
\r
106 padding:0 !important;
\r
107 border:0 none !important;
\r
108 font-size:1px !important;
\r
109 line-height:1px !important;
\r
112 background:transparent !important;
\r
116 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
\r
121 text-decoration:none !important;
\r
122 -moz-outline: none;
\r
127 .x-tab-strip-inner {
\r
129 text-overflow: ellipsis;
\r
132 .x-tab-strip span.x-tab-strip-text {
\r
133 font:normal 11px tahoma,arial,helvetica;
\r
135 white-space: nowrap;
\r
139 .x-tab-strip-top .x-tab-with-icon .x-tab-right {
\r
142 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
\r
144 background-position: 0 3px;
\r
145 background-repeat: no-repeat;
\r
148 .x-tab-strip-over span.x-tab-strip-text {
\r
152 .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
\r
156 .x-tab-strip-active span.x-tab-strip-text {
\r
162 .x-tab-strip-disabled .x-tabs-text {
\r
167 .x-tab-panel-body {
\r
170 .x-tab-panel-bwrap {
\r
173 .ext-ie .x-tab-strip .x-tab-right {
\r
177 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
\r
178 margin-bottom:-1px;
\r
181 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
\r
182 padding-bottom:5px;
\r
185 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
\r
188 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
\r
193 .x-tab-strip-top .x-tab-right {
\r
194 background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
\r
198 .x-tab-strip-top .x-tab-left {
\r
199 background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
\r
200 padding-right:10px;
\r
203 .x-tab-strip-top .x-tab-strip-inner {
\r
204 background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
\r
207 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
\r
208 background-position:0 -101px;
\r
210 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
\r
211 background-position:right -401px;
\r
213 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
\r
214 background-position:0 -251px;
\r
217 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
\r
218 background-position: 0 0;
\r
221 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
\r
222 background-position: right -301px;
\r
225 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
\r
226 background-position: 0 -151px;
\r
229 .x-tab-strip-bottom .x-tab-right {
\r
230 background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
\r
233 .x-tab-strip-bottom .x-tab-left {
\r
234 background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
\r
237 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
\r
238 background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
\r
241 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
\r
242 background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
\r
244 .x-tab-strip-bottom .x-tab-left {
\r
247 .x-tab-strip-bottom .x-tab-right {
\r
250 .x-tab-strip .x-tab-strip-close {
\r
253 .x-tab-strip-closable {
\r
257 .x-tab-strip-closable .x-tab-left {
\r
258 padding-right:19px;
\r
261 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
\r
262 background-image:url(../images/default/tabs/tab-close.gif);
\r
265 background-repeat:no-repeat;
\r
267 width:11px;height:11px;
\r
275 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
\r
279 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
\r
280 background-image:url(../images/default/tabs/tab-close.gif);
\r
285 .x-tab-panel-body {
\r
286 border: 1px solid #8db2e3;
\r
289 .x-tab-panel-body-top {
\r
290 border-top: 0 none;
\r
292 .x-tab-panel-body-bottom {
\r
293 border-bottom: 0 none;
\r
296 .x-tab-scroller-left {
\r
297 background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
\r
298 border-bottom: 1px solid #8db2e3;
\r
306 .x-tab-scroller-left-over {
\r
307 background-position: 0 0;
\r
309 .x-tab-scroller-left-disabled {
\r
310 background-position: -18px 0;
\r
313 filter:alpha(opacity=50);
\r
316 .x-tab-scroller-right {
\r
317 background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
\r
318 border-bottom: 1px solid #8db2e3;
\r
326 .x-tab-scroller-right-over {
\r
327 background-position: -18px 0;
\r
329 .x-tab-scroller-right-disabled {
\r
330 background-position: 0 0;
\r
333 filter:alpha(opacity=50);
\r
337 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
\r
341 .x-tab-scrolling .x-tab-strip-wrap {
\r
347 position:relative;
\r
350 .x-tab-panel-bbar .x-toolbar {
\r
351 border:1px solid #99bbe8;
\r
357 .x-tab-panel-tbar .x-toolbar {
\r
358 border:1px solid #99bbe8;
\r