Better logo integration

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index b7696b885eb23f5c8d69ce1ad6ed63dee6bbeb7c..9bd6979156583b380892731f2767f94d18283c8c 100644 (file)
--- 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 a4771509fef93502daa346f1775bcda06b40119d..b50b7b4baf8300c29b81547ef8330ffcccea2ac5 100644 (file)
--- 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 }}">