#formular -> form
This commit is contained in:
parent
5a49e7a191
commit
9ab8731cab
1 changed files with 12 additions and 12 deletions
|
|
@ -154,39 +154,39 @@ table .far {
|
|||
}
|
||||
|
||||
/* Formular */
|
||||
#formular {
|
||||
form {
|
||||
max-width: 64rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#formular div {
|
||||
form div {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#formular label {
|
||||
form label {
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
color: #4B5563;
|
||||
}
|
||||
|
||||
#formular select, #formular input:not([type="checkbox"]), #formular textarea {
|
||||
form select, form input:not([type="checkbox"]), form textarea {
|
||||
width: 100%;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 1px solid #D1D5DB;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
|
||||
#formular select:focus,
|
||||
#formular input:focus,
|
||||
#formular textarea:focus {
|
||||
form select:focus,
|
||||
form input:focus,
|
||||
form textarea:focus {
|
||||
outline: none;
|
||||
border-color: #3B82F6;
|
||||
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
|
||||
}
|
||||
|
||||
#formular button, #notification {
|
||||
form button, #notification {
|
||||
width:400px;
|
||||
padding: 0.5rem 1rem;
|
||||
margin-bottom:10px!important;
|
||||
|
|
@ -197,20 +197,20 @@ table .far {
|
|||
text-align:center;
|
||||
}
|
||||
|
||||
#formular .submitbutton {
|
||||
form .submitbutton {
|
||||
background-color: #a9cd2e;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
#formular button:hover {
|
||||
form button:hover {
|
||||
background-color: #2563EB;
|
||||
}
|
||||
|
||||
#formular .submitbutton:hover {
|
||||
form .submitbutton:hover {
|
||||
background-color: #88a625;
|
||||
}
|
||||
|
||||
#formular .submitbutton:disabled {
|
||||
form .submitbutton:disabled {
|
||||
background-color: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue