static/style.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

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'); }