91 lines
1.8 KiB
CSS
91 lines
1.8 KiB
CSS
main.form>section{
|
|
display:flex;
|
|
position:relative;
|
|
flex-flow:column nowrap;
|
|
align-items:center;
|
|
justify-content:center;
|
|
width:100%;
|
|
height:auto;
|
|
flex-grow:1;
|
|
}
|
|
|
|
main.form>section>form{
|
|
display:block;
|
|
position:relative;
|
|
width:100%;
|
|
max-width:30rem;
|
|
padding:0.5rem;
|
|
|
|
font-size: 1.2rem;
|
|
|
|
background-color:#303030;
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
main.form>section>form>table{
|
|
width:100%;
|
|
}
|
|
|
|
main.form>section>form>table label{
|
|
display:block;
|
|
position:relative;
|
|
width:auto;
|
|
height:auto;
|
|
padding:0 0.5rem 0 0.5rem;
|
|
|
|
text-align:right;
|
|
font-size:1.2rem;
|
|
|
|
color:#e0e0e0;
|
|
}
|
|
|
|
main.form>section>form>table input[type="text"],main.form>section>form>table input[type="password"]{
|
|
display:block;
|
|
position:relative;
|
|
width:100%;
|
|
height:2.5rem;
|
|
padding:0 1rem 0 1rem;
|
|
|
|
text-align:left;
|
|
font-size:1.15rem;
|
|
|
|
background-color:#202020;
|
|
color:#e0e0e0;
|
|
border:1px solid #303030;
|
|
outline:0;
|
|
}
|
|
main.form>section>form>table input.error{
|
|
border:1px solid #603030;
|
|
}
|
|
|
|
main.form>section>form>button,main.form>section>form>input[type="submit"]{
|
|
display:block;
|
|
position:relative;
|
|
width:100%;
|
|
height:2.5rem;
|
|
padding:0.5rem 1rem 0.5rem 1rem;
|
|
|
|
font-size:1.2rem;
|
|
cursor:pointer;
|
|
|
|
background-color:#303030;
|
|
color:#e0e0e0;
|
|
border:0;
|
|
outline:0;
|
|
}
|
|
main.form>section>form>button.error,main.form>section>form>input[type="submit"].error{
|
|
border:1px solid #603030;
|
|
}
|
|
main.form>section>form>button:hover,main.form>section>form>input[type="submit"]:hover{
|
|
background-color:#383838;
|
|
}
|
|
main.form>section>form>button:disabled,main.form>section>form>input[type="submit"]:disabled{
|
|
background-color:#2c2c2c;
|
|
color:#606060;
|
|
cursor:pointer;
|
|
}
|
|
|
|
main.form>section>form input[type="checkbox"] {
|
|
height:1.5em;
|
|
}
|