X-Git-Url: https://git.wpitchoune.net/gitweb/?a=blobdiff_plain;f=html%2Fstyle.css;h=e393467f968fb17e23684790097c19ff4961d2f2;hb=HEAD;hp=5b9d1255f2dd89cff47124c14e60838ba62ed7c7;hpb=ae496988cdc4e68f8b5d7ba67f48c771fcdfc58e;p=radio.git diff --git a/html/style.css b/html/style.css index 5b9d125..e393467 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,6 +21,39 @@ footer { font-size: 80%; } -audio { - margin: 20pt 20pt 20pt 20pt; +nav ul, footer ul { + background-color: #444; + 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, footer ul li { + display: inline; + margin: 0 1.5em 0 0; + padding: 0; + letter-spacing: 1px; + +} + +nav a, footer a { + color: #eee; + text-decoration: none; +} + +nav li.selected { + font-weight: bold; + color: #eee; +} + +nav li.selected, nav a:hover { + padding-bottom: 1em; + border-bottom-color: #eee; + border-bottom-style: solid; + border-bottom-width: medium; }