Mercurial > laserkard

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[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 /* all fields */
10 .x-form-field{
11 margin: 0 0 0 0;
12 font:normal 12px tahoma, arial, helvetica, sans-serif;
13 }
14
15 /* ---- text fields ---- */
16 .x-form-text, textarea.x-form-field{
17 padding:1px 3px;
18 background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;
19 border:1px solid #B5B8C8;
20 }
21 textarea.x-form-field {
22 padding:2px 3px;
23 }
24 .x-form-text {
25 height:22px;
26 line-height:18px;
27 vertical-align:middle;
28 }
29 .ext-ie .x-form-text {
30 margin:-1px 0; /* ie bogus margin bug */
31 height:22px; /* ie quirks */
32 line-height:18px;
33 }
34 .ext-ie textarea.x-form-field {
35 margin:-1px 0; /* ie bogus margin bug */
36 }
37 .ext-strict .x-form-text {
38 height:18px;
39 }
40 .ext-safari .x-form-text {
41 height:20px; /* safari always same size */
42 padding:0 3px; /* remove extra top/bottom padding */
43 }
44 .ext-safari.ext-mac textarea.x-form-field {
45 margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
46 }
47 .ext-gecko .x-form-text {
48 padding-top:2px; /* FF won't center the text vertically */
49 padding-bottom:0;
50 }
51 textarea {
52 resize: none; /* Disable browser resizable textarea */
53 }
54
55 /* select boxes */
56
57 .x-form-select-one {
58 height:20px;
59 line-height:18px;
60 vertical-align:middle;
61 background-color:#fff; /* opera */
62 border: 1px solid #B5B8C8;
63 }
64
65 /* multi select boxes */
66
67 /* --- TODO --- */
68
69 /* checkboxes */
70
71 /* --- TODO --- */
72
73 /* radios */
74
75 /* --- TODO --- */
76
77
78 /* wrapped fields and triggers */
79
80 .x-form-field-wrap {
81 position:relative;
82 zoom:1;
83 white-space: nowrap;
84 }
85
86 .x-editor .x-form-check-wrap {
87 background:#fff;
88 }
89 .x-form-field-wrap .x-form-trigger{
90 width:17px;
91 height:21px;
92 border:0;
93 background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;
94 cursor:pointer;
95 border-bottom: 1px solid #B5B8C8;
96 position:absolute;
97 top:0;
98 }
99 .ext-safari .x-form-field-wrap .x-form-trigger{
100 height:21px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */
101 }
102
103 .x-form-field-wrap .x-form-date-trigger{
104 background-image: url(../images/default/form/date-trigger.gif);
105 cursor:pointer;
106 }
107 .x-form-field-wrap .x-form-clear-trigger{
108 background-image: url(../images/default/form/clear-trigger.gif);
109 cursor:pointer;
110 }
111 .x-form-field-wrap .x-form-search-trigger{
112 background-image: url(../images/default/form/search-trigger.gif);
113 cursor:pointer;
114 }
115 .ext-safari .x-form-field-wrap .x-form-trigger{
116 right:0;
117 }
118 .x-form-field-wrap .x-form-twin-triggers{
119
120 }
121 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
122 position:static;
123 top:auto;
124 vertical-align:top;
125 }
126
127
128 .x-form-field-wrap .x-form-trigger-over{
129 background-position:-17px 0;
130 }
131 .x-form-field-wrap .x-form-trigger-click{
132 background-position:-34px 0;
133 }
134
135 .x-trigger-wrap-focus .x-form-trigger{
136 background-position:-51px 0;
137 }
138 .x-trigger-wrap-focus .x-form-trigger-over{
139 background-position:-68px 0;
140 }
141 .x-trigger-wrap-focus .x-form-trigger-click{
142 background-position:-85px 0;
143 }
144 .x-trigger-wrap-focus .x-form-trigger{
145 border-bottom: 1px solid #7eadd9;
146 }
147
148 .x-item-disabled .x-form-trigger-over{
149 background-position:0 0 !important;
150 border-bottom: 1px solid #B5B8C8;
151 }
152 .x-item-disabled .x-form-trigger-click{
153 background-position:0 0 !important;
154 border-bottom: 1px solid #B5B8C8;
155 }
156
157 /* field focus style */
158 .x-form-focus, textarea.x-form-focus{
159 border: 1px solid #7eadd9;
160 }
161
162 /* invalid fields */
163 .x-form-invalid, textarea.x-form-invalid{
164 background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;
165 border: 1px solid #dd7870;
166 }
167 .ext-safari .x-form-invalid{
168 background-color:#ffeeee;
169 border: 1px solid #ff7870;
170 }
171
172 /* editors */
173
174 .x-editor {
175 visibility:hidden;
176 padding:0;
177 margin:0;
178 }
179 .x-form-check-wrap {
180 line-height:18px;
181 }
182 .ext-ie .x-form-check-wrap input {
183 width:15px;
184 height:15px;
185 }
186 .x-editor .x-form-check-wrap {
187 padding:3px;
188 }
189 .x-editor .x-form-checkbox {
190 height:13px;
191 }
192 /* If you override the default field font above, you would need to change this font as well */
193 .x-form-grow-sizer {
194 font:normal 12px tahoma, arial, helvetica, sans-serif;
195 left: -10000px;
196 padding: 8px 3px;
197 position: absolute;
198 visibility:hidden;
199 top: -10000px;
200 white-space: pre-wrap;
201 white-space: -moz-pre-wrap;
202 white-space: -pre-wrap;
203 white-space: -o-pre-wrap;
204 word-wrap: break-word;
205 zoom:1;
206 }
207 .x-form-grow-sizer p {
208 margin:0 !important;
209 border:0 none !important;
210 padding:0 !important;
211 }
212 /* Form Items CSS */
213
214 .x-form-item {
215 font:normal 12px tahoma, arial, helvetica, sans-serif;
216 display:block;
217 margin-bottom:4px;
218 zoom:1;
219 }
220
221 .x-form-item label {
222 display:block;
223 float:left;
224 width:100px;
225 padding:3px;
226 padding-left:0;
227 clear:left;
228 z-index:2;
229 position:relative;
230 }
231
232 .x-form-element {
233 padding-left:105px;
234 position:relative;
235 }
236
237 .x-form-invalid-msg {
238 color:#ee0000;
239 padding:2px;
240 padding-left:18px;
241 font:normal 11px tahoma, arial, helvetica, sans-serif;
242 background: transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;
243 line-height:16px;
244 width:200px;
245 }
246
247
248 .x-form-label-right label {
249 text-align:right;
250 }
251
252 .x-form-label-top .x-form-item label {
253 width:auto;
254 float:none;
255 clear:none;
256 display:inline;
257 margin-bottom:4px;
258 position:static;
259 }
260
261 .x-form-label-top .x-form-element {
262 padding-left:0;
263 padding-top:4px;
264 }
265
266 .x-form-label-top .x-form-item {
267 padding-bottom:4px;
268 }
269
270 .x-form-empty-field {
271 color:gray;
272 }
273 /* Editor small font for grid, toolbar and tree */
274 .x-small-editor .x-form-field {
275 font:normal 11px arial, tahoma, helvetica, sans-serif;
276 }
277 .x-small-editor .x-form-text {
278 height:20px;
279 line-height:16px;
280 vertical-align:middle;
281 }
282 .ext-ie .x-small-editor .x-form-text {
283 margin-top:-1px !important; /* ie bogus margin bug */
284 margin-bottom:-1px !important;
285 height:20px !important; /* ie quirks */
286 line-height:16px !important;
287 }
288 .ext-strict .x-small-editor .x-form-text {
289 height:16px !important;
290 }
291
292 .ext-safari .x-small-editor .x-form-field {
293 /* safari text field will not size so needs bigger font */
294 font:normal 12px arial, tahoma, helvetica, sans-serif;
295 }
296 .ext-ie .x-small-editor .x-form-text {
297 height:20px;
298 line-height:16px;
299 }
300 .ext-border-box .x-small-editor .x-form-text {
301 height:20px;
302 }
303
304 .x-small-editor .x-form-select-one {
305 height:20px;
306 line-height:16px;
307 vertical-align:middle;
308 }
309 .x-small-editor .x-form-num-field {
310 text-align:right;
311 }
312 .x-small-editor .x-form-field-wrap .x-form-trigger{
313 height:19px;
314 }
315
316
317 .x-form-clear {
318 clear:both;
319 height:0;
320 overflow:hidden;
321 line-height:0;
322 font-size:0;
323 }
324 .x-form-clear-left {
325 clear:left;
326 height:0;
327 overflow:hidden;
328 line-height:0;
329 font-size:0;
330 }
331
332 .x-form-cb-label {
333 width:'auto' !important;
334 float:none !important;
335 clear:none !important;
336 display:inline !important;
337 margin-left:4px;
338 }
339
340 .x-form-column {
341 float:left;
342 padding:0;
343 margin:0;
344 width:48%;
345 overflow:hidden;
346 zoom:1;
347 }
348
349 /* buttons */
350 .x-form .x-form-btns-ct .x-btn{
351 float:right;
352 clear:none;
353 }
354 .x-form .x-form-btns-ct .x-form-btns td {
355 border:0;
356 padding:0;
357 }
358 .x-form .x-form-btns-ct .x-form-btns-right table{
359 float:right;
360 clear:none;
361 }
362 .x-form .x-form-btns-ct .x-form-btns-left table{
363 float:left;
364 clear:none;
365 }
366 .x-form .x-form-btns-ct .x-form-btns-center{
367 text-align:center; /*ie*/
368 }
369 .x-form .x-form-btns-ct .x-form-btns-center table{
370 margin:0 auto; /*everyone else*/
371 }
372 .x-form .x-form-btns-ct table td.x-form-btn-td{
373 padding:3px;
374 }
375
376 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
377 background-position:0 -147px;
378 }
379 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
380 background-position:0 -168px;
381 }
382 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
383 background-position:0 -189px;
384 }
385
386 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
387 background-position:0 -126px;
388 }
389 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
390 background-position:0 -84px;
391 }
392 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
393 background-position:0 -63px;
394 }
395 .x-form-invalid-icon {
396 width:16px;
397 height:18px;
398 visibility:hidden;
399 position:absolute;
400 left:0;
401 top:0;
402 display:block;
403 background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;
404 }
405
406 /* fieldsets */
407 .x-fieldset {
408 border:1px solid #B5B8C8;
409 padding:10px;
410 margin-bottom:10px;
411 display:block; /* preserve margins in IE */
412 }
413 .x-fieldset legend {
414 font:bold 11px tahoma, arial, helvetica, sans-serif;
415 color:#15428b;
416 }
417 .ext-ie .x-fieldset legend {
418 margin-bottom:10px;
419 }
420 .ext-ie .x-fieldset {
421 padding-top: 0;
422 padding-bottom:10px;
423 }
424 .x-fieldset legend .x-tool-toggle {
425 margin-right:3px;
426 margin-left:0;
427 float:left !important;
428 }
429 .x-fieldset legend input {
430 margin-right:3px;
431 float:left !important;
432 height:13px;
433 width:13px;
434 }
435 fieldset.x-panel-collapsed {
436 padding-bottom:0 !important;
437 border-width: 1px 0 0 0 !important;
438 }
439 fieldset.x-panel-collapsed .x-fieldset-bwrap {
440 visibility:hidden;
441 position:absolute;
442 left:-1000px;
443 top:-1000px;
444 }
445 .ext-ie .x-fieldset-bwrap {
446 zoom:1;
447 }
448 .ext-ie td .x-form-text {
449 position:relative;
450 top:-1px;
451 }
452 .x-fieldset-noborder {
453 border:0px none transparent;
454 }
455 .x-fieldset-noborder legend {
456 margin-left:-3px;
457 }
458 /* IE legend positioing bug */
459 .ext-ie .x-fieldset-noborder legend {
460 position: relative;
461 margin-bottom:23px;
462 }
463 .ext-ie .x-fieldset-noborder legend span {
464 position: absolute;
465 left:-5px;
466 }
467
468 .ext-gecko .x-window-body .x-form-item {
469 -moz-outline: none;
470 overflow: auto;
471 }
472
473 .ext-gecko .x-form-item {
474 -moz-outline: none;
475 }
476
477 .x-hide-label label.x-form-item-label {
478 display:none;
479 }
480 .x-hide-label .x-form-element {
481 padding-left: 0 !important;
482 }
483
484 .x-fieldset {
485 overflow:hidden;
486 }
487
488 .x-fieldset-bwrap {
489 overflow:hidden;
490 zoom:1;
491 }
492
493 .x-fieldset-body {
494 overflow:hidden;
495 }