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

44 lines
2.4 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%; }
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; }
Don't wrap collection cells. This change makes sure cells are never wrapped. If the text is too big for the column, ellipsis is used instead.
2012-01-19 18:14:24 +04:00
#collection { padding-top:1em; position:relative; width:100%; float:left; table-layout:fixed; }
#collection td { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
remove some of the flickering in opera
2012-01-15 03:11:26 +04:00
#leftcontent img.remove { display:none; float:right; cursor:pointer; opacity: 0; }
#leftcontent li:hover img.remove { display:inline; opacity: .3; }
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; }
Don't wrap collection cells. This change makes sure cells are never wrapped. If the text is too big for the column, ellipsis is used instead.
2012-01-19 18:14:24 +04:00
#playlist li { list-style-type:none; }
first replacement of media player controls with svg
2011-08-13 07:58:11 +04:00
.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
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; }
Don't wrap collection cells. This change makes sure cells are never wrapped. If the text is too big for the column, ellipsis is used instead.
2012-01-19 18:14:24 +04:00
#collection td.artist-expander, #collection td.album-expander { width:2em; text-align:center; }
Music - Fix album and artist expand layout.
2011-11-19 21:51:02 +04:00
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; }