101 lines
1.4 KiB
CSS
101 lines
1.4 KiB
CSS
html {
|
|
background: white;
|
|
color: black;
|
|
font-family: 'Roboto Medium', sans-serif;
|
|
}
|
|
|
|
input, button, textarea {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
input, textarea {
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.center-box {
|
|
background: none;
|
|
position: relative;
|
|
width: 60vw;
|
|
margin: auto;
|
|
height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.center-box-content {
|
|
}
|
|
|
|
form.form-control {
|
|
width: 60%;
|
|
text-align: left;
|
|
}
|
|
|
|
form.form-control label, form.form-control input, .form-control textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
form.form-control input, form.form-control button, .form-control textarea {
|
|
margin-bottom: 1em;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
|
|
.m-1 {
|
|
margin: 1em;
|
|
}
|
|
.m-2 {
|
|
margin: 2em;
|
|
}
|
|
|
|
.m-auto {
|
|
margin: auto;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.flex-row {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.btn {
|
|
padding: 0.5em;
|
|
background-color: cornflowerblue;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
.btn-success {
|
|
background-color: darkgreen;
|
|
color: white;
|
|
}
|
|
|
|
.btn-warning {
|
|
background-color: orange;
|
|
color: black;
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: darkred;
|
|
color: white;
|
|
}
|
|
|
|
a.btn {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.table-items-top td {
|
|
vertical-align: top;
|
|
}
|
|
.table-items-middle td {
|
|
vertical-align: middle;
|
|
}
|