From: Jean Philip Orsini Date: Tue, 19 Jan 2016 10:30:27 +0000 (+0100) Subject: improved l&f of the nav X-Git-Url: http://git.wpitchoune.net/gitweb/?p=radio.git;a=commitdiff_plain;h=b1a94bbe13dae39b5e81226aa8823fd9d66224bb improved l&f of the nav --- diff --git a/html/index.html b/html/index.html index 259899e..d54de39 100644 --- a/html/index.html +++ b/html/index.html @@ -15,13 +15,9 @@ -

Proxy Radio

Home
Proxy Radio
Played songs
All songs

diff --git a/html/last_songs.html b/html/last_songs.html index dcacb71..ec8f612 100644 --- a/html/last_songs.html +++ b/html/last_songs.html @@ -35,6 +35,14 @@ + +

Last played songs

diff --git a/html/style.css b/html/style.css index 7f61856..01b8e48 100644 --- a/html/style.css +++ b/html/style.css @@ -2,8 +2,13 @@ body { font-family: sans-serif; font-size: 100%; padding: 0; - margin: 8pt 0 0 8pt; + margin: 0; background-color: #eee; + color: #444; +} + +section { + margin: 8pt 0 0 8pt; } h1 { @@ -22,21 +27,32 @@ audio { nav ul { background-color: #444; - color: white; + color: #eee; padding: 1em 0 1em 1em; margin: 0; + text-transform: uppercase; + font-size: 100%; + border-bottom-color: #444; + border-bottom-width: medium; + border-bottom-style: solid; } nav ul li { display: inline; + margin: 0 1.5em 0 0; padding: 0; + letter-spacing: 1px; } nav a { - color: white; + color: #eee; text-decoration: none; } -nav li::after { - content: "|"; +li.selected { + border-bottom-color: #eee; + border-bottom-style: solid; + border-bottom-width: medium; + padding-bottom: 1em; + font-weight: bold; }