Congegni
/
libretime
mirror of https://github.com/libretime/libretime.git
7
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CC-2906: Airtime Volume Control is invisible when turned on. 

-fixed
This commit is contained in:
martin 2011-09-30 15:48:12 -04:00
parent 20c2405f20
commit 27892c8b46
3 changed files with 41 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
airtime_mvc/application/views/scripts/dashboard/stream-player.phtml
View File

@ -71,9 +71,13 @@ $(document).ready(function(){
<ul class="jp-controls"> <ul class="jp-controls">
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li> <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li> <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="1">mute</a></li> <li><a title="mute" tabindex="1" class="jp-mute" href="javascript:;">mute</a></li>
<li><a href="javascript:;" class="jp-unmute" tabindex="1">unmute</a></li> <li><a title="unmute" tabindex="1" class="jp-unmute" href="javascript:;">unmute</a></li>
<li><a title="max volume" tabindex="1" class="jp-volume-max" href="javascript:;">max volume</a></li>
</ul> </ul>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
</div> </div>
<div id="jp_playlist_1" class="jp-playlist"></div> <div id="jp_playlist_1" class="jp-playlist"></div>
</div> </div>

51
airtime_mvc/public/js/jplayer/skin/jplayer.blue.monday.css
View File

@ -318,14 +318,15 @@ div.jp-seeking-bg {
} }
a.jp-mute, a.jp-mute,
a.jp-unmute { a.jp-unmute,
width:30px; a.jp-volume-max {
height:30px; width:20px;
height:20px;
} }
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute { div.jp-audio div.jp-type-single a.jp-unmute {
top:22px; top:30px;
left:300px; left:227px;
} }
div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute { div.jp-audio div.jp-type-playlist a.jp-unmute {
@ -353,29 +354,45 @@ div.jp-video-360p div.jp-type-playlist a.jp-unmute {
left:443px; left:443px;
} }
a.jp-mute { a.jp-mute {
background: url("jplayer.png") 0 -110px no-repeat; background: url("jplayer.png") 0 -90px no-repeat;
} }
a.jp-mute:hover { a.jp-mute:hover {
background: url("jplayer.png") -30px -80px no-repeat; background: url("jplayer.png") -30px -90px no-repeat;
} }
a.jp-unmute { a.jp-unmute {
background: url("jplayer.png") 0 -80px no-repeat; background: url("jplayer.png") -61px -90px no-repeat;
display: none; display: none;
} }
a.jp-unmute:hover { a.jp-unmute:hover {
background: url("jplayer.png") -30px -110px no-repeat; background: url("jplayer.png") -91px -90px no-repeat;
}
div.jp-interface ul.jp-controls a.jp-volume-max {
background: url("jplayer.png") no-repeat scroll 0 -110px transparent;
}
div.jp-interface ul.jp-controls a.jp-volume-max:hover {
background: url("jplayer.png") no-repeat scroll -30px -110px transparent;
}
div.jp-audio ul.jp-controls a.jp-volume-max {
left: 340px;
top: 28px;
} }
div.jp-volume-bar { div.jp-volume-bar {
position: absolute; position: absolute;
overflow:hidden; overflow:hidden;
background: url("jplayer.png") 0 -250px repeat-x; background:#393939;
width:46px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px inset;
height:5px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px inset;
border-bottom:1px solid #5e5e5e;
border-top:1px solid #262526;
border-left:1px solid #262526;
border-right:1px solid #262526;
width:130px;
height:4px;
cursor: pointer; cursor: pointer;
} }
div.jp-audio div.jp-type-single div.jp-volume-bar { div.jp-audio div.jp-type-single div.jp-volume-bar {
top:37px; top:48px;
left:302px; left:225px;
} }
div.jp-audio div.jp-type-playlist div.jp-volume-bar { div.jp-audio div.jp-type-playlist div.jp-volume-bar {
top:37px; top:37px;
@ -397,9 +414,11 @@ div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
left:471px; left:471px;
} }
div.jp-volume-bar-value { div.jp-volume-bar-value {
background: url("jplayer.png") 0 -256px repeat-x; background-color:#fb7018;
background: -moz-linear-gradient(top, #fc9318 0, #e56815 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc9318), color-stop(100%, #e56815));
width:0px; width:0px;
height:5px; height:3px;
} }
div.jp-current-time, div.jp-current-time,
div.jp-duration { div.jp-duration {

BIN
airtime_mvc/public/js/jplayer/skin/jplayer.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB