Commit 4626844c authored by fred's avatar fred

general: new logo & colours

parent edebf860
/* 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 {
......
......@@ -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 %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment