Browse Source

Dara: Adds cleaner styles and spacing to Jetpack contact forms; better alignment for radio and checkbox labels with their form elements; removes bold font face from radio and checkbox labels. All styles prefaced with the body tag to override Jetpack's styles. See #2

Caroline Moore 7 years ago
parent
commit
37eb00b852
1 changed files with 29 additions and 0 deletions
  1. 29 0
      dara/style.css

+ 29 - 0
dara/style.css

@@ -1930,6 +1930,35 @@ body:not(.search):not(.single-jetpack-testimonial) .jetpack-testimonial .entry-m
 	letter-spacing: 1px;
 }
 
+/* Contact Form */
+
+body .contact-form input[type="radio"],
+body .contact-form input[type="checkbox"] {
+	margin-bottom: 6px;
+	margin-right: .3em;
+	vertical-align: middle;
+}
+body .contact-form label.checkbox,
+body .contact-form label.checkbox-multiple,
+body .contact-form label.radio {
+	font-weight: normal;
+	margin-bottom: .2em;
+}
+body .contact-form label.checkbox {
+	margin-bottom: .8em;
+}
+body .contact-form textarea,
+body .contact-form input[type='text'],
+body .contact-form input[type='email'],
+body .contact-form input[type='url'],
+body .contact-form select {
+	margin-bottom: .4em;
+}
+
+body .contact-form > div {
+	margin-bottom: .8em;
+}
+
 /*--------------------------------------------------------------
 12.0 Media
 --------------------------------------------------------------*/