body { font-family: sans-serif; } ul#song-links a, ul#playlist a { text-decoration: none; color: inherit; } ul#song-links a:hover, ul#playlist a:hover { text-decoration: underline; } a.dir { background-image: url('/static/icons/folder.png'); } a.file { background-image: url('/static/icons/music.png'); } a.file-cached { background-image: url('/static/icons/music-cached.png'); } a.dir, a.file, ul#playlist a.song { background-repeat: no-repeat; padding-left: 20px; } ul#playlist img { vertical-align: middle; } a.file-recoding { background-image: url('/static/icons/loading.gif'); } a.file-queued { background-image: url('/static/icons/music-queued.png'); } div#hpanel { margin-top: 1em; } div#hpanel span { display: inline-block; vertical-align: top; } div#hpanel span ul { list-style-type: none; padding-left: 0; margin-top: .5em; vertical-align: top; } ul#playlist li a.playing { background-image: url('/static/icons/sound.png'); } span.list-header { font-size: large; } ul#song-links { width: 30em; overflow: auto; white-space: nowrap; resize: both; } a#add-dir { font-size: small; } span#playlist-span { position: absolute; left: 31em; right: 1em; } li.album { border-top: 1px solid; margin-bottom: .2em; color: #666; padding-left: 1em; } li.album span { margin-left: 1em; } .right { float: right; } ul#playlist li div:hover { background: #eee; } input#search-query { padding-left: 16px; background-repeat: no-repeat; background-image: url('/static/icons/magnifier.png'); }