51 lines
897 B
CSS
51 lines
897 B
CSS
#form {
|
|
width: 30%; min-width: 350px;
|
|
margin: auto;
|
|
}
|
|
|
|
form > div {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
form > div > * {
|
|
display: block;
|
|
}
|
|
|
|
form > div > label {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
form > div > input[type='text'],
|
|
form > div > input[type='email'],
|
|
form > div > input[type='password'] {
|
|
width: 96%; padding: 6px 2%;
|
|
border: 1px solid #abcdef;
|
|
}
|
|
|
|
form > div > input[type='text']:focus,
|
|
form > div > input[type='email']:focus,
|
|
form > div > input[type='password']:focus {
|
|
box-shadow: 0px 0px 3px 0px #0033ff;
|
|
}
|
|
|
|
form > div > input[type='submit'] {
|
|
width: 100%; padding: 6px 0;
|
|
background-color: #168f48;
|
|
border-color: #12753a;
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
form > div > input[type='submit']:hover {
|
|
background-color: #168f48;
|
|
border-color: #12753a;
|
|
}
|
|
|
|
form .msgerror {
|
|
color: red;
|
|
font-weight: 400;
|
|
margin-top: 5px;
|
|
} |