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
24
25
26
27
28
29
30
31
32
33
34
35
36

* { padding: 0; margin: 0; }
html, body, #content { height: 100%; }
#content { height: 100%; min-height: 100%; }
#tabs { position: absolute; width: auto; height: auto; top: 4em; bottom: 0; left: 0; right: 0; }
#tabs > div { position: absolute; width: 100%; height: auto; padding: 0; top: 3em; bottom: 0; overflow: auto; }

.ui-tabs-nav li a { font-size: small; }
#progress { margin: .5em 1em; width: 300px; }
#tabs { padding: 0; font-size: 100%; }
#tabs ul.ui-tabs-nav { margin: .2em; }

.accessor { text-decoration: underline; }

.track-table { width: 100%; }
.track-table tr:nth-child(odd) td { background: #eee; }
.track-table tr:nth-child(even) td { background: #ddd; }
.track-table tr.ui-selected td { background-color: #fea; }
.track-table tr:hover td { background-color: #fbb; }

.track-table a { color: inherit; text-decoration: inherit; background-repeat: no-repeat; padding-left: 20px; display: block; }
.track-table a:hover { text-decoration: underline; }
.track-table .dir { background-image: url('/static/icons/folder.png'); }
.track-table .track { background-image: url('/static/icons/music.png'); }
.track-table .track.nocache { background-image: url('/static/icons/music_nocache.png'); }

#playlist .playing a.play { background-image: url('/static/icons/music_playing.png'); }
#playlist .loading a.play { background-image: url('/static/icons/loading.gif'); }
#playlist tr td.track-buttons { width: 1em; }

#search_box { border: 1px solid #888; border-radius: 10px; padding: 0 .3em; }
#search-results { margin-top: 1em; }

.album-tile { width: 128px; display: inline-block; vertical-align: top; padding: 1em; }
.album-tile a { text-decoration: none; }
.album-tile a:hover { text-decoration: underline; }
.album-tile .album-name { font-size: x-small; }