+62
-10
@@ -307,29 +307,81 @@ img {
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.ai-panel input, .ai-panel textarea, .contact-form input, .contact-form textarea {
|
||||
.ai-panel input:not([type="checkbox"]):not([type="file"]),
|
||||
.ai-panel textarea,
|
||||
.contact-form input:not([type="checkbox"]):not([type="file"]),
|
||||
.contact-form textarea,
|
||||
.subscribe-form input[type="email"] {
|
||||
width: 100%;
|
||||
border: 1px solid rgba(255,255,255,.12);
|
||||
border-radius: 18px;
|
||||
background: rgba(0,0,0,.25);
|
||||
color: #fff;
|
||||
padding: 15px 16px;
|
||||
outline: none
|
||||
border: 1px solid #d9e1f0;
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
color: #0e1e3a;
|
||||
padding: 12px 14px;
|
||||
outline: none;
|
||||
font-family: inherit;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
transition: border-color .15s ease, box-shadow .15s ease
|
||||
}
|
||||
|
||||
.ai-panel input:focus, .ai-panel textarea:focus, .contact-form input:focus, .contact-form textarea:focus {
|
||||
border-color: rgba(95,160,255,.65)
|
||||
.ai-panel input:not([type="checkbox"]):not([type="file"])::placeholder,
|
||||
.ai-panel textarea::placeholder,
|
||||
.contact-form input:not([type="checkbox"]):not([type="file"])::placeholder,
|
||||
.contact-form textarea::placeholder,
|
||||
.subscribe-form input[type="email"]::placeholder {
|
||||
color: #97a4b8
|
||||
}
|
||||
|
||||
.ai-panel input:not([type="checkbox"]):not([type="file"]):focus,
|
||||
.ai-panel textarea:focus,
|
||||
.contact-form input:not([type="checkbox"]):not([type="file"]):focus,
|
||||
.contact-form textarea:focus,
|
||||
.subscribe-form input[type="email"]:focus {
|
||||
border-color: #5fa0ff;
|
||||
box-shadow: 0 0 0 3px rgba(95,160,255,.18)
|
||||
}
|
||||
|
||||
.ai-panel label.is-invalid input:not([type="checkbox"]):not([type="file"]),
|
||||
.ai-panel label.is-invalid textarea,
|
||||
.contact-form label.is-invalid input:not([type="checkbox"]):not([type="file"]),
|
||||
.contact-form label.is-invalid textarea,
|
||||
.subscribe-form .subscribe-row.is-invalid input[type="email"] {
|
||||
border-color: #ff8a8a;
|
||||
box-shadow: 0 0 0 3px rgba(255,138,138,.18)
|
||||
}
|
||||
|
||||
.field-error {
|
||||
display: block;
|
||||
margin-top: 6px;
|
||||
color: #ff8a8a;
|
||||
font-size: .85rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.35
|
||||
}
|
||||
|
||||
.field-error:empty {
|
||||
display: none
|
||||
}
|
||||
|
||||
.consent-inline.is-invalid label {
|
||||
color: #ff8a8a
|
||||
}
|
||||
|
||||
.file-drop {
|
||||
display: block;
|
||||
border: 1px dashed rgba(143,184,255,.45);
|
||||
border-radius: 22px;
|
||||
border-radius: 6px;
|
||||
background: rgba(95,160,255,.07);
|
||||
padding: 22px;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.file-drop.is-invalid {
|
||||
border-color: #ff8a8a;
|
||||
background: rgba(255,138,138,.06)
|
||||
}
|
||||
|
||||
.file-drop input {
|
||||
display: none
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user