From 0c04772535b4efa9a8757b64fb758262412a325b Mon Sep 17 00:00:00 2001
From: laron <simon@surlaterre.org>
Date: Wed, 25 Sep 2013 13:04:05 +0200
Subject: [PATCH] Better logo integration

---
 panikweb_templates/static/css/specifics.css | 13 ++++++++-----
 panikweb_templates/templates/base.html      | 18 ++++++++++--------
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index b7696b8..9bd6979 100644
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -256,10 +256,15 @@ body{
 	background: #fff;
 }
 #Commons .wrapper{
+}
+#Commons #backgroundBox{
+	margin-top:25px;
+	padding-top:25px;
     padding-bottom:50px;
+    background:white 0% 0% no-repeat url('../img/logoPanik.png');
 }
 #mainHeader {
-	padding-top:1em;
+	padding-bottom:1em;
 }
 #mainHeader {
     font-size:70%;
@@ -271,8 +276,7 @@ body{
 
 #Panik img{display:block;margin:auto;max-height:200px;}
 #mainHeader h1{
-	background:white 0% 50% no-repeat url('../img/logoPanik.png');
-    padding:50px 0 0 75px;
+	padding-left:75px;
 }
 #player-container.fixed { width:100%;left:0;border-width: 2px 0 0 0;border-style:solid;}
 #player-container #player{
@@ -492,7 +496,7 @@ body{
 @media screen and (max-width: 600px) {
 
 	#Player{
-        margin-top:0px;
+        margin-top:1em;
     }
 	#Player.withPlaylist #player-container #audioPlayer,
 	  #Player.withPlaylist #player-container #audioPlayer,
@@ -507,7 +511,6 @@ body{
 @media screen and (min-width: 600px) {
 
 	#Player{
-        margin-top:50px;
     }
 	#Player #player-container.fixed #audioPlayer{
 		max-width:50%;
diff --git a/panikweb_templates/templates/base.html b/panikweb_templates/templates/base.html
index a477150..b50b7b4 100644
--- a/panikweb_templates/templates/base.html
+++ b/panikweb_templates/templates/base.html
@@ -45,14 +45,16 @@
 	<div id="All">
 		{% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
 		<div id="Commons" class="cf" >
-            <div class="wrapper cf sided" >
-			    <div id="mainHeader" class="leftPart">
-				    <h1><span id="radioPanik" class="inBlock">Radio Panik</span> <span id="frequence" class="inBlock">105.4 FM</span></h1>
-				    <!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
-			    </div>
-			    <div id="Player" class="rightPart withoutPlaylist">
-				    {% block listen %}{% player %}{% endblock %}
-			    </div>
+            <div class="wrapper sided" >
+                <div id="backgroundBox" class="cf">
+			        <div id="mainHeader" class="leftPart">
+				        <h1><span id="radioPanik" class="inBlock">Radio Panik</span> <span id="frequence" class="inBlock">105.4 FM</span></h1>
+				        <!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
+			        </div>
+			        <div id="Player" class="rightPart withoutPlaylist">
+				        {% block listen %}{% player %}{% endblock %}
+			        </div>
+		        </div>
 		    </div>
 		</div>
 		<div id="Changing" class="cf" data-section="{{ sectionName }}">
-- 
2.39.2