4d1ed7e05f
This change: * bolds currently playing song in playlist; * forces song names in playlist to one line, ellipsize after (...); * adds jQuery tipsies to get the whole song name, along with the artist name, and the album the song is coming from. No need to split this changeset into three different ones for the sake of atomicity. Two first elements were on the priorities / bug list available there: http://gitorious.org/owncloud/pages/Home
46 lines
2.5 KiB
CSS
46 lines
2.5 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 .8em 0; }
|
|
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:0.9em; left:13.5em; }
|
|
div.jp-duration { display: none }
|
|
div.jp-current-song { left: 33em; position: absolute; top: 0.9em; }
|
|
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:100%; 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; }
|
|
#leftcontent li div.label { float: left; width: 200px; overflow: hidden; text-overflow: ellipsis; }
|
|
#collection li button { float:right; }
|
|
#collection li,#playlist li { list-style-type:none; }
|
|
.template { display:none; }
|
|
.collection_playing { background:#eee; font-weight: bold; }
|
|
|
|
#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; }
|
|
td.artist img, td.artist a, td.album img, td.album a { float: left; }
|
|
td.artist a.expander, td.album a.expander { float:right; padding:0 1em; }
|
|
tr.active td { background-color:#eee; font-weight:bold; }
|
|
tr td { border-top:1px solid #eee; height:2.2em; }
|
|
tr .artist img { vertical-align:middle; }
|
|
tr.album td.artist { padding-left:1em; }
|
|
tr.song td.artist { padding-left:2em; }
|
|
.add {margin: 0 0.5em 0 0; }
|
|
|
|
#scan { position:absolute; right:13.5em; top:0em; }
|
|
#scan .start { position:relative; display:inline; float:right; }
|
|
#scan .stop { position:relative; display:inline; float:right; }
|
|
#scan #scanprogressbar { position:relative; display:inline-block; width:10em; height:1.5em; top:.4em; }
|