Style adjusts

This commit is contained in:
2018-03-18 22:56:58 +01:00
parent 3b14f248ed
commit af35be741c

View File

@@ -116,7 +116,7 @@ h3 {
.textbox { .textbox {
background: white; background: white;
border: solid 1px rgb(64,64,64); border: solid 1px rgba(0, 0, 0, 0.5);
border-radius: 5px; border-radius: 5px;
line-height: 13px; line-height: 13px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -137,20 +137,20 @@ textarea.textbox {
} }
.textboxInvalid { .textboxInvalid {
box-shadow: 0 0 10px rgba(255,0,0,0.5), inset 0 -2px 5px rgba(255,255,255,1), inset 0 2px 5px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(255,0,0,1), inset 0 -2px 5px rgba(255,255,255,1), inset 0 2px 5px rgba(0,0,0,0.5);
border: solid 1px rgb(255,0,0); border: solid 1px rgb(255,0,0);
} }
.textboxInvalid:focus { .textboxInvalid:focus {
box-shadow: 0 0 10px rgba(255,0,0,0.5), inset 0 -2px 5px rgba(255,255,255,1), inset 0 2px 5px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(255,0,0,1), inset 0 -2px 5px rgba(255,255,255,1), inset 0 2px 5px rgba(0,0,0,0.5);
border: solid 1px black; border: solid 1px black;
} }
.button { .button {
box-shadow: 0 0 10px rgba(0,0,0,0.5), inset 0 2px 5px rgba(255,255,255,1), inset 0 -2px 5px rgba(128,128,128,1); box-shadow: 0 2px 10px rgba(0,0,0,0.5), inset 0 2px 5px rgba(255,255,255,1), inset 0 -2px 5px rgba(128,128,128,1);
vertical-align: top; vertical-align: top;
border-radius: 5px; border-radius: 5px;
border: solid 1px black; border: solid 1px rgba(0, 0, 0, 0.5);
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 11px; font-size: 11px;
text-shadow: 0 1px 1px rgba(255,255,255,0.5); text-shadow: 0 1px 1px rgba(255,255,255,0.5);
@@ -171,6 +171,9 @@ textarea.textbox {
.button:hover { .button:hover {
background-color: rgb(220,220,220); background-color: rgb(220,220,220);
} }
.button:focus {
border: solid 1px black;
}
.button:active { .button:active {
background-color: rgb(220,220,220); background-color: rgb(220,220,220);