3 * Copyright(c) 2006-2009 Ext JS, LLC
5 * http://www.extjs.com/license
11 .x-tab-panel-header, .x-tab-panel-footer {
42 background: repeat-x bottom;
43 border-bottom: 1px solid;
46 ul.x-tab-strip-bottom{
48 background: repeat-x top;
49 border-top: 1px solid;
50 border-bottom: 0 none;
53 .x-tab-panel-header-plain .x-tab-strip-top {
54 background:transparent !important;
55 padding-top:0 !important;
58 .x-tab-panel-header-plain {
59 background:transparent !important;
60 border-width:0 !important;
61 padding-bottom:0 !important;
64 .x-tab-panel-header-plain .x-tab-strip-spacer,
65 .x-tab-panel-footer-plain .x-tab-strip-spacer {
72 .x-tab-panel-header-plain .x-tab-strip-spacer {
76 .x-tab-panel-footer-plain .x-tab-strip-spacer {
77 border-bottom: 0 none;
80 .x-tab-panel-footer-plain .x-tab-strip-bottom {
81 background:transparent !important;
82 padding-bottom:0 !important;
85 .x-tab-panel-footer-plain {
86 background:transparent !important;
87 border-width:0 !important;
88 padding-top:0 !important;
91 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
92 .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
101 ul.x-tab-strip li.x-tab-edge {
104 padding:0 !important;
105 border:0 none !important;
106 font-size:1px !important;
107 line-height:1px !important;
110 background:transparent !important;
114 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
119 text-decoration:none !important;
127 text-overflow: ellipsis;
130 .x-tab-strip span.x-tab-strip-text {
136 .x-tab-strip-top .x-tab-with-icon .x-tab-right {
140 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
142 background-position: 0 3px;
143 background-repeat: no-repeat;
146 .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
150 .x-tab-strip-active span.x-tab-strip-text {
154 .x-tab-strip-disabled .x-tabs-text {
166 .ext-ie .x-tab-strip .x-tab-right {
170 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
175 * Horrible hack for IE8 in quirks mode
177 .ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
181 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
185 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
189 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
193 .x-tab-strip-top .x-tab-right {
194 background: transparent no-repeat 0 -51px;
198 .x-tab-strip-top .x-tab-left {
199 background: transparent no-repeat right -351px;
203 .x-tab-strip-top .x-tab-strip-inner {
204 background: transparent repeat-x 0 -201px;
207 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
208 background-position:0 -101px;
211 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
212 background-position:right -401px;
215 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
216 background-position:0 -251px;
219 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
220 background-position: 0 0;
223 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
224 background-position: right -301px;
227 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
228 background-position: 0 -151px;
231 .x-tab-strip-bottom .x-tab-right {
232 background: no-repeat bottom right;
235 .x-tab-strip-bottom .x-tab-left {
236 background: no-repeat bottom left;
239 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
240 background: no-repeat bottom left;
243 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
244 background: no-repeat bottom right;
247 .x-tab-strip-bottom .x-tab-left {
251 .x-tab-strip-bottom .x-tab-right {
255 .x-tab-strip .x-tab-strip-close {
259 .x-tab-strip-closable {
263 .x-tab-strip-closable .x-tab-left {
267 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
270 background-repeat:no-repeat;
281 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
285 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
294 .x-tab-panel-body-top {
298 .x-tab-panel-body-bottom {
299 border-bottom: 0 none;
302 .x-tab-scroller-left {
303 background: transparent no-repeat -18px 0;
304 border-bottom: 1px solid;
312 .x-tab-scroller-left-over {
313 background-position: 0 0;
316 .x-tab-scroller-left-disabled {
317 background-position: -18px 0;
320 filter:alpha(opacity=50);
324 .x-tab-scroller-right {
325 background: transparent no-repeat 0 0;
326 border-bottom: 1px solid;
335 .x-tab-scroller-right-over {
336 background-position: -18px 0;
339 .x-tab-scroller-right-disabled {
340 background-position: 0 0;
343 filter:alpha(opacity=50);
347 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
351 .x-tab-scrolling .x-tab-strip-wrap {
360 .x-tab-panel-bbar .x-toolbar {
367 .x-tab-panel-tbar .x-toolbar {