metaform: indent html with tabs

[wfpl.git] / metaform / style.css

diff --git a/metaform/style.css b/metaform/style.css
index e6be557..247cb41 100644 (file)
--- a/metaform/style.css
+++ b/metaform/style.css
@@ -1,15 +1,27 @@
-td.field, td.right_caption {
-       text-align: left;
-       vertical-align: bottom;
+div.caption {
+       font-weight: bold;
+}
+div.field {
+       margin-bottom: 15px;
+}
+div.field_notes {
+       font-size: 12px;
+       line-height: 16px;
 }
-td.caption, td.errorcaption {
-       text-align: right;
-       vertical-align: top;
+div.form_section {
+       border: 1px dotted black;
+       padding: 23px 15px 15px 15px;
+       margin: 40px 0;
+       position: relative;
 }
-.caption, td.errorcaption, td.right_caption {
+div.form_section_header {
+       position: absolute;
+       left: 42px;
+       top: -9px;
+       background: white;
+       padding: 0 6px;
        font-weight: bold;
 }
-.errorcaption { color: red; }
 div.error {
        border: 2px solid red;
        padding: 13px;