X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Fform.css;h=a9dfbc1c7800987431621c54cd95452cfd27c13d;hb=9dd0751b2b0cf923620afb66eddf9480f742a953;hp=86953ba6c4f5c147cd577b4bb2463896c81f9298;hpb=faba187d2d20c9f1297c5f040be4d1e2da6f28fe;p=roojs1

diff --git a/css/form.css b/css/form.css
index 86953ba6c4..a9dfbc1c78 100644
--- a/css/form.css
+++ b/css/form.css
@@ -1,5 +1,9 @@
 /* Form CSS - based on details in form_design.svg  */
 
+.x-form 
+{
+    margin: 5px;
+}
 
 /* ---------------------- LABELS --------------------- */
 .x-form-item label
@@ -14,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
@@ -34,7 +40,8 @@
 /* --- move to a more generic place... ---*/
 .x-form-item,
 .x-form-text,
-.x-combo-list
+.x-combo-list,
+.x-form fieldset legend
 {
     font: normal 11px tahoma, verdana, helvetica;
 }
@@ -56,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;  
@@ -66,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,
@@ -73,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
 {
@@ -115,7 +131,8 @@ asdffff
 }
 
 .roo-gecko .x-form-item .x-form-text {
-    height:18px;
+    /* the dynamic demo needs 20px */
+    height:16px;
 }
 .roo-gecko .x-form-text {
     height:18px;
@@ -123,6 +140,10 @@ asdffff
     padding-bottom: 0px;
 }
 
+.x-form-empty-field {
+    color : #666;
+}
+
 /* ---------------------- FORM INVALID --------------------- */
 
 .x-form-invalid-icon 
@@ -141,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
 {
@@ -188,14 +209,18 @@ 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;
     
 }
-
-
 /* ---------------------- FORM CHECKBOXES --------------------- */
 
 .x-form-cb-label
@@ -217,7 +242,7 @@ textarea.x-form-invalid
      
      position: absolute;
      
-     top: -1px;
+    /*  top: -1px; */
      background:url(../images/default/combo/arrow.gif); /* arrow image, 15x15px */
      background-repeat:no-repeat;
      background-position:center; /* centers image in div, creating 1px white border effect */