prismic/src/static/css/form.css
2025-04-25 00:33:14 +01:00

89 lines
1.7 KiB
CSS

form {
display: flex;
flex-direction: column;
gap: 10px;
}
input[type="text"],
input[type="password"] {
padding: 10px;
border: 1px solid var(--fg);
border-radius: 5px;
box-sizing: border-box;
background-color: var(--bg);
color: var(--fg);
font-size: 1rem;
width: 300px;
}
input[type="text"]:focus,
input[type="password"]:focus {
outline: none;
border-color: var(--accent);
}
button[type="submit"] {
padding: 10px 20px;
border: none;
border-radius: 5px;
background: linear-gradient(90deg, var(--accent), var(--admin));
color: var(--bg);
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
width: 300px;
font-weight: 600;
}
button[type="submit"]:hover {
transform: scale(1.05);
}
button[type="submit"]:disabled {
background-color: var(--bg);
color: var(--fg);
cursor: not-allowed;
}
select {
padding: 10px;
border: 1px solid var(--fg);
border-radius: 5px;
background-color: var(--bg);
color: var(--fg);
font-size: 1rem;
width: 300px;
}
select:focus {
outline: none;
border-color: var(--accent);
}
textarea {
padding: 10px;
border: 1px solid var(--fg);
border-radius: 5px;
background-color: var(--bg);
color: var(--fg);
font-size: 1rem;
width: 300px;
height: 150px;
box-sizing: border-box;
}
textarea:focus {
outline: none;
border-color: var(--accent);
}
input[type="file"] {
padding: 10px;
border: 1px solid var(--fg);
border-radius: 5px;
background-color: var(--bg);
color: var(--fg);
font-size: 1rem;
width: 300px;
cursor: pointer;
box-sizing: border-box;
}