Mercurial > laserkard
view onlypaths/theme/css/form.css @ 61:14271eedf004 laserkard
[svn r62] saving for transference to cd
author | rlm |
---|---|
date | Fri, 19 Mar 2010 07:27:37 -0400 |
parents | 26c2b3ad21c7 |
children |
line wrap: on
line source
1 /*2 * Ext JS Library 2.13 * Copyright(c) 2006-2008, Ext JS, LLC.4 * licensing@extjs.com5 *6 * http://extjs.com/license7 */9 /* all fields */10 .x-form-field{11 margin: 0 0 0 0;12 font:normal 12px tahoma, arial, helvetica, sans-serif;13 }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 }55 /* select boxes */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 }65 /* multi select boxes */67 /* --- TODO --- */69 /* checkboxes */71 /* --- TODO --- */73 /* radios */75 /* --- TODO --- */78 /* wrapped fields and triggers */80 .x-form-field-wrap {81 position:relative;82 zoom:1;83 white-space: nowrap;84 }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 }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{120 }121 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{122 position:static;123 top:auto;124 vertical-align:top;125 }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 }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 }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 }157 /* field focus style */158 .x-form-focus, textarea.x-form-focus{159 border: 1px solid #7eadd9;160 }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 }172 /* editors */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 */214 .x-form-item {215 font:normal 12px tahoma, arial, helvetica, sans-serif;216 display:block;217 margin-bottom:4px;218 zoom:1;219 }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 }232 .x-form-element {233 padding-left:105px;234 position:relative;235 }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 }248 .x-form-label-right label {249 text-align:right;250 }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 }261 .x-form-label-top .x-form-element {262 padding-left:0;263 padding-top:4px;264 }266 .x-form-label-top .x-form-item {267 padding-bottom:4px;268 }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 }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 }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 }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 }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 }340 .x-form-column {341 float:left;342 padding:0;343 margin:0;344 width:48%;345 overflow:hidden;346 zoom:1;347 }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 }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 }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 }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 }468 .ext-gecko .x-window-body .x-form-item {469 -moz-outline: none;470 overflow: auto;471 }473 .ext-gecko .x-form-item {474 -moz-outline: none;475 }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 }484 .x-fieldset {485 overflow:hidden;486 }488 .x-fieldset-bwrap {489 overflow:hidden;490 zoom:1;491 }493 .x-fieldset-body {494 overflow:hidden;495 }