3 * Copyright(c) 2006-2010 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-ie8 ul.x-tab-strip li {
180 .ext-ie8 .x-tab-strip .x-tab-right{
181 margin-bottom: 0 !important;
184 .ext-ie8 ul.x-tab-strip-top {
187 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
192 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
196 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
200 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
204 .x-tab-strip-top .x-tab-right {
205 background: transparent no-repeat 0 -51px;
209 .x-tab-strip-top .x-tab-left {
210 background: transparent no-repeat right -351px;
214 .x-tab-strip-top .x-tab-strip-inner {
215 background: transparent repeat-x 0 -201px;
218 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
219 background-position:0 -101px;
222 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
223 background-position:right -401px;
226 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
227 background-position:0 -251px;
230 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
231 background-position: 0 0;
234 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
235 background-position: right -301px;
238 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
239 background-position: 0 -151px;
242 .x-tab-strip-bottom .x-tab-right {
243 background: no-repeat bottom right;
246 .x-tab-strip-bottom .x-tab-left {
247 background: no-repeat bottom left;
250 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
251 background: no-repeat bottom right;
254 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
255 background: no-repeat bottom left;
258 .x-tab-strip-bottom .x-tab-left {
263 .x-tab-strip-bottom .x-tab-right {
267 .x-tab-strip .x-tab-strip-close {
271 .x-tab-strip-closable {
275 .x-tab-strip-closable .x-tab-left {
279 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
282 background-repeat:no-repeat;
293 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
297 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
306 .x-tab-panel-body-top {
310 .x-tab-panel-body-bottom {
311 border-bottom: 0 none;
314 .x-tab-scroller-left {
315 background: transparent no-repeat -18px 0;
316 border-bottom: 1px solid;
324 .x-tab-scroller-left-over {
325 background-position: 0 0;
328 .x-tab-scroller-left-disabled {
329 background-position: -18px 0;
332 filter:alpha(opacity=50);
336 .x-tab-scroller-right {
337 background: transparent no-repeat 0 0;
338 border-bottom: 1px solid;
347 .x-tab-scroller-right-over {
348 background-position: -18px 0;
351 .x-tab-scroller-right-disabled {
352 background-position: 0 0;
355 filter:alpha(opacity=50);
359 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
363 .x-tab-scrolling .x-tab-strip-wrap {
372 .x-tab-panel-bbar .x-toolbar {
379 .x-tab-panel-tbar .x-toolbar {