115 lines
1.4 KiB
Plaintext
115 lines
1.4 KiB
Plaintext
@import "colors.less";
|
|
@import "header.less";
|
|
@import "fform.less";
|
|
@import "mapping.less";
|
|
@import "main.less";
|
|
@import "wifi.less";
|
|
@import "update.less";
|
|
|
|
html,body {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
body {
|
|
background:@backgroundColor;
|
|
color: @fontColor;
|
|
font-family: sans-serif;
|
|
}
|
|
.hsplit {
|
|
display: flex;
|
|
> div + div {
|
|
margin-left:40px;
|
|
}
|
|
}
|
|
.half {
|
|
width: 50%;
|
|
}
|
|
|
|
.center {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
.hidden {
|
|
display:none;
|
|
}
|
|
|
|
ul.none {
|
|
list-style-type: none;
|
|
padding:0;
|
|
}
|
|
|
|
ul.inline li {
|
|
display:inline-block;
|
|
}
|
|
|
|
.errormsg {
|
|
color:#FF0000;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.loading:before {
|
|
display:inline-block;
|
|
content: ' ';
|
|
border-radius: 50%;
|
|
border: .5rem solid @loadingColor;
|
|
border-top-color: #000;
|
|
animation: spin 1s infinite linear;
|
|
width:16px;
|
|
height:16px;
|
|
}
|
|
|
|
.loading.smallani:before {
|
|
margin-left:-20px;
|
|
border-width: .3rem;
|
|
position:absolute;
|
|
width:8px;
|
|
height:8px;
|
|
}
|
|
|
|
a, input, button {
|
|
outline:0;
|
|
}
|
|
::-moz-focus-inner {
|
|
border:0;
|
|
}
|
|
#main {
|
|
position:relative;
|
|
padding:10px;
|
|
}
|
|
#main {
|
|
h1, h2, h3 {
|
|
font-weight:500;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
}
|
|
}
|
|
|
|
#mapping {
|
|
td {
|
|
vertical-align:middle;
|
|
}
|
|
input[type=text] {
|
|
margin-top:0;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color:inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media screen and (max-width: 400px) {
|
|
#main {
|
|
padding:0;
|
|
}
|
|
}
|