Commit 3c6f98c8 authored by Simon Daron's avatar Simon Daron
Browse files

Player big button & style

parent c17b3ffb
...@@ -27,7 +27,7 @@ a { ...@@ -27,7 +27,7 @@ a {
color:inherit; color:inherit;
text-decoration: none; text-decoration: none;
} }
a:hover { #Main a:hover {
text-decoration: underline; text-decoration: underline;
} }
a.block:hover,nav a:hover{ a.block:hover,nav a:hover{
......
...@@ -302,7 +302,6 @@ background-color:#ff6633; border-color:#fff;} ...@@ -302,7 +302,6 @@ background-color:#ff6633; border-color:#fff;}
#player-container button,#player-container a{ #player-container button,#player-container a{
} }
#player-container .metas{ #player-container .metas{
color:white !important; color:white !important;
} }
#player-container .label{ #player-container .label{
...@@ -312,8 +311,19 @@ background-color:#ff6633; border-color:#fff;} ...@@ -312,8 +311,19 @@ background-color:#ff6633; border-color:#fff;}
border-top:2px solid black; border-top:2px solid black;
border-bottom:2px solid black; border-bottom:2px solid black;
} }
#DirectStreamPanikControler {
display:inline !important;
}
#streamSymbol{
float:left;
font-size:120px;
margin-right:5px;
}
#CurrentlyPlaying{ #CurrentlyPlaying{
padding:0 0 0 0.5em; padding:0 0 0 0;
}
#DirectStreamPanikControler .label{
padding-top:10px;
} }
#player-container.fixed{ #player-container.fixed{
z-index:500; z-index:500;
......
...@@ -2,16 +2,16 @@ ...@@ -2,16 +2,16 @@
<div id="player-container" class="normal cf"> <div id="player-container" class="normal cf">
<div id="player" class="wrapper cf"> <div id="player" class="wrapper cf">
<div id="audioPlayer" class="cf"> <div id="audioPlayer" class="cf">
<div class="padded"> <div class="padded cf">
<ul class="metas custom right big"> <ul class="metas custom right big">
<li><a class="button resymbol icon-download inBlock" title="Get the stream on your player!" href="http://streaming.domainepublic.net:8000/radiopanik.ogg.m3u"></a></li> <li><a class="button resymbol icon-download inBlock" title="Get the stream on your player!" href="http://streaming.domainepublic.net:8000/radiopanik.ogg.m3u"></a></li>
<!--<li><button class="icon-eye-open " title="Show/Hidden HTML5 audio player" onclick="$('#DirectStreamPanik').toggleClass('hidden');$(this).toggleClass('icon-eye-open icon-eye-close');return false;"></button></li>--> <!--<li><button class="icon-eye-open " title="Show/Hidden HTML5 audio player" onclick="$('#DirectStreamPanik').toggleClass('hidden');$(this).toggleClass('icon-eye-open icon-eye-close');return false;"></button></li>-->
<li><button title="Need some help?" onclick="$('#PlayerHelp').toggle();" class="icon-question-sign"></button></li> <li><button title="Need some help?" onclick="$('#PlayerHelp').toggle();" class="icon-question-sign"></button></li>
</ul> </ul>
<button id="DirectStreamPanikControler" class="label"> <span class="button block" id="DirectStreamPanikControler">
<span class="icon-volume-up resymbol"></span> <div id="streamSymbol" class="icon-volume-up resymbol"></div>
<span class="">en direct</span> <div class="label">en direct</div>
</button> </span>
<div id="CurrentlyPlaying" class="ellipsis"> <div id="CurrentlyPlaying" class="ellipsis">
<button class="icon-refresh" id="RefreshWhatsOnAir"></button> <button class="icon-refresh" id="RefreshWhatsOnAir"></button>
<span id="WhatsOnAir"></span> <span id="WhatsOnAir"></span>
...@@ -84,14 +84,15 @@ ...@@ -84,14 +84,15 @@
}else{ }else{
stream.play(); stream.play();
} }
return false;
}); });
$('#DirectStreamPanik').on('play',function(){ $('#DirectStreamPanik').on('play',function(){
$('audio:not(#DirectStreamPanik)').each(function(){this.pause();}); $('audio:not(#DirectStreamPanik)').each(function(){this.pause();});
$('#DirectStreamPanikControler').find('.control').removeClass('icon-volume-up').addClass('icon-pause'); $('#streamSymbol').removeClass('icon-volume-up').addClass('icon-pause');
$('#RefreshWhatsOnAir').trigger('activate'); $('#RefreshWhatsOnAir').trigger('activate');
}).on('pause',function(){ }).on('pause',function(){
//$('audio:not(#DirectStreamPanik)').each(function(){this.pause();}); //$('audio:not(#DirectStreamPanik)').each(function(){this.pause();});
$('#DirectStreamPanikControler').find('.control').addClass('icon-volume-up').removeClass('icon-pause'); $('#streamSymbol').addClass('icon-volume-up').removeClass('icon-pause');
$('#RefreshWhatsOnAir').trigger('deactivate'); $('#RefreshWhatsOnAir').trigger('deactivate');
}); });
}); });
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment