* { 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; }