Commit 48cfe137 authored by fred's avatar fred

style: use scss variables for colours

parent 7194c3c0
/* COLORS
/* COLORS */
@black: #000000;
@orange: #CFBE00; -- highlight & stuff
@blue: #5f2167; -- focus & stuff
@white: #FFFFFF;
*/
$black: #000000;
$white: #FFFFFF;
$primary: #CFBE00;
$secondary: #5F2167;
/****************************************************/
/* FONTS */
......@@ -64,7 +63,7 @@
}
h5.focus-title {
color: #5f2167;
color: $secondary;
}
.rightPart #search-form {
......@@ -312,7 +311,7 @@ body{
/**** Commons ****/
/****************************************************/
.audio button {color:#CFBE00 !important;}
.audio button {color:$primary !important;}
/****************************************************/
/**** HEADER ****/
/****************************************************/
......@@ -474,7 +473,7 @@ body{
}
#backgroundBox h1 {
color: #CFBE00 !important;
color: $primary !important;
}
#All h1.top#radiopanik {
......@@ -491,11 +490,11 @@ body{
#specialHome div.rightPart h1,
div.focus {
color: #5f2167;
color: $secondary;
}
h1.top#frequence {
color: #CFBE00;
color: $primary;
}
/****************************************************/
......@@ -566,7 +565,7 @@ h1.top#frequence {
/*#Home #player{ float: left; } */
#player-container,
#player-container *{border-color:#CFBE00 !important;color:#CFBE00 !important;}
#player-container *{border-color:$primary !important;color:$primary !important;}
#player-container .metas, #player-container img{border-color:#fff;}
#player-container .padded{padding:0.3em;}
......@@ -756,7 +755,7 @@ h1.top#frequence {
padding: 0.3em;
font-size:0.9em;
color:black;
background-color:#CFBE00;
background-color:$primary;
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);
}
......@@ -770,7 +769,7 @@ h1.top#frequence {
color:white;
}
#userLog .log.error{
background-color:#CFBE00;
background-color:$primary;
border-color:yellow;
}
#main {}
......@@ -1031,7 +1030,7 @@ div.extra-soundfiles ul strong {
padding: 1em;
}
.newsRoll a, .newsRoll button img{
border:3px solid #5f2167;
border:3px solid $secondary;
}
.newsRoll .by3 button {
......@@ -1046,7 +1045,7 @@ div.extra-soundfiles ul strong {
.special .labels .item,
.newsRoll .labels .item{
display:block;
background: #5f2167;
background: $secondary;
color:white;
margin:0.1em;
font-size:0.9em;
......@@ -1481,7 +1480,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: #CFBE00;
background: $primary;
}
#player-container * {color: white !important; }
#player-container{
......@@ -1544,14 +1543,14 @@ h3.episode-subtitle {
}
.waveform span.done.current + span {
background: #CFBE00;
background: $primary;
}
.waveform i.duration {
position: absolute;
right: 4px;
bottom: 4px;
color: #CFBE00;
color: $primary;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-style: normal;
font-weight: bold;
......
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