New contact form with friendlycaptcha

This commit is contained in:
Jorit Tijsen
2026-02-24 14:04:04 +01:00
parent 6786ac7ce1
commit 3b4030113b
80 changed files with 2860 additions and 1918 deletions

72
public/css/style.css vendored
View File

@@ -58,7 +58,7 @@ body {
.btn {
display: block;
width: calc(100% - 78px);
padding: 10px 39px 10px 39px;
padding: 10px 39px;
border-radius: 3px;
background-image: linear-gradient(to right, #0f259d, #5ba8f4);
font-family: Nunito, serif;
@@ -74,21 +74,6 @@ body {
.btn:hover, .btn:active {
color: #fff;
}
.btn.auto_width {
width: fit-content;
margin: 0 auto;
}
.btn.fit_content {
width: fit-content;
}
.btn.btn_facebook_share {
background-image: none;
background-color: #0f259d;
}
.btn.btn_twitter_x_share {
background-image: none;
background-color: #5ba8f4;
}
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
@@ -172,6 +157,43 @@ div.pp_default .pp_close:hover {
color: #666;
}
.contant-form .form-group {
display: flex;
margin-bottom: 10px;
}
.contant-form .form-group label {
width: 160px;
}
.contant-form .form-group input, .contant-form .form-group textarea {
flex-grow: 1;
}
.contant-form .action_button {
margin-top: 10px;
cursor: pointer;
}
.contant-form .form-control-file::file-selector-button {
display: block;
width: calc(100% - 78px);
padding: 10px 39px;
border-radius: 3px;
background-image: linear-gradient(to right, #0f259d, #5ba8f4);
font-family: Nunito, serif;
font-size: 14px;
font-weight: bold;
line-height: 0.93;
text-align: center;
color: #fff;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;
width: fit-content;
margin-bottom: 0;
cursor: pointer;
}
.contant-form .form-control-file::file-selector-button:hover, .contant-form .form-control-file::file-selector-button:active {
color: #fff;
}
.header {
height: 111px;
}
@@ -303,18 +325,6 @@ div.pp_default .pp_close:hover {
margin-left: -10px;
}
.submenu li.selected a {
color: #0f259d !important;
}
.mobile-menu .submenu li.selected a,
.mobile-menu .submenu li:hover a,
.mobile-menu .submenu li.hover a {
color: white !important;
background: linear-gradient(to right, #0f259d, #5ba8f4);
}
.top_menu_container, .menu_mobile_container {
height: 50px;
max-width: 1170px;
@@ -1282,6 +1292,9 @@ div.pp_default .pp_close:hover {
.post_container .post_body h3 {
font-size: 15px;
}
.post_container .post_body div.text {
margin-bottom: 20px;
}
.post_container .post_body blockquote {
border-left: 3px solid #5ba8f4;
margin-left: 0;
@@ -1299,9 +1312,6 @@ div.pp_default .pp_close:hover {
line-height: 3.17;
color: #585858;
}
.post_container .post_body div.text {
margin-bottom: 20px;
}
.post_container .post_body .post_details {
margin: 0;
padding: 0;