61 lines
897 B
CSS
61 lines
897 B
CSS
|
* {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background:#000;
|
||
|
|
color:#fff;
|
||
|
|
text-align:center;
|
||
|
|
font-family: monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
header {
|
||
|
|
background:url('/static/banner.gif');
|
||
|
|
background-position:center;
|
||
|
|
background-size:cover;
|
||
|
|
width: 100vw;
|
||
|
|
padding: 2ch;
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin: auto;
|
||
|
|
box-shadow: inset 0 0 0.5em 1em black;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, li a {
|
||
|
|
color: goldenrod;
|
||
|
|
text-shadow: black 0 0 1em;
|
||
|
|
font-weight: bold;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul { list-style: none;padding:0;margin: 0.5em; }
|
||
|
|
|
||
|
|
ul li {
|
||
|
|
background-position:center;
|
||
|
|
background-size:cover;
|
||
|
|
box-shadow: inset 0 0 0.5em 1em black;
|
||
|
|
max-width: fit-content;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul li.online {
|
||
|
|
background-image:url('/static/online.gif');
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
ul li.offline a {
|
||
|
|
color: grey;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul li.offline a::after {
|
||
|
|
content: " (offline)"
|
||
|
|
}
|
||
|
|
|
||
|
|
ul li a {
|
||
|
|
display:inline-block;
|
||
|
|
padding: 2em;
|
||
|
|
}
|