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;
+}