From 5de4e5ea8b77b86e5635a39f6b6f450a8779425c Mon Sep 17 00:00:00 2001
From: Carmine DiChiara <carmine.dichiara@committed2action.com>
Date: Sat, 16 Jan 2021 10:33:31 +0000
Subject: [PATCH] Added reCAPTCHA to Formspree and support for Netlify forms
---
assets/css/style.css | 36 ++++++++++++++++++++++++++++++------
1 files changed, 30 insertions(+), 6 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index 70dbb98..b3cdb4a 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -14,8 +14,10 @@
--tag-color: #424242;
--blockquote-text-color: #858585;
--blockquote-border-color: #dfe2e5;
+ --error-color: #ff3939;
--thumbnail-height: 15em;
scroll-padding-top: 100px;
+ --font-family: 'Verdana', sans-serif;
}
html[data-theme='dark'] {
@@ -32,6 +34,7 @@
--tag-color: rgb(191, 191, 191);
--blockquote-text-color: #808080;
--blockquote-border-color: #424242;
+ --error-color: #ff3939;
}
html {
@@ -41,7 +44,7 @@
body {
color: var(--body-color);
- font-family: 'Verdana', sans-serif;
+ font-family: var(--font-family);
font-size: 15px;
width: 100%;
margin: 0 auto 30px auto;
@@ -130,40 +133,48 @@
@-webkit-keyframes fadeInDown {
0% {
+ opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
+ opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
+ opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
+ opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
+ opacity: 0;
-o-transform: translateY(-20px);
}
100% {
+ opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
+ opacity: 0;
transform: translateY(-20px);
}
100% {
+ opacity: 1;
transform: translateY(0);
}
}
@@ -1052,7 +1063,7 @@
border: 1px solid var(--form-border-color);
color: var(--body-color);
}
-.form-style ul li .field-style:focus {
+.form-style ul li .field-style:focus {
box-shadow: 0 0 5px;
border:1px solid;
}
@@ -1068,6 +1079,10 @@
.form-style ul li input.align-right {
float:right;
}
+.form-style input,
+.form-style textarea {
+ font-family: var(--font-family);
+}
.form-style ul li textarea {
background-color: var(--bg-color);
border: 1px solid var(--form-border-color);
@@ -1075,7 +1090,6 @@
width: 100%;
height: auto;
}
-.form-style ul li input[type="button"],
.form-style ul li input[type="submit"] {
background-color: var(--bg-color);
border: 1px solid var(--form-border-color);
@@ -1085,10 +1099,20 @@
text-decoration: none;
width: 100%;
}
-.form-style ul li input[type="button"]:hover,
.form-style ul li input[type="submit"]:hover {
background-color: var(--bg-color);
border: 1px solid var(--form-button-hover-border-color);
}
-
-/* (CONTACT) FORM END */
\ No newline at end of file
+.form-style .form-row {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex: 1;
+}
+.form-feedback {
+ text-align: center;
+}
+.form-feedback[feedback-success="false"] {
+ color: var(--error-color);
+}
+/* (CONTACT) FORM END */
--
Gitblit v1.10.0