familyfedie/familyfedie-website
3
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Add working contact form

Browse source
This commit is contained in:
Workshop Bot 2026-06-11 12:49:19 +00:00
parent d8f7704733
commit f50b0485d4
3 changed files with 129 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

59
css/site.css
View file

@ -157,3 +157,62 @@ body.custom-background { background-color: #ffffff; }
font-size: 21px;
}
}
/* Contact page form. */
.contact-form {
display: grid;
gap: 14px;
max-width: 620px;
margin: 22px 0 0;
}
.contact-field label {
display: block;
margin-bottom: 5px;
color: #444444;
font-size: 13px;
font-weight: 700;
}
.contact-field input,
.contact-field select,
.contact-field textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
}
.contact-field input,
.contact-field select {
min-height: 38px;
}
.contact-field textarea {
min-height: 150px;
resize: vertical;
}
.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus {
outline: 2px solid #bf4d28;
outline-offset: 2px;
}
.contact-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.contact-actions .button {
margin: 0;
cursor: pointer;
}
.contact-form-status {
min-height: 1.4em;
margin: 0;
color: #5c5c56;
}