view onlypaths/theme/css/tabs.css @ 74:24d5d4221b42 laserkard

session with nick, updated the about page
author r@rlm
date Fri, 25 Jun 2010 19:59:31 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
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 */
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 }
20 .x-tab-panel-header {
21 border: 1px solid #8db2e3;
22 padding-bottom: 2px;
23 }
25 .x-tab-panel-footer {
26 border: 1px solid #8db2e3;
27 padding-top: 2px;
28 }
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 }
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 }
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 }
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 }
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 }
75 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {
76 height:3px;
77 }
80 ul.x-tab-strip li {
81 float:left;
82 margin-left:2px;
83 }
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 }
99 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
100 display:block;
101 }
103 .x-tab-strip a {
104 text-decoration:none !important;
105 -moz-outline: none;
106 outline: none;
107 cursor:pointer;
108 }
110 .x-tab-strip-inner {
111 overflow:hidden;
112 text-overflow: ellipsis;
113 }
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 }
131 .x-tab-strip-over span.x-tab-strip-text {
132 color:#15428b;
133 }
135 .x-tab-strip-active {
136 cursor:default;
137 }
139 .x-tab-strip-active span.x-tab-strip-text {
140 cursor:default;
141 color:#15428b;
142 font-weight:bold;
143 }
145 .x-tab-strip-disabled .x-tabs-text {
146 cursor:default;
147 color:#aaaaaa;
148 }
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 }
160 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
161 margin-bottom:-1px;
162 }
164 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
165 padding-bottom:5px;
166 }
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 }
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 }
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 }
186 .x-tab-strip-top .x-tab-strip-inner {
187 background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
188 }
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 }
200 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
201 background-position: 0 0;
202 }
204 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
205 background-position: right -301px;
206 }
208 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
209 background-position: 0 -151px;
210 }
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 }
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 }
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 }
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 }
240 .x-tab-strip-closable .x-tab-left {
241 padding-right:19px;
242 }
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 }
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 }
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 }
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 }
320 .x-tab-scrolling .x-tab-strip-wrap {
321 margin-left:18px;
322 margin-right:18px;
323 }
325 .x-tab-scrolling {
326 position:relative;
327 }
329 .x-tab-panel-bbar .x-toolbar {
330 border:1px solid #99bbe8;
331 border-top:0 none;
332 overflow:hidden;
333 padding:2px;
334 }
336 .x-tab-panel-tbar .x-toolbar {
337 border:1px solid #99bbe8;
338 border-top:0 none;
339 overflow:hidden;
340 padding:2px;