css "space between" hack only for margins

[wfpl.git] / metaform / style.css

diff --git a/metaform/style.css b/metaform/style.css
index 04cb329..c39d711 100644 (file)
--- a/metaform/style.css
+++ b/metaform/style.css
@@ -1,6 +1,24 @@
+.caption {
+       margin-top: 15px;
+       font-weight: bold;
+}
 .field {
        margin-bottom: 15px;
 }
+div.field_notes {
+       font-size: 12px;
+       line-height: 16px;
+}
+fieldset {
+       border: 1px dotted black;
+       padding: 0 15px 15px 15px;
+       margin: 15px 0;
+       position: relative;
+}
+legend {
+       padding: 0 6px;
+       font-weight: bold;
+}
 div.error {
        border: 2px solid red;
        padding: 13px;
@@ -8,11 +26,24 @@ div.error {
        background: #fdd;
 }
 
+/* hack so that vertical margins are only between siblings for the most part */
+td > :first-child,
+th > :first-child,
+legend + *,
+article > :first-child,
+section > :first-child,
+nav > :first-child,
+div > :first-child,
 .first {
-       padding-top: 0px;
        margin-top: 0px;
 }
+td > :last-child,
+th > :last-child,
+fieldset > :last-child,
+article > :last-child,
+section > :last-child,
+nav > :last-child,
+div > :last-child,
 .last {
-       padding-bottom: 0px;
        margin-bottom: 0px;
 }