Player big button & style

diff --git a/panikweb_templates/static/css/general.css b/panikweb_templates/static/css/general.css
index cd6c65095fbd97a8575f1d99b011977ccdeec4fb..cfb222232a4d8747b226e0de37ba4e78443db866 100644 (file)
--- a/panikweb_templates/static/css/general.css
+++ b/panikweb_templates/static/css/general.css
@@ -27,7 +27,7 @@ a {
        color:inherit;
        text-decoration: none;
 }
-a:hover {
+#Main a:hover {
     text-decoration: underline;
 }
 a.block:hover,nav a:hover{

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index a38a29c7a0dcfb5d22ddf57f791ff52f5c51a8dd..78efd99117a95e0dc0cecae3e255b7ca44d6cc16 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -302,7 +302,6 @@ background-color:#ff6633; border-color:#fff;}
 #player-container button,#player-container a{
 }
 #player-container .metas{
-       
        color:white !important;
 }
 #player-container .label{
@@ -312,8 +311,19 @@ background-color:#ff6633; border-color:#fff;}
        border-top:2px solid black;
        border-bottom:2px solid black;
 }
+#DirectStreamPanikControler {
+       display:inline !important;
+}
+#streamSymbol{
+       float:left;
+       font-size:120px;
+       margin-right:5px;
+}
 #CurrentlyPlaying{
-       padding:0 0 0 0.5em;
+       padding:0 0 0 0;
+}
+#DirectStreamPanikControler .label{
+       padding-top:10px;
 }
 #player-container.fixed{
        z-index:500;

diff --git a/panikweb_templates/templates/includes/player.html b/panikweb_templates/templates/includes/player.html
index 72ffa54cd59aba4a17509a33abc9ee04347a0043..5fbf951938c9365ed2155479f820fa432c7fb0f2 100644 (file)
--- a/panikweb_templates/templates/includes/player.html
+++ b/panikweb_templates/templates/includes/player.html
@@ -2,16 +2,16 @@
 <div id="player-container" class="normal cf">
        <div id="player" class="wrapper cf">
                <div id="audioPlayer" class="cf">
-                       <div class="padded">
+                       <div class="padded cf">
                                <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><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>
                                </ul>
-                               <button id="DirectStreamPanikControler" class="label">
-                                       <span class="icon-volume-up resymbol"></span>
-                                       <span class="">en direct</span>
-                               </button>
+                               <span class="button block" id="DirectStreamPanikControler">
+                                       <div id="streamSymbol" class="icon-volume-up resymbol"></div>
+                                       <div class="label">en direct</div>
+                               </span>
                                <div id="CurrentlyPlaying" class="ellipsis">
                                        <button class="icon-refresh" id="RefreshWhatsOnAir"></button>
                                        <span id="WhatsOnAir"></span>
@@ -84,14 +84,15 @@
                                        }else{
                                                stream.play();
                                        }
+                                       return false;
                                });
                                $('#DirectStreamPanik').on('play',function(){
                                        $('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');
                                }).on('pause',function(){
                                        //$('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');
                                });
                        });