Browse Source

Scratchpad: 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
fc8af53dc8
1 changed files with 34 additions and 0 deletions
  1. 34 0
      scratchpad/style.css

+ 34 - 0
scratchpad/style.css

@@ -3188,6 +3188,40 @@ iframe[src*='bandcamp'] {
 	}
 }
 
+/*--------------------------------------------------------------
+ * 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;
+	font-style: normal;
+	margin-bottom: 5px;
+	float: none;
+	font-size: inherit;
+}
+.site-content .contact-form label {
+	margin-bottom: 5px;
+}
+.site-content .contact-form > div {
+	margin-bottom: 15px;
+}
+.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: 5px;
+	max-width: 100%;
+}
+
 /*--------------------------------------------------------------
 16.0 Footer
 --------------------------------------------------------------*/