_specifics.scss 33.3 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
206
	background: white url(../img/volbg.jpeg) bottom center no-repeat;
	background-size: contain;
207
	color: #333;
208
}
Simon Daron's avatar
Simon Daron committed
209
210
211
212
/****************************************************/
/**** metaNAV ****/
/****************************************************/

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

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

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

fred's avatar
fred committed
241
242
243
244
245
246
247
248
249
250
#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;
}

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

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

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

#metaNav ul li.active span.iconLabel {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

470
}
471

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

621
622
623
624
625
626
627
628
629
630
#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
631

632
/*Playlist*/
633

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

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

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

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

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

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

726
727
728
729
730
731
732
	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
733
}
Simon Daron's avatar
Simon Daron committed
734

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

Simon Daron's avatar
Simon Daron committed
744
#Main{
745
	flex-grow: 1;
Simon Daron's avatar
Simon Daron committed
746
	color:#333;
747
748
	position: relative;
	z-index: 1;
Simon Daron's avatar
Simon Daron committed
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
776
}
#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
777
	background-color:$primary;
Simon Daron's avatar
Simon Daron committed
778
779
780
781
782
783
784
785
786
787
788
789
790
	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
791
	background-color:$primary;
Simon Daron's avatar
Simon Daron committed
792
793
794
795
796
797
798
799
800
801
802
803
804
	border-color:yellow;
}
#main {}
#mainLegend{
	width:30%;
	text-align:right;
	float:right;
	padding:1em;
}

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

#Footer ul {
}

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

#Footer a:hover {
	opacity:0.6;
}

Simon Daron's avatar
Simon Daron committed
821

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

.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
846
}
847
848
849
850
851
852

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

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

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

Simon Daron's avatar
Simon Daron committed
861
.emission-detail .logo{
Simon Daron's avatar
Simon Daron committed
862
	float:right;
863
864
	width: 50%;
	margin-bottom: 1ex;
Simon Daron's avatar
Simon Daron committed
865
}
Simon Daron's avatar
Simon Daron committed
866
867
868
869
870
871
872
873
874
875
876
877
@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
878
879
880
881
882

.emission .contacts {
	clear: both;
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

1000
1001
1002
1003
1004
1005
div.extra-soundfiles h3 {
	margin-top: 1em;
	font-size: 2.5em;
}

div.extra-soundfiles ul li {
fred's avatar
fred committed
1006
1007
1008
	position: relative;
}

1009
div.extra-soundfiles ul li div.audio {
fred's avatar
fred committed
1010
1011
1012
1013
1014
1015
1016
	display: inline;
	top: 5px;
	right: 0;
	position: absolute;
	font-size: 60%;
}

1017
div.extra-soundfiles ul strong {
1018
1019
1020
	padding-right: 3em;
}

1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
@media screen and (max-width: 400px) {	
	.episode .dateBloc{
		width:4em;
		font-size:80%
	}

	.episode.resume .content {
		padding-left: 4em;
	}
}
Simon Daron's avatar
Simon Daron committed
1031

Simon Daron's avatar
Simon Daron committed
1032
/****************************************************/
Simon Daron's avatar
Simon Daron committed
1033
/**** News ****/
Simon Daron's avatar
Simon Daron committed
1034

fred's avatar
fred committed
1035
1036
1037
1038
#newsRoll {
	max-width: 500px;
}

1039
1040
1041
1042
#newsRoll li {
	background: white;
}

Simon Daron's avatar
Simon Daron committed
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
.newsRoll .title{
	background:black;
	color:white;
	bottom:0px;
	opacity:0.9;
    width:100%;
	text-align: left;
	font-family: "RegloBold";
	position: absolute;
	left: 0;
}
.newsRoll .title div{
	padding: 1em;
}
.newsRoll a, .newsRoll button img{
fred's avatar
fred committed
1058
    border:3px solid $secondary;
Simon Daron's avatar
Simon Daron committed
1059
1060
}

1061
1062
1063
1064
.newsRoll .by3 button {
	width: 100%;
}

1065
.soundfiles .special a,
fred's avatar
fred committed
1066
1067
1068
1069
1070
.news .special a {
	position: relative;
}

.special .labels .item,
Simon Daron's avatar
Simon Daron committed
1071