X-Git-Url: https://git.wpitchoune.net/gitweb/?a=blobdiff_plain;f=html%2Fstyle.css;h=03c4778a2f3ceff9a4e2e0392d959c212368d259;hb=6dbd39ca415a463302910ee2391be62fb23f2dd1;hp=7f6185613b43a1d96b314df45b1197e13804cb73;hpb=0474a2735f3c8266aa46c590585ea516ed4fa2fa;p=radio.git diff --git a/html/style.css b/html/style.css index 7f61856..03c4778 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 { @@ -16,27 +21,36 @@ footer { font-size: 80%; } -audio { - margin: 20pt 20pt 20pt 20pt; -} - -nav ul { +nav ul, footer ul { background-color: #444; - color: white; 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; + list-style: none; } -nav ul li { +nav ul li, footer ul li { display: inline; + margin: 0 1.5em 0 0; padding: 0; + letter-spacing: 1px; + } -nav a { - color: white; +nav a, footer a { + color: #eee; text-decoration: none; } -nav li::after { - content: "|"; +nav li.selected { + border-bottom-color: #eee; + border-bottom-style: solid; + border-bottom-width: medium; + padding-bottom: 1em; + font-weight: bold; + color: #eee; }