X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=metaform%2Fstyle.css;h=c39d71123c87b24d03d2efa4334dbeaf2f440880;hb=3a740a107f24eeff6544c932f4bf480a81092de2;hp=e6be557c7b60be66f0e21b83b4901be21e821e5f;hpb=8ef1f36849dc9f50ad2d5c19bef126ab3c9e454b;p=wfpl.git

diff --git a/metaform/style.css b/metaform/style.css
index e6be557..c39d711 100644
--- a/metaform/style.css
+++ b/metaform/style.css
@@ -1,15 +1,24 @@
-td.field, td.right_caption {
-	text-align: left;
-	vertical-align: bottom;
+.caption {
+	margin-top: 15px;
+	font-weight: bold;
+}
+.field {
+	margin-bottom: 15px;
+}
+div.field_notes {
+	font-size: 12px;
+	line-height: 16px;
 }
-td.caption, td.errorcaption {
-	text-align: right;
-	vertical-align: top;
+fieldset {
+	border: 1px dotted black;
+	padding: 0 15px 15px 15px;
+	margin: 15px 0;
+	position: relative;
 }
-.caption, td.errorcaption, td.right_caption {
+legend {
+	padding: 0 6px;
 	font-weight: bold;
 }
-.errorcaption { color: red; }
 div.error {
 	border: 2px solid red;
 	padding: 13px;
@@ -17,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;
 }