Commit 01cf8be0 authored by Simon Daron's avatar Simon Daron

Styling player

parent 933a7863
......@@ -68,7 +68,6 @@
.sectionLabel, .label {
text-transform: uppercase;
font-family: "Reglo";
letter-spacing:1px;
font-size:1.3em;
}
.label.relative{
......@@ -288,6 +287,7 @@ body{
-moz-box-shadow: 0px 5px 5px #000;
-webkit-box-shadow: 0px 5px 5px #000;
box-shadow: 0px 5px 10px #000;
font-size:1.3em;
background-color:#ff6633; border-color:#fff;}
#player-container button{
border-color:#fff;
......@@ -300,7 +300,10 @@ background-color:#ff6633; border-color:#fff;}
padding:0.2em;
}
#player-container button,#player-container a{
color:#cc3300 !important;
}
#player-container .metas{
color:white !important;
}
#player-container .label{
color:white !important;
......@@ -309,12 +312,15 @@ background-color:#ff6633; border-color:#fff;}
border-top:2px solid black;
border-bottom:2px solid black;
}
#CurrentlyPlaying{
padding:0 0 0 0.5em;
}
#player-container.fixed{
z-index:500;
position:fixed;
width:100%;
top:2em;
font-size:90%;
font-size:0.9em;
}
#player-container.fixed .padded{
padding:0.5em;
......@@ -329,9 +335,6 @@ background-color:#ff6633; border-color:#fff;}
width:49%;
text-align:left;
}
#PlayerHelp{
clear:both;
}
#player-container.normal #player{
padding:5%;
}
......@@ -403,6 +406,7 @@ background-color:#ff6633; border-color:#fff;}
}
#player #CurrentlyPlaying,
#player-container #Playlist ol{
color:#aa1100 !important;
padding-top:0.2em;
}
......@@ -423,7 +427,7 @@ background-color:#ff6633; border-color:#fff;}
}
}
@media screen and (min-width: 600px) {
#Listen.withPlaylist #player-container #audioPlayer{
#Listen #player-container #audioPlayer{
max-width:50%;
margin:auto;
}
......
......@@ -3,12 +3,12 @@
<div id="player" class="wrapper cf">
<div id="audioPlayer" class="cf">
<div class="padded">
<ul class="metas custom inline right">
<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 cf">
<button id="DirectStreamPanikControler" class="label">
<span class="icon-volume-up resymbol"></span>
<span class="">en direct</span>
</button>
......@@ -24,7 +24,7 @@
src="http://streaming.domainepublic.net:8000/radiopanik.ogg?&unique={{ uuid }}"
controls="controls"
></audio>
<div id="PlayerHelp" class="sub padded hidden help">
<div id="PlayerHelp" class="sub small padded hidden help">
<p>Le contenu des émissions n&#8217;étant pas limité à un niveau local, le stream permet de les écouter aux quatre coins du monde. Mais aussi et surtout, à Bruxelles, dans les zones où la radio n&#8217;est pas captée facilement.</p>
<p>Le serveur de streaming a été mis en place par l&#8217;asbl A.C.T.I.C et est hébergé par <a href="http://www.domainepublic.net/" class='spip_out' rel='external'>Domainepublic.net</a> . Il fonctionne exclusivement grâce à des logiciels libres.</p>
<p>Si votre logiciel ne parvient pas à lire le stream de Radio Panik, nous vous conseillons de télécharger <a href="http://framakey.org/Portables/PortableVLC" class='spip_out' rel='external'>VLC Media Player</a>, un lecteur multimedia impressionnant de par ses nombreuses fonctionnalités (supporte de nombreux formats de stream, d&#8217;audio, de vidéo, peut servir de relais streamcast), qui fonctionne aussi bien sous Linux que sous Windows ou Mac OS.</p>
......
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