mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
nextcloud/apps/media/css/music.css

47 lines
2.5 KiB
CSS
Raw Normal View History

some work on media player interface, artists can be collapsed in the collection view again and single albums/songs can be played
2011-08-21 17:28:20 +04:00
#controls ul.jp-controls { padding:0; }
#controls ul.jp-controls li { display:inline; }
updated margins
2011-10-04 23:39:13 +04:00
#controls ul.jp-controls li a { position:absolute; padding:.8em 1em .8em 0; }
some work on media player interface, artists can be collapsed in the collection view again and single albums/songs can be played
2011-08-21 17:28:20 +04:00
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"); }
media app: show current song, add margin, enable tooltip
2011-09-28 13:45:22 +04:00
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; }
some work on media player interface, artists can be collapsed in the collection view again and single albums/songs can be played
2011-08-21 17:28:20 +04:00
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; }
fixed scrollbar issues
2011-10-04 20:54:07 +04:00
#collection { padding-top:1em; position:relative; width:100%; float:left; }
some player styling
2011-08-13 18:34:40 +04:00
#collection li.album,#collection li.song { margin-left:3em; }
some work on media player
2011-08-11 13:27:14 +04:00
#leftcontent img.remove { display:none; float:right; cursor:pointer; }
#leftcontent li:hover img.remove { display:inline; }
Improve music playlist rendering. 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
2012-01-08 02:41:51 +04:00
#leftcontent li div.label { float: left; width: 200px; overflow: hidden; text-overflow: ellipsis; }
first replacement of media player controls with svg
2011-08-13 07:58:11 +04:00
#collection li button { float:right; }
#collection li,#playlist li { list-style-type:none; }
.template { display:none; }
Improve music playlist rendering. 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
2012-01-08 02:41:51 +04:00
.collection_playing { background:#eee; font-weight: bold; }
Some much needed interface work on the media player
2011-07-30 01:53:22 +04:00
first replacement of media player controls with svg
2011-08-13 07:58:11 +04:00
#collection li { padding-right:10px; }
some player styling
2011-08-13 18:34:40 +04:00
#searchresults input.play, #searchresults input.add { float:left; height:1em; width:1em; }
first replacement of media player controls with svg
2011-08-13 07:58:11 +04:00
#collection tr.collapsed td.album, #collection tr.collapsed td.title { color:#ddd; }
Music - Fix album and artist expand layout.
2011-11-19 21:51:02 +04:00
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; }
lots of music improvements, might break some things though
2011-09-25 02:02:50 +04:00
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; }
media app: show current song, add margin, enable tooltip
2011-09-28 13:45:22 +04:00
.add {margin: 0 0.5em 0 0; }
moved scanning to controls bar
2011-09-25 02:17:54 +04:00
updated margins
2011-10-04 23:39:13 +04:00
#scan { position:absolute; right:13.5em; top:0em; }
moved scanning to controls bar
2011-09-25 02:17:54 +04:00
#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; }