}
body {
- background: #f5f5f5;
+ background: #f3f4f4;
}
form, label input {
#login {
background: #fff;
- border: 1px solid #a2a2a2;
+ border: none;
+ box-shadow: 8px 8px 12px rgb(170 170 170);
margin: 4em auto;
padding: 1.5em;
position : relative;
overflow: hidden;
}
-#login input {
- padding: 3px;
-}
-
-#login select {
- width: 98%;
-}
-
#login ul {
list-style: none;
margin: 0;
text-align: center;
}
-#login #userid, #password {
- font-size: 1.7em;
- width: 97%;
-}
-
-#login #branch, #login #desk_id {
- width : 99%;
-}
-
#login #submit-button, #login .button {
font-size: 1.4em;
padding : .3em .6em;
+ background: rgba(254, 195, 44, 1);
+ border: none;
+ color: #000;
+}
+
+#login #submit-button:hover, #login #submit-button:focus, #login #submit-button:active {
+ background: rgba(254, 195, 44, 0.7);
+ border: none;
}
#login #onerror_actions {
}
.submit input:active, .button:active {
- background: #f4f4f4;
+ background: #fff;
border: 1px solid #999;
border-left-color: #999;
border-top-color: #999;
text-align: right;
}
+
textarea, input, select {
- background: #f4f4f4;
- border: 1px solid #b2b2b2;
- color: #000;
- font: 13px Verdana, Arial, Helvetica, sans-serif;
- margin: 1px;
- padding: 3px;
+ background: #fff;
+ border: 1px solid #b2b2b2;
+ color: #000;
+ font: 13px Verdana, Arial, Helvetica, sans-serif;
+ margin: 1px;
+ padding: 3px;
+}
+
+select {
+ width: 97%;
+}
+
+input[type='text'],
+input[type='password'] {
+ font-size: 1.7em;
+ width: 97%;
}