ソースを参照

Ixion: 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 年 前
コミット
7d24dfcb82
1 ファイル変更31 行追加0 行削除
  1. 31 0
      ixion/style.css

+ 31 - 0
ixion/style.css

@@ -1499,6 +1499,37 @@ div#jp-relatedposts h3.jp-relatedposts-headline em:before {
 	margin-bottom: .4em !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;
+	margin-bottom: 0;
+}
+.site-content .contact-form label.checkbox,
+.site-content .contact-form > div {
+	margin-bottom: .8em;
+}
+.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: .4em;
+}
+.site-content .contact-form .grunion-field-label {
+	margin-bottom: .2em;
+}
+
 /*--------------------------------------------------------------
 # Media
 --------------------------------------------------------------*/