Pārlūkot izejas kodu

Apostrophe 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 gadi atpakaļ
vecāks
revīzija
f4bb3b3ba4
1 mainītis faili ar 31 papildinājumiem un 0 dzēšanām
  1. 31 0
      apostrophe-2/style.css

+ 31 - 0
apostrophe-2/style.css

@@ -2088,6 +2088,37 @@ article:hover .apostrophe-2-inline-controls {
 	left: 50% !important; /* ..because the Jetpack CSS is inline */
 }
 
+/*--------------------------------------------------------------
+# Jetpack Contact Forms
+--------------------------------------------------------------*/
+
+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: 4px;
+  letter-spacing: 0px;
+  text-transform: none;
+  color: inherit;
+}
+body .contact-form label.checkbox,
+body .contact-form > div {
+  margin-bottom: 16px;
+}
+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: 8px;
+}
+
 /*--------------------------------------------------------------
 12.0 Media
 --------------------------------------------------------------*/