3 * Copyright(c) 2006-2010 Ext JS, Inc.
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 {
190 .ext-ie8 .x-tab-strip-bottom .x-tab-right{
195 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
199 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
203 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
207 .x-tab-strip-top .x-tab-right {
208 background: transparent no-repeat 0 -51px;
212 .x-tab-strip-top .x-tab-left {
213 background: transparent no-repeat right -351px;
217 .x-tab-strip-top .x-tab-strip-inner {
218 background: transparent repeat-x 0 -201px;
221 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
222 background-position:0 -101px;
225 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
226 background-position:right -401px;
229 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
230 background-position:0 -251px;
233 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
234 background-position: 0 0;
237 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
238 background-position: right -301px;
241 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
242 background-position: 0 -151px;
245 .x-tab-strip-bottom .x-tab-right {
246 background: no-repeat bottom right;
249 .x-tab-strip-bottom .x-tab-left {
250 background: no-repeat bottom left;
253 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
254 background: no-repeat bottom right;
257 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
258 background: no-repeat bottom left;
261 .x-tab-strip-bottom .x-tab-left {
266 .x-tab-strip-bottom .x-tab-right {
270 .x-tab-strip .x-tab-strip-close {
274 .x-tab-strip-closable {
278 .x-tab-strip-closable .x-tab-left {
282 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
285 background-repeat:no-repeat;
296 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
300 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
309 .x-tab-panel-body-top {
313 .x-tab-panel-body-bottom {
314 border-bottom: 0 none;
317 .x-tab-scroller-left {
318 background: transparent no-repeat -18px 0;
319 border-bottom: 1px solid;
327 .x-tab-scroller-left-over {
328 background-position: 0 0;
331 .x-tab-scroller-left-disabled {
332 background-position: -18px 0;
335 filter:alpha(opacity=50);
339 .x-tab-scroller-right {
340 background: transparent no-repeat 0 0;
341 border-bottom: 1px solid;
350 .x-tab-scroller-right-over {
351 background-position: -18px 0;
354 .x-tab-scroller-right-disabled {
355 background-position: 0 0;
358 filter:alpha(opacity=50);
362 .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
366 .x-tab-scrolling .x-tab-strip-wrap {
375 .x-tab-panel-bbar .x-toolbar {
382 .x-tab-panel-tbar .x-toolbar {