X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Fform.css;h=a9dfbc1c7800987431621c54cd95452cfd27c13d;hb=9dd0751b2b0cf923620afb66eddf9480f742a953;hp=5850ed52adbeeed2d306c8d2c2239d457495349b;hpb=cd8c4f7702559fa6efa465381704162be9fb2bdc;p=roojs1 diff --git a/css/form.css b/css/form.css index 5850ed52ad..a9dfbc1c78 100644 --- a/css/form.css +++ b/css/form.css @@ -18,10 +18,12 @@ position: relative; z-index: 2; } - -.x-form-label-right +.x-form-displayfield { + padding-top: 3px; +} +.x-form-label-right label { - align: right; + text-align: right; } .x-form-label-top .x-form-item label @@ -61,7 +63,7 @@ } .x-form-text { - height: 14px; + height: 18px; /* needs 20px in one of the non-roo projects..? */ line-height: 18px; vertical-align: middle; background: url(../images/default/form/bg.gif) repeat-x 0 0; @@ -71,6 +73,15 @@ padding-top: 2px; padding-bottom: 2px; } +/* +on our demo's this is far to small + +*/ +.x-form-item .x-form-text +{ + height: 14px; /* need to determine when this should be larger or smaller.. ? */ +} + /* -- border around text elements */ .x-form-text, .x-form-textarea, @@ -78,16 +89,16 @@ { border: solid 1px black; } + .x-form-field-wrap { position: relative; whitespace: nowrap; } -asdffff + /* gecko specific fix */ -} .roo-ie .roo-strict .x-form-text, .roo-ie .x-form-text { @@ -120,6 +131,7 @@ asdffff } .roo-gecko .x-form-item .x-form-text { + /* the dynamic demo needs 20px */ height:16px; } .roo-gecko .x-form-text { @@ -128,6 +140,10 @@ asdffff padding-bottom: 0px; } +.x-form-empty-field { + color : #666; +} + /* ---------------------- FORM INVALID --------------------- */ .x-form-invalid-icon @@ -146,8 +162,8 @@ asdffff .x-form-invalid { - background: url(../images/default/grid/invalid_line.gif) repeat-x 0 16px; - border: 1px solid red; + background: #ff0 url(../images/default/grid/invalid_line.gif) repeat-x 0 16px; + border: 1px solid red !important; } textarea.x-form-invalid { @@ -193,13 +209,14 @@ textarea.x-form-invalid .x-form fieldset { border: 1px solid #ccc; - padding-top: 12px; + padding-top: 7px; padding-left: 12px; - padding-bottom: 16px; - - + padding-bottom: 7px; + margin-bottom:9px; +} +.roo-ie .x-form fieldset { + float: left; /*ie borked */ } - .x-form fieldset legend { font-weight: bold;