Bladeren bron

Toujours: 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 jaren geleden
bovenliggende
commit
f7bd85a02b
1 gewijzigde bestanden met toevoegingen van 37 en 0 verwijderingen
  1. 37 0
      toujours/style.css

+ 37 - 0
toujours/style.css

@@ -3227,6 +3227,43 @@ until social navigation is added to Jetpack
 	top: 0 !important;
 }
 
+/*--------------------------------------------------------------
+# 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;
+  font-family: inherit;
+  margin-bottom: 4px;
+  float: none;
+  font-size: inherit;
+  text-transform: none;
+  letter-spacing: 0;
+}
+.site-content .contact-form label {
+  margin-bottom: 4px;
+}
+.site-content .contact-form > div {
+  margin-bottom: 23px;
+}
+.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: 4px;
+  max-width: 100%;
+}
+
 /*--------------------------------------------------------------
 20. Media
 --------------------------------------------------------------*/