91 lines
1.6 KiB
CSS
91 lines
1.6 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>div{
|
|
display:block;
|
|
position:relative;
|
|
width:100%;
|
|
max-width:30rem;
|
|
padding:0.5rem;
|
|
|
|
font-size: 1.2rem;
|
|
|
|
background-color:#303030;
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
main.form>section>div>table{
|
|
width:100%;
|
|
}
|
|
|
|
main.form>section>div>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>div>table input[type="text"], main.form>section>div>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>div>table input.error{
|
|
border:1px solid #603030;
|
|
}
|
|
|
|
main.form>section>div>button{
|
|
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>div>button.error{
|
|
border:1px solid #603030;
|
|
}
|
|
main.form>section>div>button:hover{
|
|
background-color:#383838;
|
|
}
|
|
main.form>section>div>button:disabled{
|
|
background-color:#2c2c2c;
|
|
color:#606060;
|
|
cursor:pointer;
|
|
}
|
|
|
|
main.form>section>div input[type="checkbox"] {
|
|
height:1.5em;
|
|
}
|