general: new logo & colours

panikweb_templates/static/css/specifics.css

 /* COLORS
 
 @black: #000000;
-@orange: #ff6600;
-@blue: #0000ff;
+@orange: #E1D555;  -- highlight & stuff
+@blue: #5f2167;    -- focus & stuff
 @white: #FFFFFF;
  */
+
 /****************************************************/
 /* FONTS */
 
@@ -63,7 +64,7 @@
 }
 
 h5.focus-title {
-	color: #0000ff;
+	color: #5f2167;
 }
 
 .rightPart #search-form {
@@ -290,7 +291,7 @@ body{
 /**** Commons ****/
 /****************************************************/
 
-.audio button {color:#ff6600 !important;}
+.audio button {color:#E1D555 !important;}
 /****************************************************/
 /**** HEADER ****/
 /****************************************************/
@@ -437,7 +438,7 @@ body{
 }
 
 #backgroundBox {
-	background: white 0 10px no-repeat url(../img/logoPanikBW.png);
+	background: white 0 25px no-repeat url(../img/logo-2016.png);
 }
 
 #All #backgroundBox h1.top {
@@ -445,36 +446,30 @@ body{
 	padding-left: 10px;
 	width: 200%;
 }
-#All h1.top#frequence {
-	margin-top: 0;
-	padding-top: 0;
-	display: block;
-	padding-bottom: 50px;
-}
 
 #backgroundBox h1 {
-	color: #ff6600 !important;
-}
-
-#All h1.top#frequence {
-	margin-top: 40px;
-	padding-bottom: 0;
+	color: #E1D555 !important;
 }
 
 #All h1.top#radiopanik {
 	padding-top: 0;
 	color: black !important;
-	padding-bottom: 40px;
+	padding-bottom: 30px;
+        height: 130px;
+}
+
+#All #backgroundBox h1 {
+	visibility: hidden;
 }
 
 
 #specialHome div.rightPart h1,
 div.focus {
-	color: #0000ff;
+	color: #5f2167;
 }
 
 h1.top#frequence {
-	color: #ff6600;
+	color: #E1D555;
 }
 
 /****************************************************/
@@ -545,7 +540,7 @@ h1.top#frequence {
 /*#Home #player{   float: left; } */
 
 #player-container,
-   #player-container *{border-color:#ff6600 !important;color:#ff6600 !important;}
+   #player-container *{border-color:#E1D555 !important;color:#E1D555 !important;}
 
 #player-container .metas, #player-container img{border-color:#fff;}
 #player-container .padded{padding:0.3em;}
@@ -672,7 +667,13 @@ h1.top#frequence {
 }
 
 @media screen and (max-width: 760px) {
-
+        #backgroundBox {
+                background-position: 50% 20px;
+                background-size: 130px;
+        }
+        #All h1.top#radiopanik {
+                height: 80px;
+        }
 	#Player{
         margin-top:1em;
     }
@@ -728,7 +729,7 @@ h1.top#frequence {
 	padding: 0.3em;
 	font-size:0.9em;
 	color:black;
-	background-color:orange;
+	background-color:#E1D555;
 	border: 2px solid black;
 	background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
 }
@@ -742,7 +743,7 @@ h1.top#frequence {
 	color:white;
 }
 #userLog .log.error{
-	background-color:orange;
+	background-color:#E1D555;
 	border-color:yellow;
 }
 #main {}
@@ -1003,7 +1004,7 @@ div.extra-soundfiles ul strong {
 	padding: 1em;
 }
 .newsRoll a, .newsRoll button img{
-    border:2px solid #0000ff;
+    border:3px solid #5f2167;
 }
 
 .newsRoll .by3 button {
@@ -1018,7 +1019,7 @@ div.extra-soundfiles ul strong {
 .special .labels .item,
 .newsRoll .labels .item{
 	display:block;
-	background: #0000ff;
+	background: #5f2167;
 	color:white;
 	margin:0.1em;
 	font-size:0.9em;
@@ -1038,10 +1039,10 @@ div.extra-soundfiles ul strong {
 .logo img{
 	display:block;
 	border-style:solid;
-	border-width:2px;
+	border-width:3px;
 }
 ul.newsSpecial{
-	border-bottom:2px solid #ccc;
+	border-bottom:3px solid #ccc;
 }
 @media only screen and (max-width: 970px) {
 	.columns {column-count: 1;	-webkit-column-count: 1;	-moz-column-count: 1;}
@@ -1453,7 +1454,7 @@ div.userContent a.tag { text-decoration: none; }
 
 	#player-container { width:100%;left:0;border-width: 2px 0 0 0;border-style:solid;}
 	#player-container{
-		background:white 0% 50% no-repeat url('../img/logoPanikBW.png');
+		background: white;
 	}
 	#player-container{
 		z-index:500;
@@ -1515,14 +1516,14 @@ h3.episode-subtitle {
 }
 
 .waveform span.done.current + span {
-	background: #FF771C;
+	background: #E1D555;
 }
 
 .waveform i.duration {
 	position: absolute;
 	right: 4px;
 	bottom: 4px;
-	color: #FF771C;;
+	color: #E1D555;
 	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 	font-style: normal;
 	font-weight: bold;
@@ -1781,7 +1782,7 @@ div#dialog-embed #close-button {
 body#embed {
 	min-height: auto !important;
 	margin: 0;
-	background: white 0 10px no-repeat url(../img/logoPanikBW.png);
+	background: white;
 }
 
 body#embed #Main {

panikweb_templates/templates/base.html

@@ -45,8 +45,7 @@
             <div class="wrapper sided" >
                 <div id="backgroundBox" class="cf">
 				<a href="{% url 'home' %}" id="mainHeader"><div>
-					<h1 class="top" id="frequence" class="inBlock">105.4 FM</h1>
-					<h1 class="top" id="radiopanik">Radio Panik</h1>
+					<h1 class="top" id="radiopanik">Radio Panik - 105.4 FM</h1>
 				</div></a>
 			        <div id="Player" class="withoutPlaylist">
 				        {% block listen %}{% player %}{% endblock %}