-/* COLORS
+/* COLORS */
-@black: #000000;
-@orange: #CFBE00; -- highlight & stuff
-@blue: #5f2167; -- focus & stuff
-@white: #FFFFFF;
- */
+$black: #000000;
+$white: #FFFFFF;
+$primary: #CFBE00;
+$secondary: #5F2167;
/****************************************************/
/* FONTS */
}
h5.focus-title {
- color: #5f2167;
+ color: $secondary;
}
.rightPart #search-form {
/**** Commons ****/
/****************************************************/
-.audio button {color:#CFBE00 !important;}
+.audio button {color:$primary !important;}
/****************************************************/
/**** HEADER ****/
/****************************************************/
}
#backgroundBox h1 {
- color: #CFBE00 !important;
+ color: $primary !important;
}
#All h1.top#radiopanik {
#specialHome div.rightPart h1,
div.focus {
- color: #5f2167;
+ color: $secondary;
}
h1.top#frequence {
- color: #CFBE00;
+ color: $primary;
}
/****************************************************/
/*#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;}
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);
}
color:white;
}
#userLog .log.error{
- background-color:#CFBE00;
+ background-color:$primary;
border-color:yellow;
}
#main {}
padding: 1em;
}
.newsRoll a, .newsRoll button img{
- border:3px solid #5f2167;
+ border:3px solid $secondary;
}
.newsRoll .by3 button {
.special .labels .item,
.newsRoll .labels .item{
display:block;
- background: #5f2167;
+ background: $secondary;
color:white;
margin:0.1em;
font-size:0.9em;
#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{
}
.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;