You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.0 KiB
72 lines
1.0 KiB
3 years ago
|
html {
|
||
|
font-family: arial, sans-serif;
|
||
|
background: #f5f5f5;
|
||
|
color: #424242;
|
||
|
}
|
||
|
|
||
|
main {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
padding: 20px;
|
||
|
}
|
||
|
|
||
|
main div {
|
||
|
max-width: 800px;
|
||
|
left-margin: auto;
|
||
|
right-margin: auto;
|
||
|
}
|
||
|
|
||
|
main div .header {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
flex-direction: column;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
main div .header img {
|
||
|
width: 50px;
|
||
|
}
|
||
|
|
||
|
main div .header h1 {
|
||
|
text-align: center;
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
|
||
|
main div .status-bar {
|
||
|
display: flex;
|
||
|
margin: 5px;
|
||
|
flex-wrap: wrap;
|
||
|
justify-content: space-evenly;
|
||
|
padding: 20px;
|
||
|
border-top: 2px solid #424242;
|
||
|
border-bottom: 2px solid #424242;
|
||
|
margin: 5px 0;
|
||
|
}
|
||
|
|
||
|
.meter {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
|
||
|
main div .status-bar .meter img {
|
||
|
width: 30px;
|
||
|
height: 30px;
|
||
|
}
|
||
|
|
||
|
.meter p {
|
||
|
padding: 0px;
|
||
|
margin: 0px;
|
||
|
}
|
||
|
|
||
|
|
||
|
main div .server-header,
|
||
|
main div .server-time {
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
main div .server-time {
|
||
|
font-size: 12px;
|
||
|
}
|