comparison onlypaths/theme/css/tabs.css @ 46:26c2b3ad21c7 laserkard

[svn r47] saving progresswww.cinemassacre.com/new/?page_id=30
author rlm
date Sun, 31 Jan 2010 12:33:33 -0500
parents
children
comparison
equal deleted inserted replaced
45:bff96abdddfa 46:26c2b3ad21c7
1 /*
2 * Ext JS Library 2.1
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 }
37 ul.x-tab-strip {
38 display:block;
39 width:5000px;
40 zoom:1;
41 }
42
43 ul.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
49 ul.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 border:1px solid #8db2e3;
68 border-top: 0 none;
69 height:2px;
70 background: #deecfd;
71 font-size:1px;
72 line-height:1px;
73 }
74
75 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {
76 height:3px;
77 }
78
79
80 ul.x-tab-strip li {
81 float:left;
82 margin-left:2px;
83 }
84
85
86 ul.x-tab-strip li.x-tab-edge {
87 float:left;
88 margin:0 !important;
89 padding:0 !important;
90 border:0 none !important;
91 font-size:1px !important;
92 line-height:1px !important;
93 overflow:hidden;
94 zoom:1;
95 background:transparent !important;
96 width:1px;
97 }
98
99 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
100 display:block;
101 }
102
103 .x-tab-strip a {
104 text-decoration:none !important;
105 -moz-outline: none;
106 outline: none;
107 cursor:pointer;
108 }
109
110 .x-tab-strip-inner {
111 overflow:hidden;
112 text-overflow: ellipsis;
113 }
114
115 .x-tab-strip span.x-tab-strip-text {
116 font:normal 11px tahoma,arial,helvetica;
117 color:#416aa3;
118 white-space: nowrap;
119 cursor:pointer;
120 padding:4px 0;
121 }
122 .x-tab-strip .x-tab-with-icon .x-tab-right {
123 padding-left:6px;
124 }
125 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
126 padding-left:20px;
127 background-position: 0 3px;
128 background-repeat: no-repeat;
129 }
130
131 .x-tab-strip-over span.x-tab-strip-text {
132 color:#15428b;
133 }
134
135 .x-tab-strip-active {
136 cursor:default;
137 }
138
139 .x-tab-strip-active span.x-tab-strip-text {
140 cursor:default;
141 color:#15428b;
142 font-weight:bold;
143 }
144
145 .x-tab-strip-disabled .x-tabs-text {
146 cursor:default;
147 color:#aaaaaa;
148 }
149
150 .x-tab-panel-body {
151 overflow:hidden;
152 }
153 .x-tab-panel-bwrap {
154 overflow:hidden;
155 }
156 .ext-ie .x-tab-strip .x-tab-right {
157 position:relative;
158 }
159
160 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
161 margin-bottom:-1px;
162 }
163
164 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
165 padding-bottom:5px;
166 }
167
168 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
169 margin-top:-1px;
170 }
171 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
172 padding-top:5px;
173 }
174
175
176 .x-tab-strip-top .x-tab-right {
177 background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
178 padding-left:10px;
179 }
180
181 .x-tab-strip-top .x-tab-left {
182 background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
183 padding-right:10px;
184 }
185
186 .x-tab-strip-top .x-tab-strip-inner {
187 background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
188 }
189
190 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
191 background-position:0 -101px;
192 }
193 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
194 background-position:right -401px;
195 }
196 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
197 background-position:0 -251px;
198 }
199
200 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
201 background-position: 0 0;
202 }
203
204 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
205 background-position: right -301px;
206 }
207
208 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
209 background-position: 0 -151px;
210 }
211
212 .x-tab-strip-bottom .x-tab-right {
213 background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
214 }
215
216 .x-tab-strip-bottom .x-tab-left {
217 background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
218 }
219
220 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
221 background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
222 }
223
224 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
225 background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
226 }
227 .x-tab-strip-bottom .x-tab-left {
228 padding:0 10px;
229 }
230 .x-tab-strip-bottom .x-tab-right {
231 padding:0;
232 }
233 .x-tab-strip .x-tab-strip-close {
234 display:none;
235 }
236 .x-tab-strip-closable {
237 position:relative;
238 }
239
240 .x-tab-strip-closable .x-tab-left {
241 padding-right:19px;
242 }
243
244 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
245 background-image:url(../images/default/tabs/tab-close.gif);
246 opacity:.6;
247 -moz-opacity:.6;
248 background-repeat:no-repeat;
249 display:block;
250 width:11px;height:11px;
251 position:absolute;
252 top:3px;
253 right:3px;
254 cursor:pointer;
255 z-index:2;
256 }
257
258 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
259 opacity:.8;
260 -moz-opacity:.8;
261 }
262 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
263 background-image:url(../images/default/tabs/tab-close.gif);
264 opacity:1;
265 -moz-opacity:1;
266 }
267
268 .x-tab-panel-body {
269 border: 1px solid #8db2e3;
270 background:#fff;
271 }
272 .x-tab-panel-body-top {
273 border-top: 0 none;
274 }
275 .x-tab-panel-body-bottom {
276 border-bottom: 0 none;
277 }
278
279 .x-tab-scroller-left {
280 background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
281 border-bottom: 1px solid #8db2e3;
282 width:18px;
283 position:absolute;
284 left:0;
285 top:0;
286 z-index:10;
287 cursor:pointer;
288 }
289 .x-tab-scroller-left-over {
290 background-position: 0 0;
291 }
292 .x-tab-scroller-left-disabled {
293 background-position: -18px 0;
294 opacity:.5;
295 -moz-opacity:.5;
296 filter:alpha(opacity=50);
297 cursor:default;
298 }
299 .x-tab-scroller-right {
300 background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
301 border-bottom: 1px solid #8db2e3;
302 width:18px;
303 position:absolute;
304 right:0;
305 top:0;
306 z-index:10;
307 cursor:pointer;
308 }
309 .x-tab-scroller-right-over {
310 background-position: -18px 0;
311 }
312 .x-tab-scroller-right-disabled {
313 background-position: 0 0;
314 opacity:.5;
315 -moz-opacity:.5;
316 filter:alpha(opacity=50);
317 cursor:default;
318 }
319
320 .x-tab-scrolling .x-tab-strip-wrap {
321 margin-left:18px;
322 margin-right:18px;
323 }
324
325 .x-tab-scrolling {
326 position:relative;
327 }
328
329 .x-tab-panel-bbar .x-toolbar {
330 border:1px solid #99bbe8;
331 border-top:0 none;
332 overflow:hidden;
333 padding:2px;
334 }
335
336 .x-tab-panel-tbar .x-toolbar {
337 border:1px solid #99bbe8;
338 border-top:0 none;
339 overflow:hidden;
340 padding:2px;
341 }