PageRenderTime 31ms CodeModel.GetById 11ms app.highlight 17ms RepoModel.GetById 1ms app.codeStats 0ms

/source/Plug-in/ext/resources/css/tabs.css

http://prosporous.googlecode.com/
CSS | 358 lines | 302 code | 49 blank | 7 comment | 0 complexity | ef37960aaf1bfb3c263f4d747a8f3556 MD5 | raw file
  1/*
  2 * Ext JS Library 2.2
  3 * Copyright(c) 2006-2008, Ext JS, LLC.
  4 * licensing@extjs.com
  5 * 
  6 * http://extjs.com/license
  7 */
  8
  9.x-tab-panel {
 10    overflow:hidden;
 11}
 12.x-tab-panel-header, .x-tab-panel-footer {
 13	background: #deecfd;
 14	border: 1px solid #8db2e3;
 15    overflow:hidden;
 16    zoom:1;
 17}
 18
 19
 20.x-tab-panel-header {
 21	border: 1px solid #8db2e3;
 22	padding-bottom: 2px;
 23}
 24
 25.x-tab-panel-footer {
 26	border: 1px solid #8db2e3;
 27	padding-top: 2px;
 28}
 29
 30
 31.x-tab-strip-wrap {
 32	width:100%;
 33    overflow:hidden;
 34    position:relative;
 35    zoom:1;
 36}
 37ul.x-tab-strip {
 38	display:block;
 39    width:5000px;
 40    zoom:1;
 41}
 42
 43ul.x-tab-strip-top{
 44	padding-top: 1px;
 45	background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
 46	border-bottom: 1px solid #8db2e3;
 47}
 48
 49ul.x-tab-strip-bottom{
 50	padding-bottom: 1px;
 51	background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
 52	border-top: 1px solid #8db2e3;
 53	border-bottom: 0 none;
 54}
 55
 56.x-tab-panel-header-plain .x-tab-strip-top {
 57    background:transparent !important;
 58    padding-top:0 !important;
 59}
 60.x-tab-panel-header-plain {
 61    background:transparent !important;
 62    border-width:0 !important;
 63    padding-bottom:0 !important;
 64}
 65
 66.x-tab-panel-header-plain .x-tab-strip-spacer,
 67.x-tab-panel-footer-plain .x-tab-strip-spacer {
 68    border:1px solid #8db2e3;
 69    height:2px;
 70    background: #deecfd;
 71    font-size:1px;
 72    line-height:1px;
 73}
 74.x-tab-panel-header-plain .x-tab-strip-spacer {
 75    border-top: 0 none;
 76}
 77.x-tab-panel-footer-plain .x-tab-strip-spacer {
 78    border-bottom: 0 none;
 79}
 80
 81.x-tab-panel-footer-plain .x-tab-strip-bottom {
 82    background:transparent !important;
 83    padding-bottom:0 !important;
 84}
 85.x-tab-panel-footer-plain {
 86    background:transparent !important;
 87    border-width:0 !important;
 88    padding-top:0 !important;
 89}
 90
 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 {
 93    height:3px;
 94}
 95
 96
 97ul.x-tab-strip li {
 98    float:left;
 99    margin-left:2px;
100}
101
102
103ul.x-tab-strip li.x-tab-edge {
104    float:left;
105    margin:0 !important;
106    padding:0 !important;
107    border:0 none !important;
108    font-size:1px !important;
109    line-height:1px !important;
110    overflow:hidden;
111    zoom:1;
112    background:transparent !important;
113    width:1px;
114}
115
116.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
117	display:block;
118}
119
120.x-tab-strip a {
121	text-decoration:none !important;
122	-moz-outline: none;
123	outline: none;
124	cursor:pointer;
125}
126
127.x-tab-strip-inner {
128    overflow:hidden;
129	text-overflow: ellipsis;
130}
131
132.x-tab-strip span.x-tab-strip-text {
133	font:normal 11px tahoma,arial,helvetica;
134	color:#416aa3;
135	white-space: nowrap;
136	cursor:pointer;
137    padding:4px 0;
138}
139.x-tab-strip-top .x-tab-with-icon .x-tab-right {
140    padding-left:6px;
141}
142.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
143	padding-left:20px;
144    background-position: 0 3px;
145    background-repeat: no-repeat;
146}
147
148.x-tab-strip-over span.x-tab-strip-text {
149	color:#15428b;
150}
151
152.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
153    cursor:default;
154}
155
156.x-tab-strip-active span.x-tab-strip-text {
157	cursor:default;
158	color:#15428b;
159    font-weight:bold;
160}
161
162.x-tab-strip-disabled .x-tabs-text {
163	cursor:default;
164	color:#aaaaaa;
165}
166
167.x-tab-panel-body {
168    overflow:hidden;
169}
170.x-tab-panel-bwrap {
171    overflow:hidden;
172}
173.ext-ie .x-tab-strip .x-tab-right {
174    position:relative;
175}
176
177.x-tab-strip-top .x-tab-strip-active .x-tab-right {
178    margin-bottom:-1px;
179}
180
181.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
182    padding-bottom:5px;
183}
184
185.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
186    margin-top:-1px;
187}
188.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
189    padding-top:5px;
190}
191
192
193.x-tab-strip-top .x-tab-right {
194	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
195    padding-left:10px;
196}
197
198.x-tab-strip-top .x-tab-left {
199	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
200    padding-right:10px;
201}
202
203.x-tab-strip-top .x-tab-strip-inner {
204	background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
205}
206
207.x-tab-strip-top .x-tab-strip-over .x-tab-right {
208	 background-position:0 -101px;
209}
210.x-tab-strip-top .x-tab-strip-over .x-tab-left {
211	 background-position:right -401px;
212}
213.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
214	 background-position:0 -251px;
215}
216
217.x-tab-strip-top .x-tab-strip-active .x-tab-right {
218	background-position: 0 0;
219}
220
221.x-tab-strip-top .x-tab-strip-active .x-tab-left {
222	background-position: right -301px;
223}
224
225.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
226	background-position: 0 -151px;
227}
228
229.x-tab-strip-bottom .x-tab-right {
230	background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
231}
232
233.x-tab-strip-bottom .x-tab-left {
234	background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
235}
236
237.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
238	background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
239}
240
241.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
242	background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
243}
244.x-tab-strip-bottom .x-tab-left {
245    padding:0 10px;
246}
247.x-tab-strip-bottom .x-tab-right {
248    padding:0;
249}
250.x-tab-strip .x-tab-strip-close {
251    display:none;
252}
253.x-tab-strip-closable {
254    position:relative;
255}
256
257.x-tab-strip-closable .x-tab-left {
258    padding-right:19px;
259}
260
261.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
262	background-image:url(../images/default/tabs/tab-close.gif);
263    opacity:.6;
264    -moz-opacity:.6;
265    background-repeat:no-repeat;
266    display:block;
267	width:11px;height:11px;
268    position:absolute;
269    top:3px;
270    right:3px;
271    cursor:pointer;
272    z-index:2;
273}
274
275.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
276    opacity:.8;
277    -moz-opacity:.8;
278}
279.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
280	background-image:url(../images/default/tabs/tab-close.gif);
281    opacity:1;
282    -moz-opacity:1;
283}
284
285.x-tab-panel-body {
286    border: 1px solid #8db2e3;
287    background:#fff;
288}
289.x-tab-panel-body-top {
290    border-top: 0 none;
291}
292.x-tab-panel-body-bottom {
293    border-bottom: 0 none;
294}
295
296.x-tab-scroller-left {
297    background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
298    border-bottom: 1px solid #8db2e3;
299    width:18px;
300    position:absolute;
301    left:0;
302    top:0;
303    z-index:10;
304    cursor:pointer;
305}
306.x-tab-scroller-left-over {
307    background-position: 0 0;
308}
309.x-tab-scroller-left-disabled {
310    background-position: -18px 0;
311    opacity:.5;
312    -moz-opacity:.5;
313    filter:alpha(opacity=50);
314    cursor:default;
315}
316.x-tab-scroller-right {
317    background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
318    border-bottom: 1px solid #8db2e3;
319    width:18px;
320    position:absolute;
321    right:0;
322    top:0;
323    z-index:10;
324    cursor:pointer;
325}
326.x-tab-scroller-right-over {
327    background-position: -18px 0;
328}
329.x-tab-scroller-right-disabled {
330    background-position: 0 0;
331    opacity:.5;
332    -moz-opacity:.5;
333    filter:alpha(opacity=50);
334    cursor:default;
335}
336
337.x-tab-scrolling .x-tab-strip-wrap {
338    margin-left:18px;
339    margin-right:18px;
340}
341
342.x-tab-scrolling {
343    position:relative;    
344}
345
346.x-tab-panel-bbar .x-toolbar {
347    border:1px solid #99bbe8;
348    border-top:0 none;
349    overflow:hidden;
350    padding:2px;
351}
352
353.x-tab-panel-tbar .x-toolbar {
354    border:1px solid #99bbe8;
355    border-top:0 none;
356    overflow:hidden;
357    padding:2px;
358}