89 lines
1.2 KiB
CSS
89 lines
1.2 KiB
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: 4em;
|
||
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;
|
||
font-shadow: 0 0 1em black;
|
||
}
|
||
|
||
ul { list-style: none;padding:0;margin: 0.5em; }
|
||
|
||
ul li {
|
||
|
||
max-width: 300px;
|
||
width:90vw;
|
||
margin: auto;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
ul li a, ul li span {
|
||
display:block;
|
||
}
|
||
|
||
ul li .station {
|
||
padding: 4em;
|
||
}
|
||
|
||
ul li.online .station {
|
||
background-image:url('/static/online.gif');
|
||
background-position:center;
|
||
background-size:cover;
|
||
box-shadow: inset 0 0 0.5em 1em black;
|
||
|
||
}
|
||
|
||
ul li .stationurl {
|
||
border: solid 1px grey;
|
||
padding: 1ch;
|
||
text-align: left;
|
||
font-weight: normal;
|
||
font-size: 85%;
|
||
}
|
||
|
||
ul li .stationurl::before {
|
||
content: "» ";
|
||
}
|
||
|
||
ul li.offline .stationurl::before {
|
||
content: "× ";
|
||
}
|
||
|
||
ul li.offline .stationurl {
|
||
color: grey50;
|
||
}
|
||
|
||
ul li.online .stationurl {
|
||
color: #1f9b92;
|
||
}
|
||
|
||
ul li.offline a {
|
||
color: grey;
|
||
}
|
||
|