Browse Source

Dyad 2: 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
0d3202c201
1 changed files with 28 additions and 0 deletions
  1. 28 0
      dyad-2/style.css

+ 28 - 0
dyad-2/style.css

@@ -2799,6 +2799,34 @@ ol.children .author.vcard {
 	float: right;
 	float: right;
 }
 }
 
 
+/*--------------------------------------------------------------
+# Jetpack Contact Forms
+--------------------------------------------------------------*/
+
+.site-content .contact-form input[type="radio"],
+.site-content .contact-form input[type="checkbox"] {
+  margin-bottom: 6px;
+  margin-right: .3em;
+  vertical-align: middle;
+}
+.site-content .contact-form label.checkbox,
+.site-content .contact-form label.checkbox-multiple,
+.site-content .contact-form label.radio {
+  font-weight: normal;
+  margin-bottom: .1875em;
+}
+.site-content .contact-form label.checkbox,
+.site-content .contact-form > div {
+  margin-bottom: .75em;
+}
+.site-content .contact-form textarea,
+.site-content .contact-form input[type='text'],
+.site-content .contact-form input[type='email'],
+.site-content .contact-form input[type='url'],
+.site-content .contact-form select {
+  margin-bottom: .375em;
+}
+
 /*--------------------------------------------------------------
 /*--------------------------------------------------------------
 # Media
 # Media
 --------------------------------------------------------------*/
 --------------------------------------------------------------*/