</head>
<body>
- <header>
- <h1>Proxy Radio</h1>
- </header>
-
<nav>
<ul>
- <li>Home</li>
+ <li class="selected">Proxy Radio</li>
<li><a href="last_songs.html">Played songs</a></li>
<li><a href="songs.html">All songs</a></li>
</ul>
</head>
<body>
+ <nav>
+ <ul>
+ <li><a href="index.html">Proxy Radio</a></li>
+ <li class="selected">Played songs</li>
+ <li><a href="songs.html">All songs</a></li>
+ </ul>
+ </nav>
+
<section>
<h1>Last played songs</h1>
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 {
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;
}