_specifics.scss 33.2 KB
Newer Older
fred's avatar
fred committed
1
/* COLORS */
Simon Daron's avatar
Simon Daron committed
2

fred's avatar
fred committed
3
4
$black: #000000;
$white: #FFFFFF;
5
6
$primary: #FF7E83;
$secondary: #0062CB;
fred's avatar
fred committed
7

Simon Daron's avatar
Simon Daron committed
8
/****************************************************/
Simon Daron's avatar
Simon Daron committed
9
/* FONTS */
10

11
.resymbol:hover,.control:hover{    opacity:0.5;    }
12
.date, .dateBloc {
Simon Daron's avatar
Simon Daron committed
13
14
	font-family: "Reglo";
	text-transform: uppercase;
Simon Daron's avatar
Simon Daron committed
15
}
16
17
18
.inline .date, .resume .date{
	text-align: center;
}
19
.dateBloc{width:4em;
20
21
	text-align: center;}
.dateBloc{display:inline-block;}
Simon Daron's avatar
Simon Daron committed
22
.dateBloc *{line-height: 100%;}
Simon Daron's avatar
Simon Daron committed
23
24
.dateBloc  .day {font-size: 1.8em;}
.dateBloc .number {font-size: 1.8em;}
Simon Daron's avatar
Simon Daron committed
25
.dateBloc  .month {font-size: 0.8em;}
Simon Daron's avatar
Simon Daron committed
26
.dateBloc .time {font-size: 1.2em;margin: 0.2em 0;}
Simon Daron's avatar
Simon Daron committed
27

28
.dateBloc.small{
29
	font-size: 80%;
30
}
31

32
33
34
35
36
37
.date.smooth {
	text-transform: none;
	font-size: 100%;
	font-family: RegloNormal;
}

Simon Daron's avatar
Simon Daron committed
38
39
40
41
.tabs .ui-tabs-nav {
    font-family: "Reglo";
    text-transform: uppercase;
}
42
.legend{
43
	font-family: "Reglo";
44
45
46
47
48
	font-size:1.2em;
	border-bottom:3px solid black;
	padding: 0.2em 0 0.2em 0;
	margin: 0.2em 0 0.2em 0;
}
Simon Daron's avatar
Simon Daron committed
49
#Main .sectionLabel{
Simon Daron's avatar
Simon Daron committed
50
51
	margin-bottom:1em;
}
Simon Daron's avatar
Simon Daron committed
52

Simon Daron's avatar
Simon Daron committed
53
.sectionLabel, .label {
Simon Daron's avatar
Simon Daron committed
54
55
56
    text-transform: uppercase;
    font-family: "Reglo";
    font-size:1.3em;
57
}
58
59
60
61
62
63
64

.rightPart .right.sectionLabel {
	text-transform: none;
	border-bottom: 1px solid black;
	padding-bottom: 3px;
}

fred's avatar
fred committed
65
h5.focus-title {
fred's avatar
fred committed
66
	color: $secondary;
fred's avatar
fred committed
67
68
}

69
70
71
72
73
.rightPart #search-form {
	text-align: right;
	margin-bottom: 2em;
}

74
.label.relative{
Simon Daron's avatar
Simon Daron committed
75
76
77
78
79
80
81
    background-color:black;
    position: absolute;
    left:10px;
    top:-5px;
    color:white;
    padding:5px 7px 0px 7px;
}
Simon Daron's avatar
Simon Daron committed
82

83
84
85
86
87
88
89
90
#RefreshWhatsOnAir {
	opacity: 0.2;
}

#RefreshWhatsOnAir.spinning {
	opacity: 0.8;
}

Simon Daron's avatar
Simon Daron committed
91
92
93
/****************************************************/
/* WRAPPER */
/****************************************************/
fred's avatar
fred committed
94
.wrapper {max-width: 1560px; padding:0 1%;}
Simon Daron's avatar
Simon Daron committed
95
.wrapper.text {max-width: 780px; margin:auto;}
96
.wrapper .rightPart{margin-top:1em;}
Simon Daron's avatar
Simon Daron committed
97

98
@media screen and (min-width: 760px) {
99
100
101
102
103
	#player-container.fixed {
		position: fixed;
		top: 50px;
		width: calc(0% + 235px);
	}
104
105
106
	.wrapper .rightPart{
        margin-top:0;
	}
Simon Daron's avatar
Simon Daron committed
107
	.wrapper.sided .leftPart,
108
	.wrapper.sided .rightPart{
Simon Daron's avatar
Simon Daron committed
109
110
		width:45%;
	}
111
112
113
114
	.wrapper.navigation .leftPart{
		width:60%;
	}
	.wrapper.navigation .rightPart{
115
		width:35%;
116
117
	}
	.wrapper .leftPart{
Simon Daron's avatar
Simon Daron committed
118
119
		float:left;
	}
120
	.wrapper .rightPart{
Simon Daron's avatar
Simon Daron committed
121
122
		float:right;
	}
123
124
125
	#specialHome {
		padding-left: 0;
	}
126
    /*
127
128
	#specialHome .leftPart,
	#specialHome .rightPart {
129
130
		width: 100%;
	}
131
    */
fred's avatar
fred committed
132
	p.intro {
133
134
		padding-top: 0px;
		padding-bottom: 40px;
fred's avatar
fred committed
135
	}
136
137
138
}


139
140
141
142
143
144
145
146
147
button.control, button.symbol{background:transparent;border:none;margin:0;padding:0;}
nav.menu{
	width:100%;
	text-align: justify;
	text-justify: distribute-all-lines;
}
nav.menu li{
	display: inline-block;
	margin-right:2em;
Simon Daron's avatar
Simon Daron committed
148
149
}

Simon Daron's avatar
Simon Daron committed
150
button.tag, a.tag{
Simon Daron's avatar
Simon Daron committed
151
152
	font-size:0.9em;
	background:white;
153
	font-family: "RegloBold";
Simon Daron's avatar
Simon Daron committed
154
	text-transform: uppercase;
155
	display:inline-block;
Simon Daron's avatar
Simon Daron committed
156
	border: 1px solid #CCC !important;
Simon Daron's avatar
Simon Daron committed
157
	color:#342E2E;
Simon Daron's avatar
Simon Daron committed
158
159
160
161
162
	margin: 0.2em;
	padding: 0.3em;
	border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
Simon Daron's avatar
Simon Daron committed
163
}
Simon Daron's avatar
Simon Daron committed
164
button.check, a.check {
Simon Daron's avatar
Simon Daron committed
165
166
167
168
	font-size:0.9em;
	text-transform: none;
	display:inline-block;
	margin: 0.2em;
Simon Daron's avatar
Simon Daron committed
169
	padding: 0.3em;
Simon Daron's avatar
Simon Daron committed
170
}
fred's avatar
fred committed
171

Simon Daron's avatar
Simon Daron committed
172
173
174
175
.category{
	font-family: "RegloBold";
	text-transform: uppercase;
}
Simon Daron's avatar
Simon Daron committed
176
button.check:before, a.check:before {
Simon Daron's avatar
Simon Daron committed
177
178
179
	display:inline-block;
	width:1.5em;
}
180
181
182
183
184
185
186
187
.box{
	padding:0.2em 0.5em 0.2em 0.5em;
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	background:#222;
	color:#fff;
}
188
.ui-tooltip {
189
	border:1px solid white;
190
191
192
193
194
195
196
	position:absolute;
	margin:0;	
	padding: 0.5em;
	background:#222;
	color: white;
	z-index: 9999;
	max-width: 50%;
197
198
199
	background: white;
	color: #222;
	border-color: #222;
200
}
Simon Daron's avatar
Simon Daron committed
201
202
/****************************************************/
/**** BODY ****/
Simon Daron's avatar
Simon Daron committed
203
204
/****************************************************/
body{
205
	background: white;
206
	color: #333;
207
}
Simon Daron's avatar
Simon Daron committed
208
209
210
211
/****************************************************/
/**** metaNAV ****/
/****************************************************/

Simon Daron's avatar
Simon Daron committed
212
#metaNav {
213
214
	color: #e8e8e8;
	background-color: #3a3a3a;
Simon Daron's avatar
Simon Daron committed
215
	position:fixed;
laron's avatar
laron committed
216
	z-index:1000;
Simon Daron's avatar
Simon Daron committed
217
218
	top:0px;
	width:100%;
fred's avatar
fred committed
219
	font-size: 90%;
Simon Daron's avatar
Simon Daron committed
220
}
Simon Daron's avatar
Simon Daron committed
221
222
#metaNav ul{
}
Simon Daron's avatar
Simon Daron committed
223
#metaNav ul li{
224
225
	float: left;
	padding: 0 1em;
Simon Daron's avatar
Simon Daron committed
226
227
228
229
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
230
231
232
233
234

#metaNav ul li#nav-search {
	float: right;
}

Simon Daron's avatar
Simon Daron committed
235
#metaNav ul li a{
Simon Daron's avatar
Simon Daron committed
236
237
	height: 2em;
	display:block;
Simon Daron's avatar
Simon Daron committed
238
}
239

fred's avatar
fred committed
240
241
242
243
244
245
246
247
248
249
#metaNav ul li#nav-language span {
	cursor: pointer;
	padding:0.4em 0 0.5em 0;
	display: inline-block;
}

#metaNav ul li#nav-language span.lang-on {
	color: white;
}

250
#metaNav ul li a span{
Simon Daron's avatar
Simon Daron committed
251
    padding:0.4em 0 0.5em 0;
252
253
	display:inline-block;
}
254

255
256
257
#metaNav ul li a span.nav-icon {
}

Simon Daron's avatar
Simon Daron committed
258
259
260
261
#metaNav a:focus, #metaNav a:hover{
    opacity:0.8;
}
#metaNav ul li.active, #metaNav ul li.active a{
262
	color: white;
263
}
264
265
266
267

#metaNav ul li.active span.iconLabel {
}

fred's avatar
fred committed
268
269
270
271
272
#metaNav li#nav-search a {
	display: inline;
}

#metaNav form {
fred's avatar
fred committed
273
274
	display: inline-block;
	padding-top: 0.2em;
fred's avatar
fred committed
275
276
277
278
}

#metaNav input {
	border: 1px solid #ececec;
fred's avatar
fred committed
279
	width: 10em;
fred's avatar
fred committed
280
281
}

fred's avatar
fred committed
282
283
284
285
.icon-rss {
	color: orange;
}

286
@media screen and (max-width:760px){
287
	#bg-title { display: none; }
Simon Daron's avatar
Simon Daron committed
288
	#metaNav .iconLabel {display:none;}
289
	#metaNav ul li a span.nav-icon { display: inline-block; }
290
291
292
293
294
295
	#metaNav ul li {
		padding: 0;
	}
	#metaNav ul li a {
		padding: 0 1em;
	}
fred's avatar
fred committed
296
297
298
	#metaNav form {
		display: none;
	}
299
300
301
	#metaNav ul li#nav-language {
		padding: 0.2em 0 0 1em;
	}
302
303
304
	div#Changing {
		margin: 0 5px;
	}
305
306
307
308
309
310
311
312
}
@media screen and (max-width:400px){
	#metaNav ul li#nav-language {
		padding: 0.2em 0 0 1ex;
	}
	#metaNav ul li a {
		padding: 0 1ex;
	}
Simon Daron's avatar
Simon Daron committed
313
}
314
315
316
317
318

/****************************************************/
/**** Commons ****/
/****************************************************/

fred's avatar
fred committed
319
.audio button {color:$primary !important;}
320
321
322
/****************************************************/
/**** HEADER ****/
/****************************************************/
Simon Daron's avatar
Simon Daron committed
323

Simon Daron's avatar
Simon Daron committed
324
/* PANIK LOGO */
325
#Commons{
326
327
	position: relative;
	z-index: 5;
328
}
329
#Commons .wrapper{
Simon Daron's avatar
Simon Daron committed
330
}
331
#mainHeader {
Simon Daron's avatar
Simon Daron committed
332
	padding-bottom:1em;
333
334
335
}
#mainHeader {
    font-size:70%;
336
337
338
339
}
#mainHeader *{color:black !important;line-height:1em;}
#mainHeader #radioPanik{}

Simon Daron's avatar
Simon Daron committed
340
#Panik img{display:block;margin:auto;max-height:200px;}
341
#mainHeader h1{
Simon Daron's avatar
Simon Daron committed
342
	padding-left:75px;
343
344
345
}
#player-container #player{
    padding:0 0 0 0;
346
    min-width: 240px;
347
}
Simon Daron's avatar
Simon Daron committed
348

349
350
351
#Changing h1.top a:hover {
	opacity: 1.0;
}
352

353
@media screen and (max-width: 760px) {
354
355
	#All h1.top {
		font-size: 60px;
356
357
358
		padding: 0;
		padding-top: 10px;
		text-align: center;
359
360
361
362
	}
	#specialHome .leftPart h1.top {
		display: none;
	}
363
364
365
366
	#specialHome .leftPart h2 {
		padding-top: 10px;
		text-align: center;
	}
367
}
368

369
@media screen and (min-width: 760px) {
370
371
372
	#Commons {
		float: left;
		width: 20%;
fred's avatar
fred committed
373
374
		width: -webkit-calc(0% + 240px);
		width: -moz-calc(0% + 240px);
375
		width: calc(0% + 240px);
376
377
	}
	#Changing {
378
		position: relative;
379
380
		float: right;
		width: 78%;
fred's avatar
fred committed
381
382
		width: -webkit-calc(100% - 280px);
		width: -moz-calc(100% - 280px);
383
		width: calc(100% - 280px);
384
385
386
	}
	#All h1.top {
		font-size: 120px;
387
		font-family: RegloScale;
388
389
		text-transform: uppercase;
		padding-left: 0;
390
		padding-top: 40px;
fred's avatar
fred committed
391
		padding-bottom: 0;
392
393
	}

fred's avatar
fred committed
394
395
396
397
398
399
400
	#metaNav {
		padding-top: 2px;
	}
	#metaNav .nav-icon {
		display: none !important;
	}

401
402
403
404
	ul#ticker {
		margin-bottom: 10px;
	}

fred's avatar
fred committed
405
	#News div.mainSub,
406
407
408
	#About div.mainSub,
	#Emissions div.mainSub {
		position: absolute;
409
		top: 50px;
410
		left: 320px;
411
		width: 60%;
412
		width: calc(98% - 320px);
413
414
	}

fred's avatar
fred committed
415
	#News div.mainSub ul,
416
417
418
419
420
421
422
	#About div.mainSub ul,
	#Emissions div.mainSub ul {
		padding: 0;
		font-family: Reglo;
		font-weight: normal;
	}

fred's avatar
fred committed
423
	#News div.mainSub ul li,
424
425
426
427
	#About div.mainSub ul li,
	#Emissions div.mainSub ul li {
	}

fred's avatar
fred committed
428
429
430
431
432
433
434
435
	#News .news.wrapper {
		padding: 0;
	}

	#News .news.wrapper li a {
		margin-left: 0;
		padding-left: 0;
	}
436
437
438
439
440
441

	#Nav header.marged,
	#Main > .marged {
		margin: 0;
	}

442
	#Related .wrapper,
443
	#Main > .wrapper,
444
	#Main > .soundfiles > .wrapper,
fred's avatar
fred committed
445
	#Main > .news > .wrapper,
446
447
448
449
450
451
452
453
	#Nav > .wrapper {
		padding-left: 0;
	}

	#All #Nav nav ul {
		margin-top: 0;
	}

454
	#Related .padded,
455
456
457
458
459
	div.program.padded {
		padding-top: 0;
		padding-left: 0;
	}

fred's avatar
fred committed
460
461
462
463
	div.program.padded {
		padding-top: 1.5em;
	}

464
465
466
467
468
	#fiber-content h2.title {
		margin-top: 0;
		padding-top: 0;
	}

469
}
470

471
#backgroundBox {
472
	background: transparent center 40px no-repeat url(../img/Radio_Panik_Logo_2016-01.png);
473
}
474

475
476
477
478
479
480
481
#All #backgroundBox h1.top {
	font-size: 50px;
	padding-left: 10px;
	width: 200%;
}

#backgroundBox h1 {
fred's avatar
fred committed
482
	color: $primary !important;
483
484
}

485
486
487
#All h1.top#radiopanik {
	padding-top: 0;
	color: black !important;
fred's avatar
fred committed
488
489
490
491
492
493
	padding-bottom: 30px;
        height: 130px;
}

#All #backgroundBox h1 {
	visibility: hidden;
494
495
496
}


497
#specialHome div.rightPart h1,
498
div.focus {
fred's avatar
fred committed
499
	color: $secondary;
500
501
}

502
h1.top#frequence {
fred's avatar
fred committed
503
	color: $primary;
504
505
}

Simon Daron's avatar
Simon Daron committed
506
507
/****************************************************/
/****  SCREEN NAV ****/
Simon Daron's avatar
Simon Daron committed
508
#Nav nav{padding:0.1em;}
509

Simon Daron's avatar
Simon Daron committed
510
#Nav input{color:#333;}
511
512
513
514
515
516
517
#Nav ul li button,
#Nav ul li a {
	border-width:0 0 2px 0;
	border-style: solid;
	border-color: transparent;
}

518
#Nav .current,
Simon Daron's avatar
Simon Daron committed
519
#Nav .active,#Nav .icon-check,#Nav .active *{
fred's avatar
fred committed
520
	font-weight: normal;
521
522
}

fred's avatar
fred committed
523
#Nav .selected a,
524
525
#Nav ul li.current a, #Nav ul a.active, #Nav button.active {
	border-color: #333;
Simon Daron's avatar
Simon Daron committed
526
}
Simon Daron's avatar
Simon Daron committed
527

Simon Daron's avatar
Simon Daron committed
528
529
#Nav nav{
	margin:0;
Simon Daron's avatar
Simon Daron committed
530
}
531
532

#specialHome h2,
Simon Daron's avatar
Simon Daron committed
533
534
#Nav h2{
	margin:0;
535
	padding:0;
Simon Daron's avatar
Simon Daron committed
536
537
538
539
540
}
#Nav nav ul{
	margin:1em 0 1em 0;
}

541
542
543
544
#Nav li {
	padding-right: 1em;
}

Simon Daron's avatar
Simon Daron committed
545
546
547
#Nav li a{
	display: inline-block;
}
Simon Daron's avatar
Simon Daron committed
548
#Nav nav ul.distributed li {padding: 0;}
Simon Daron's avatar
Simon Daron committed
549

Simon Daron's avatar
Simon Daron committed
550
551
#fiber-nav{
    font-size:150%;
Simon Daron's avatar
Simon Daron committed
552
	border-width:0 0 2px 0;border-style:solid;
Simon Daron's avatar
Simon Daron committed
553
554
555
556
557
558
559
560
561
562
}
#fiber-nav li, #fiber-nav li a{
	display:block;
}
#fiber-nav ul{
	padding:0.5em;
}
#fiber-nav li a{
	padding:0.5em;
}
563
564
#fiber-nav .selected > a,
#fiber-nav .current {
565
566
    font-weight:bold;
}
Simon Daron's avatar
Simon Daron committed
567

Simon Daron's avatar
Simon Daron committed
568
569
/****************************************************/
/**** PLAYER ****/
Simon Daron's avatar
Simon Daron committed
570
/****************************************************/
laron's avatar
laron committed
571
/*#Home #player{   float: left; } */
572
573

#player-container,
fred's avatar
fred committed
574
   #player-container *{border-color:$primary !important;color:$primary !important;}
575

576
#player-container .metas, #player-container img{border-color:#fff;}
577
#player-container .padded{padding:0.3em;}
Simon Daron's avatar
Simon Daron committed
578

Simon Daron's avatar
Simon Daron committed
579
#player-container button,#player-container a{
Simon Daron's avatar
Simon Daron committed
580
581
}
#player-container .metas{
582
    float:right;
Simon Daron's avatar
Simon Daron committed
583
}
Simon Daron's avatar
Simon Daron committed
584
585
586
#DirectStreamPanikControler {
	display:inline !important;
}
fred's avatar
fred committed
587
#chatSymbol,
Simon Daron's avatar
Simon Daron committed
588
#streamSymbol{
Simon Daron's avatar
Simon Daron committed
589
	font-size:3em;
Simon Daron's avatar
Simon Daron committed
590
591
	float:left;
	margin-right:5px;
592
593
	position: relative;
	z-index: 10;
594
	top: -6px;
Simon Daron's avatar
Simon Daron committed
595
}
Simon Daron's avatar
Simon Daron committed
596
#CurrentlyPlaying{
Simon Daron's avatar
Simon Daron committed
597
598
	padding:0 0 0 0;
}
599
600
601

#Player.withPlaylist #player-container #Playlist{
	border-top:2px solid black;
602
}
603
#Player.withPlaylist #player-container #Playlist{
604
605
606
607
	margin-top: 1em;
	padding-top: 1em;
}

608
#player-container #myPlaylist {
609
610
611
612
613
	clear: both;
	padding: 1em 0 0 0;
	height: auto;
}

614
#player-container #myPlaylist a {
615
616
617
618
619
	margin-right: 30px;
	white-space: normal;
	padding-bottom: 1ex;
}

620
621
622
623
624
625
626
627
628
629
#player-container.minimized{
	width:auto;
	border-width:0px 2px 2px 0 !important;
	border-bottom-right-radius:1em;
	-moz-border-bottom-right-radius:1em;
	-webkit-border-bottom-right-radius:1em;
}
#player-container.minimized #player{
	padding:0;
}
Simon Daron's avatar
Simon Daron committed
630

631
/*Playlist*/
632

633
#Playlist #playlistLabel{
634
635
636
	float:right;

}
637
638
639
#Playlist .playListControls{	
}
#Playlist .playListControls button{	
640
	margin-right:0.5em;
641
	display:inline-block;
642
}
643
#Playlist .playListControls .playPause{
Simon Daron's avatar
Simon Daron committed
644
	font-size:3em;
645
	margin-right:5px;
646
	float:left;
647
648
	position: relative;
	top: -8px;
649
650
}

651
#Playlist .playing .icon-pause{
652
653
654
655
656
   -webkit-animation: loading 1s infinite linear;
   -moz-animation: loading 1s infinite linear;
   -o-animation: loading 1s infinite linear;
   animation: loading 1s infinite linear;
}
657
#Playlist .playlistControls button,#Playlist .playlistControls .button{
658
	margin:0 0.1em 0 0.1em;
659
}
660
661
662
#Playlist li{
	clear:right;
}
Simon Daron's avatar
Simon Daron committed
663
#Playlist .soundControls button{}
664
665

#player-container #Playlist ol{
666
	clear:right;
fred's avatar
fred committed
667
668
	padding:0;
	margin-left: 50px;
669
670
}
#player-container #Playlist ol li{
Simon Daron's avatar
Simon Daron committed
671
	line-height:1.3em;
672
673
	padding:0;
	margin:0;
674
}
675
676
677
678
679
680
#Playlist ol li .soundControls{
	line-height:1.5em;
	height:1.5em;
	clear:right;
	float:right;
}
681
#Playlist ol li .title{
682
683
	margin-right:70px;
	display:block;
684
685
686
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
687
}
Simon Daron's avatar
Simon Daron committed
688
#player .active{
689
	text-transform:uppercase;
Simon Daron's avatar
Simon Daron committed
690
691
692
693
694
	font-weight:bold;
}
/*limit height of playlist*/
#player #CurrentlyPlaying,
 #player-container #Playlist ol{
Simon Daron's avatar
Simon Daron committed
695
	opacity:0.9;
Simon Daron's avatar
Simon Daron committed
696
	padding-top:0.2em;
697
	height:auto;
698
	overflow: hidden;
699
}
Simon Daron's avatar
Simon Daron committed
700

701
@media screen and (max-width: 760px) {
fred's avatar
fred committed
702
        #backgroundBox {
fred's avatar
fred committed
703
                background-position: center 30px;
fred's avatar
fred committed
704
705
706
707
708
                background-size: 130px;
        }
        #All h1.top#radiopanik {
                height: 80px;
        }
709
	#Player{
Simon Daron's avatar
Simon Daron committed
710
        margin-top:1em;
711
    }
Simon Daron's avatar
Simon Daron committed
712
713
714
	#Player.withPlaylist #player-container #audioPlayer,
	  #Player.withPlaylist #player-container #audioPlayer,
	   #Player.withPlaylist #player-container #Playlist{
Simon Daron's avatar
Simon Daron committed
715
716
		float:none !important;
		width:auto !important;
717
        border-right:none !important;
Simon Daron's avatar
Simon Daron committed
718
719
		max-width:auto !important;
	}
720

fred's avatar
fred committed
721
722
723
724
	#player.on-chat-page {
		display: none;
	}

725
726
727
728
729
730
731
	div.chat-page .rightPart {
		font-size: 95%;
		margin-top: 4em;
		padding-top: 1em;
		border-top: 1px solid #777;
	}

Simon Daron's avatar
Simon Daron committed
732
}
Simon Daron's avatar
Simon Daron committed
733

Simon Daron's avatar
Simon Daron committed
734
735
736
737
/****************************************************/
/**** #Changing #Footer ... ****/
/****************************************************/
#Changing{
738
739
740
	display: flex;
	flex-direction: column;
	min-height: 97vh;
Simon Daron's avatar
Simon Daron committed
741
}
742

Simon Daron's avatar
Simon Daron committed
743
#Main{
744
	flex-grow: 1;
Simon Daron's avatar
Simon Daron committed
745
	color:#333;
746
747
	position: relative;
	z-index: 1;
Simon Daron's avatar
Simon Daron committed
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
}
#Main >.wrapper{
	padding-bottom:2em;
}
#Home #Main{
	min-height:0;
}
#Changing a:hover,#Changing button:hover {
	opacity:0.6;
	text-decoration:none;
}
/* GLOBAL SITE NAV */
#userLog{
	z-index:2000;
	position: fixed;
	bottom: 0px;
	right: 0px;
}
#userLog .log{
	margin:0.3em;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
	border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;
	text-align:center;
	padding: 0.3em;
	font-size:0.9em;
	color:black;
fred's avatar
fred committed
776
	background-color:$primary;
Simon Daron's avatar
Simon Daron committed
777
778
779
780
781
782
783
784
785
786
787
788
789
	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);
}
#userLog .log.info{
	background-color:grey;
	color:white;
}
#userLog .log.ok{
	background-color:green;
	border-color:black;
	color:white;
}
#userLog .log.error{
fred's avatar
fred committed
790
	background-color:$primary;
Simon Daron's avatar
Simon Daron committed
791
792
793
794
795
796
797
798
799
800
801
802
803
	border-color:yellow;
}
#main {}
#mainLegend{
	width:30%;
	text-align:right;
	float:right;
	padding:1em;
}

#Footer{
	border-top:2px solid #333;
	padding-top: 2em;
804
	padding-bottom: 80px;
805
806
	position: relative;
	z-index: 3;
Simon Daron's avatar
Simon Daron committed
807
808
809
810
811
812
813
814
815
816
817
818
819
}

#Footer ul {
}

#Footer ul li {
	padding-right: 2em;
}

#Footer a:hover {
	opacity:0.6;
}

Simon Daron's avatar
Simon Daron committed
820

Simon Daron's avatar
Simon Daron committed
821
/****************************************************/
Simon Daron's avatar
Simon Daron committed
822
.inline .link{display:block;padding:1em;}
laron's avatar
laron committed
823
/**** Liste   ****/
Simon Daron's avatar
Simon Daron committed
824
/**** EMISSIONS ****/
825
#Emission .emission-detail .title{}
Simon Daron's avatar
Simon Daron committed
826
/*
Simon Daron's avatar
Simon Daron committed
827
*/
Simon Daron's avatar
Simon Daron committed
828
829
830
#Emission-tabs-menu .sub{
	margin-bottom:1em;
}
Simon Daron's avatar
Simon Daron committed
831
/**** Detail	****/
Simon Daron's avatar
Simon Daron committed
832
833
.emission-detail .metas{
	line-height:1.5em;
834
	float: left;
835
	width: 49%;
836
	margin-top: 0;
Simon Daron's avatar
Simon Daron committed
837
}
838
839
840
841
842
843
844

.emission-detail h4.subtitle {
	margin-top: 1em;
	font-weight: normal;
	font-family: 'Reglo';
	text-transform: none;
	float: left;
Simon Daron's avatar
Simon Daron committed
845
}
846
847
848
849
850
851

.emission-detail ul.schedule {
	margin-top: 0;
	margin-bottom: 1em;
 }

fred's avatar
fred committed
852
853
854
855
.emission-detail ul.schedule .weekdiff {
	font-size: 80%;
}

856
857
858
859
.emission-detail article {
	clear: both;
}

Simon Daron's avatar
Simon Daron committed
860
.emission-detail .logo{
Simon Daron's avatar
Simon Daron committed
861
	float:right;
862
863
	width: 50%;
	margin-bottom: 1ex;
Simon Daron's avatar
Simon Daron committed
864
}
Simon Daron's avatar
Simon Daron committed
865
866
867
868
869
870
871
872
873
874
875
876
@media screen and (max-width: 300px) {
	.emission-detail .metas {
		float: none;
		width: auto;
		margin: 0;
	}
	.emission-detail .logo{max-width:100%;}
}
.emission .mainHeader {
    overflow: hidden;
    margin-bottom:1.5em;
}
fred's avatar
fred committed
877
878
879
880
881

.emission .contacts {
	clear: both;
}

Simon Daron's avatar
Simon Daron committed
882
/**** Inline	****/
Simon Daron's avatar
Simon Daron committed
883
.emission.inline, .emission.resume {
Simon Daron's avatar
Simon Daron committed
884
	padding:1em 0 1em 0;
Simon Daron's avatar
Simon Daron committed
885
886
}

Simon Daron's avatar
Simon Daron committed
887
.emission.inline div.date {
Simon Daron's avatar
Simon Daron committed
888
889
890
891
892
893
	min-height: 3em;
	text-align: center;
	display:inline-block;
	float:left;
	margin-right:1em;
}
Simon Daron's avatar
Simon Daron committed
894
895
.emission .archived {
	opacity:0.6;
Simon Daron's avatar
Simon Daron committed
896
897
}

fred's avatar
fred committed
898
.emission .link .description {
Simon Daron's avatar
Simon Daron committed
899
900
901
902
903
904
	margin: 0px 0 5px 0;
	font-family: "RegloMedium";
}


/**** EPISODE ****/
905
/**** Detail  ****/
Simon Daron's avatar
Simon Daron committed
906
907
908

.episode .tag{
}
Simon Daron's avatar
Simon Daron committed
909
.episode.resume, .episode.inline{
Simon Daron's avatar
Simon Daron committed
910
911
912
913
	padding:1em 0.5em 1em;
}
.episode.inline .dateBloc, .episode.resume .dateBloc{
	float:left;
Simon Daron's avatar
Simon Daron committed
914
}
Simon Daron's avatar
Simon Daron committed
915
.episode.resume img {
Simon Daron's avatar
Simon Daron committed
916
917
918
	border: 2px solid black;
}

Simon Daron's avatar
Simon Daron committed
919
.episode.resume .title{
920
	margin-bottom:0.5em;
Simon Daron's avatar
Simon Daron committed
921
}
922
.episode.resume .logo{
Simon Daron's avatar
Simon Daron committed
923
924
	float: right;
}
fred's avatar
fred committed
925
.topik.inline .logo,
926
.episode.inline .logo {
927
	min-height: 50px;
928
	float: left;
929
	margin-right: 1em;
930
}
931
932
.episode.resume .sound{
	float:right;
933
	margin:0 0 0.5em 0.5em;
934
}
935
936
.episode.inline .sound.right{
	text-align:center;
fred's avatar
fred committed
937
938
939
	font-size:70%;
	position: relative;
	z-index: 10;
940
941
}
.episode.inline .sound.right button{
942
943
    font-size:1.5em;
	display:inline;
Simon Daron's avatar
Simon Daron committed
944
945
	text-align:center;
	padding-bottom:0.05em;
946
}
Simon Daron's avatar
Simon Daron committed
947
948
949
950
951
952
.episode.resume .sound.right .icon-download{
	text-align:center;
}
.episode.resume .sound.right .icon-download{
	display:block;
}
953
954
955
956
957
958
959
960

.big.icon-pause,
.big.icon-stop,
.big.icon-share {
	display: inline-block;
	vertical-align: middle;
}

961
962
963
.episode.detail .logo.right{
	max-width:50%;
}
Simon Daron's avatar
Simon Daron committed
964

Simon Daron's avatar
Simon Daron committed
965
.episode.resume .date .day, .emission-detail .date .day {
Simon Daron's avatar
Simon Daron committed
966
967
}

Simon Daron's avatar
Simon Daron committed
968
.episode.resume .content {
969
	padding-left: 5em;
Simon Daron's avatar
Simon Daron committed
970
}
Simon Daron's avatar
Simon Daron committed
971
.episode.resume .content .title {
Simon Daron's avatar
Simon Daron committed
972
973
}

Simon Daron's avatar
Simon Daron committed
974
.episode.resume .logo {
975
	margin:0 0 1em;
Simon Daron's avatar
Simon Daron committed
976
977
	max-width:20%;
}
978
979
.episode.inline .date{
	font-size:80%;
980
}
Simon Daron's avatar
Simon Daron committed
981

982
983
984
985
986
987
988
989
#Emission-tabs-menu .emissions-newsitems {
	margin-bottom: 2em;
}

#Emission-tabs-menu .emissions-newsitems ul.list li {
	border: 0;
}

fred's avatar
fred committed
990
991
992
993
994
995
996
997
998
#Emission-tabs-menu .futur-episodes h5,
#Emission-tabs-menu .recent-episodes h5 {
	font-size: 1.2em;
}

#Emission-tabs-menu #search-form {
	margin-bottom: 1em;
}

999
1000
div.extra-soundfiles h3 {
	margin-top: 1em;
For faster browsing, not all history is shown. View entire blame