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%;
#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{
@media screen and (max-width: 600px) {
#Player{
- margin-top:0px;
+ margin-top:1em;
}
#Player.withPlaylist #player-container #audioPlayer,
#Player.withPlaylist #player-container #audioPlayer,
@media screen and (min-width: 600px) {
#Player{
- margin-top:50px;
}
#Player #player-container.fixed #audioPlayer{
max-width:50%;
<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 }}">