view onlypaths/theme/css/panel.css @ 75:874a6a2c28cf laserkard

session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -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-panel {
10 border-style: solid;
11 border-color: #99bbe8;
12 border-width:0;
13 }
15 .x-panel-header {
16 overflow:hidden;
17 zoom:1;
18 color:#15428b;
19 font:bold 11px tahoma,arial,verdana,sans-serif;
20 padding:5px 3px 4px 5px;
21 border:1px solid #99bbe8;
22 line-height: 15px;
23 background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
24 }
26 .x-panel-body {
27 border:1px solid #99bbe8;
28 border-top:0 none;
29 overflow:hidden;
30 background:white;
31 position: relative; /* added for item scroll positioning */
32 }
34 .x-panel-bbar .x-toolbar {
35 border:1px solid #99bbe8;
36 border-top:0 none;
37 overflow:hidden;
38 padding:2px;
39 }
42 .x-panel-tbar .x-toolbar {
43 border:1px solid #99bbe8;
44 border-top:0 none;
45 overflow:hidden;
46 padding:2px;
47 }
49 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
50 border-top:1px solid #99bbe8;
51 border-bottom: 0 none;
52 }
53 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
54 border-top:1px solid #99bbe8;
55 }
56 .x-panel-header {
57 overflow:hidden;
58 zoom:1;
59 }
60 .x-panel-tl .x-panel-header {
61 color:#15428b;
62 font:bold 11px tahoma,arial,verdana,sans-serif;
63 padding:5px 0 4px 0;
64 border:0 none;
65 background:transparent;
66 }
67 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
68 padding-left:20px !important;
69 background-repeat:no-repeat;
70 background-position:0 4px;
71 zoom:1;
72 }
73 .x-panel-inline-icon {
74 width:16px;
75 height:16px;
76 background-repeat:no-repeat;
77 background-position:0 0;
78 vertical-align:middle;
79 margin-right:4px;
80 margin-top:-1px;
81 margin-bottom:-1px;
82 }
83 .x-panel-tc {
84 background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;
85 overflow:hidden;
86 }
87 /* fix ie7 strict mode bug */
88 .ext-strict .ext-ie7 .x-panel-tc {
89 overflow: visible;
90 }
91 .x-panel-tl {
92 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;
93 padding-left:6px;
94 zoom:1;
95 border-bottom:1px solid #99bbe8;
96 }
97 .x-panel-tr {
98 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;
99 zoom:1;
100 padding-right:6px;
101 }
102 .x-panel-bc {
103 background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;
104 zoom:1;
105 }
106 .x-panel-bc .x-panel-footer {
107 zoom:1;
108 }
110 .x-panel-bl {
111 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
112 padding-left:6px;
113 zoom:1;
114 }
115 .x-panel-br {
116 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;
117 padding-right:6px;
118 zoom:1;
119 }
120 .x-panel-mc {
121 border:0 none;
122 padding:0;
123 margin:0;
124 font: normal 11px tahoma,arial,helvetica,sans-serif;
125 padding-top:6px;
126 background:#dfe8f6;
127 }
128 .x-panel-mc .x-panel-body {
129 background:transparent;
130 border: 0 none;
131 }
132 .x-panel-ml {
133 background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;
134 padding-left:6px;
135 zoom:1;
136 }
137 .x-panel-mr {
138 background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;
139 padding-right:6px;
140 zoom:1;
141 }
142 .x-panel-bc .x-panel-footer {
143 padding-bottom:6px;
144 }
145 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
146 height:6px;
147 font-size:0;
148 line-height:0;
149 }
151 .x-panel-bwrap {
152 overflow:hidden;
153 zoom:1;
154 }
155 .x-panel-body {
156 overflow:hidden;
157 zoom:1;
158 }
160 .x-panel-collapsed .x-resizable-handle{
161 display:none;
162 }
164 .ext-gecko .x-panel-animated div {
165 overflow:hidden !important;
166 }
168 /* Plain */
169 .x-plain-body {
170 overflow:hidden;
171 }
173 .x-plain-bbar .x-toolbar {
174 overflow:hidden;
175 padding:2px;
176 }
178 .x-plain-tbar .x-toolbar {
179 overflow:hidden;
180 padding:2px;
181 }
183 .x-plain-bwrap {
184 overflow:hidden;
185 zoom:1;
186 }
188 .x-plain {
189 overflow:hidden;
190 }
192 /* Tools */
193 .x-tool {
194 overflow:hidden;
195 width:15px;
196 height:15px;
197 float:right;
198 cursor:pointer;
199 background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
200 margin-left:2px;
201 }
203 /* expand / collapse tools */
204 .x-tool-toggle {
205 background-position:0 -60px;
206 }
207 .x-tool-toggle-over {
208 background-position:-15px -60px;
209 }
210 .x-panel-collapsed .x-tool-toggle {
211 background-position:0 -75px;
212 }
213 .x-panel-collapsed .x-tool-toggle-over {
214 background-position:-15px -75px;
215 }
217 .x-tool-close {
218 background-position:0 -0;
219 }
220 .x-tool-close-over {
221 background-position:-15px 0;
222 }
224 .x-tool-minimize {
225 background-position:0 -15px;
226 }
227 .x-tool-minimize-over {
228 background-position:-15px -15px;
229 }
231 .x-tool-maximize {
232 background-position:0 -30px;
233 }
234 .x-tool-maximize-over {
235 background-position:-15px -30px;
236 }
238 .x-tool-restore {
239 background-position:0 -45px;
240 }
241 .x-tool-restore-over {
242 background-position:-15px -45px;
243 }
245 .x-tool-gear {
246 background-position:0 -90px;
247 }
248 .x-tool-gear-over {
249 background-position:-15px -90px;
250 }
252 .x-tool-pin {
253 background-position:0 -135px;
254 }
255 .x-tool-pin-over {
256 background-position:-15px -135px;
257 }
258 .x-tool-unpin {
259 background-position:0 -150px;
260 }
261 .x-tool-unpin-over {
262 background-position:-15px -150px;
263 }
264 .x-tool-right {
265 background-position:0 -165px;
266 }
267 .x-tool-right-over {
268 background-position:-15px -165px;
269 }
270 .x-tool-left {
271 background-position:0 -180px;
272 }
273 .x-tool-left-over {
274 background-position:-15px -180px;
275 }
276 .x-tool-up {
277 background-position:0 -210px;
278 }
279 .x-tool-up-over {
280 background-position:-15px -210px;
281 }
282 .x-tool-down {
283 background-position:0 -195px;
284 }
285 .x-tool-down-over {
286 background-position:-15px -195px;
287 }
288 .x-tool-refresh {
289 background-position:0 -225px;
290 }
291 .x-tool-refresh-over {
292 background-position:-15px -225px;
293 }
295 .x-tool-minus {
296 background-position:0 -255px;
297 }
298 .x-tool-minus-over {
299 background-position:-15px -255px;
300 }
301 .x-tool-plus {
302 background-position:0 -240px;
303 }
304 .x-tool-plus-over {
305 background-position:-15px -240px;
306 }
308 .x-tool-search {
309 background-position:0 -270px;
310 }
311 .x-tool-search-over {
312 background-position:-15px -270px;
313 }
314 .x-tool-save {
315 background-position:0 -285px;
316 }
317 .x-tool-save-over {
318 background-position:-15px -285px;
319 }
320 .x-tool-help {
321 background-position:0 -300px;
322 }
323 .x-tool-help-over {
324 background-position:-15px -300px;
325 }
326 .x-tool-print {
327 background-position:0 -315px;
328 }
329 .x-tool-print-over {
330 background-position:-15px -315px;
331 }
333 /* Ghosting */
334 .x-panel-ghost {
335 background:#cbddf3;
336 z-index:12000;
337 overflow:hidden;
338 position:absolute;
339 left:0;top:0;
340 opacity:.65;
341 -moz-opacity:.65;
342 filter:alpha(opacity=65);
343 }
345 .x-panel-ghost ul {
346 margin:0;
347 padding:0;
348 overflow:hidden;
349 font-size:0;
350 line-height:0;
351 border:1px solid #99bbe8;
352 border-top:0 none;
353 display:block;
354 }
356 .x-panel-ghost * {
357 cursor:move !important;
358 }
360 .x-panel-dd-spacer {
361 border:2px dashed #99bbe8;
362 }
363 /* Buttons */
365 .x-panel-btns-ct {
366 padding:5px;
367 }
369 .x-panel-btns-ct .x-btn{
370 float:right;
371 clear:none;
372 }
373 .x-panel-btns-ct .x-panel-btns td {
374 border:0;
375 padding:0;
376 }
377 .x-panel-btns-ct .x-panel-btns-right table{
378 float:right;
379 clear:none;
380 }
381 .x-panel-btns-ct .x-panel-btns-left table{
382 float:left;
383 clear:none;
384 }
385 .x-panel-btns-ct .x-panel-btns-center{
386 text-align:center; /*ie*/
387 }
388 .x-panel-btns-ct .x-panel-btns-center table{
389 margin:0 auto; /*everyone else*/
390 }
391 .x-panel-btns-ct table td.x-panel-btn-td{
392 padding:3px;
393 }
395 .x-panel-btns-ct .x-btn-focus .x-btn-left{
396 background-position:0 -147px;
397 }
398 .x-panel-btns-ct .x-btn-focus .x-btn-right{
399 background-position:0 -168px;
400 }
401 .x-panel-btns-ct .x-btn-focus .x-btn-center{
402 background-position:0 -189px;
403 }
405 .x-panel-btns-ct .x-btn-over .x-btn-left{
406 background-position:0 -63px;
407 }
408 .x-panel-btns-ct .x-btn-over .x-btn-right{
409 background-position:0 -84px;
410 }
411 .x-panel-btns-ct .x-btn-over .x-btn-center{
412 background-position:0 -105px;
413 }
415 .x-panel-btns-ct .x-btn-click .x-btn-center{
416 background-position:0 -126px;
417 }
418 .x-panel-btns-ct .x-btn-click .x-btn-right{
419 background-position:0 -84px;
420 }
421 .x-panel-btns-ct .x-btn-click .x-btn-left{
422 background-position:0 -63px;