diff options
Diffstat (limited to 'plugins/jetpack/modules/contact-form/css/grunion.css')
-rw-r--r-- | plugins/jetpack/modules/contact-form/css/grunion.css | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/contact-form/css/grunion.css b/plugins/jetpack/modules/contact-form/css/grunion.css new file mode 100644 index 00000000..1089188d --- /dev/null +++ b/plugins/jetpack/modules/contact-form/css/grunion.css @@ -0,0 +1,91 @@ +.contact-form .clear-form { + clear: both; +} + +.contact-form input::placeholder { + transition: opacity .3s ease-out; +} +.contact-form input:hover::placeholder { + opacity: 0.5; +} +.contact-form input:focus::placeholder { + opacity: 0.3; +} + +.contact-form input[type='text'], +.contact-form input[type='email'], +.contact-form input[type='url'] { + width: 300px; + max-width: 98%; + margin-bottom: 13px; +} + +.contact-form select { + margin-bottom: 13px; +} + +.contact-form textarea { + height: 200px; + width: 80%; + float: none; + margin-bottom: 13px; +} + +.contact-form input[type='radio'], +.contact-form input[type='checkbox'] { + float: none; + margin-bottom: 13px; +} + +.contact-form label { + margin-bottom: 3px; + float: none; + font-weight: bold; + display: block; +} + +.contact-form label.checkbox, +.contact-form label.radio { + margin-bottom: 3px; + float: none; + font-weight: bold; + display: inline-block; +} + +.contact-form label span { + color: #AAA; + margin-left: 4px; + font-weight: normal; +} + +.contact-form-submission { + margin-bottom: 4em; + padding: 1.5em 1em; +} + +.contact-form-submission p { + margin: 0 auto; + word-wrap: break-word; +} + +.form-errors .form-error-message { + color: red; +} + +.textwidget .contact-form input[type='text'], +.textwidget .contact-form input[type='email'], +.textwidget .contact-form input[type='url'], +.textwidget .contact-form textarea { + width: 250px; + max-width: 100%; + box-sizing: border-box; +} + +#jetpack-check-feedback-spam { + margin: 1px 8px 0px 0px; +} + +.jetpack-check-feedback-spam-spinner { + display: inline-block; + margin-top: 7px; +} |