style: player changes

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index 6666d04d125edfa1fdfb5c5321f5638fb33479c0..f132664de7c32630c33409902c938bceef976642 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -375,31 +375,36 @@ body{
 }
 #Nav nav ul.distributed li {padding: 0;}
 
-#Nav nav.right{
-       color:#EED1B1 !important;
-       background:#342E2E;
-       border-color:#342E2E;
-       border-width:2px;border-style:solid;
-}
-#Nav nav.right li, #Nav nav.right li a{
-       display:block;
-       color:#EED1B1 !important;
+
+/****************************************************/
+/**** Commons ****/
+/****************************************************/
+#mainHeader {
+    width:30%;
+    float:left;
 }
-@media screen and (max-width: 400px) {
-       #Nav nav.right{float:none !important;margin:none;border-top:2px solid white;}
+#Player {
+    margin-top:1em;
+    width:65%;
+    float:right;
+    padding:0 0 0 0;
 }
-#Nav nav.sub{
+#player-container.fixed { width:100%;left:0;border-width: 2px 0 0 0;border-style:solid;}
+#player-container #player{
+    padding:0 0 0 0;
 }
 
-#Nav nav.sub li a{
-       min-width:7em;
-       padding:0.5em;
+#Player #player-container #audioPlayer, #Player.withPlaylist #player-container #audioPlayer, .style-ffffff #Player.withPlaylist #player-container #Playlist{µ
+    margin:1em 0;
 }
+  #player-container,
+   #player-container *{background-color:#ffffff !important; border-color:#ff6600 !important;color:#ff6600 !important;}
 
- 
+.audio button {color:#ff6600 !important;}
 
 /****************************************************/
 /**** PLAYER ****/
+/****************************************************/
 /*#Home #player{   float: left; } */
 #player-container{
        color:#fff;
@@ -434,12 +439,17 @@ body{
 #player-container.fixed{
        z-index:500;
        position:fixed;
-       width:100%;
+       width:100% !important;
        /*top:2em;*/
        font-size:80%;
        bottom:0em;
        border-bottom:none;
 }
+#Player.withoutPlaylist #player-container #audioPlayer{
+    font-size:150%;
+    margin:auto;
+    width:100%;
+}
 #Player.withPlaylist #player-container #audioPlayer{
        float:left;
        width:50%;
@@ -451,7 +461,6 @@ body{
        text-align:left;
 }
 #player-container.normal #player{
-       padding:3em;
 }
 #player-container.minimized{
        width:auto;
@@ -540,7 +549,7 @@ body{
        padding-top:0.2em;
 }
 
-@media screen and (max-width: 500px) {
+@media screen and (max-width: 800px) {
 
        #Player.withPlaylist #player-container #audioPlayer,
          #Player.withPlaylist #player-container #audioPlayer,
@@ -557,12 +566,10 @@ body{
 @media screen and (min-width: 500px) {
        #Player #player-container #audioPlayer{
                max-width:50%;
-               margin:auto;
        }
 }
 
 
-
 /****************************************************/
 .inline .link{display:block;padding:1em;}
 /**** Liste   ****/