41 lines
1.7 KiB
CSS
41 lines
1.7 KiB
CSS
#controls ul.jp-controls { padding:0; }
|
|
#controls ul.jp-controls li { display:inline; }
|
|
#controls ul.jp-controls li a { position:absolute; padding:.8em 1em; }
|
|
a.jp-play, a.jp-pause { left:2.5em; }
|
|
a.jp-pause { display:none; }
|
|
a.jp-next { left:5em; }
|
|
|
|
div.jp-progress { position:absolute; overflow:hidden; top:.5em; left:8em; width:15em; height:1.2em; padding:0; }
|
|
div.jp-seek-bar { background:#eee; width:0; height:100%; cursor:pointer; }
|
|
div.jp-play-bar { background:#ccc; width:0; height:100%; }
|
|
div.jp-seeking-bg { background:url("../img/pbar-ani.gif"); }
|
|
div.jp-current-time,div.jp-duration { position:absolute; font-size:.64em; font-style:oblique; top:1em; left:13.5em; width:22em; }
|
|
div.jp-duration { text-align:right; }
|
|
|
|
a.jp-mute,a.jp-unmute { left:24em; }
|
|
div.jp-volume-bar { position:absolute; overflow:hidden; background:#eee; width:4em; height:0.4em; cursor:pointer; top:1.3em; left:27em; }
|
|
div.jp-volume-bar-value { background:#ccc; width:0; height:0.4em; }
|
|
|
|
#collection { padding-top:1em; position:relative; width:70em; float:left; }
|
|
#collection li.album,#collection li.song { margin-left:3em; }
|
|
#leftcontent img.remove { display:none; float:right; cursor:pointer; }
|
|
#leftcontent li:hover img.remove { display:inline; }
|
|
#collection li button { float:right; }
|
|
#collection li,#playlist li { list-style-type:none; }
|
|
.template { display:none; }
|
|
|
|
#collection li { padding-right:10px; }
|
|
#searchresults input.play, #searchresults input.add { float:left; height:1em; width:1em; }
|
|
#collection tr.collapsed td.album, #collection tr.collapsed td.title { color:#ddd; }
|
|
a.expander { }
|
|
tr.active { background-color:#eee; }
|
|
tr.artist, tr.artist td {
|
|
border-top: 1px solid lightgrey;
|
|
}
|
|
tr.album td.artist {
|
|
padding-left: 20px;
|
|
}
|
|
tr.song td.artist {
|
|
padding-left: 40px;
|
|
}
|