Add CSS styles for inputs

This commit is contained in:
Dorian Niemiec 2024-04-16 17:41:26 +02:00
parent 738a09ff83
commit 261ca36d2c

View file

@ -324,6 +324,36 @@ pre {
color: #00ff00; color: #00ff00;
} }
input {
max-width: 60%;
font-family: FreeSans, Helvetica, Arial, sans-serif;
background-color: #fafafa;
border: 1px solid #bbbbbb;
}
select {
background-color: #fafafa;
border: 1px solid #bbbbbb;
}
input:hover, submit:hover,
input:focus, submit:focus {
border-color: #00b000;
}
input[type=submit] {
font-weight: bold;
color: #ffffff;
border: none;
background-color: #00b000;
padding: 3px 5px;
}
input[type=submit]:hover {
background-color: #007000;
cursor: pointer;
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.headname { .headname {
margin-top: 0.06em; margin-top: 0.06em;
@ -406,6 +436,20 @@ pre {
-moz-box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2); -moz-box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2);
box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2); box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2);
} }
input, select {
background-color: #000000;
color: #ffffff;
}
input[type=submit] {
color: #ffffff;
background-color: #00b000;
}
input[type=submit]:hover {
background-color: #00d000;
}
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {