6ccb1187df
This change makes sure cells are never wrapped. If the text is too big for the column, ellipsis is used instead.
43 lines
2.4 KiB
CSS
43 lines
2.4 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-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; table-layout:fixed; }
|
|
#collection td { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
|
#leftcontent img.remove { display:none; float:right; cursor:pointer; opacity: 0; }
|
|
#leftcontent li:hover img.remove { display:inline; opacity: .3; }
|
|
#leftcontent li div.label { float: left; width: 200px; overflow: hidden; text-overflow: ellipsis; }
|
|
#playlist li { list-style-type:none; }
|
|
.template { display:none; }
|
|
.collection_playing { background:#eee; font-weight: bold; }
|
|
|
|
#searchresults input.play, #searchresults input.add { float:left; height:1em; width:1em; }
|
|
#collection tr.collapsed td.album, #collection tr.collapsed td.title { color:#ddd; }
|
|
#collection td.artist-expander, #collection td.album-expander { width:2em; text-align:center; }
|
|
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; }
|