_specifics.scss 32.8 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 698
	height:auto;
	overflow:auto;
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

Simon Daron's avatar
Simon Daron committed
721
}
Simon Daron's avatar
Simon Daron committed
722

Simon Daron's avatar
Simon Daron committed
723 724 725 726
/****************************************************/
/**** #Changing #Footer ... ****/
/****************************************************/
#Changing{
727 728 729
	display: flex;
	flex-direction: column;
	min-height: 97vh;
Simon Daron's avatar
Simon Daron committed
730
}
731

Simon Daron's avatar
Simon Daron committed
732
#Main{
733
	flex-grow: 1;
Simon Daron's avatar
Simon Daron committed
734
	color:#333;
735 736
	position: relative;
	z-index: 1;
Simon Daron's avatar
Simon Daron committed
737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764
}
#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
765
	background-color:$primary;
Simon Daron's avatar
Simon Daron committed
766 767 768 769 770 771 772 773 774 775 776 777 778
	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
779
	background-color:$primary;
Simon Daron's avatar
Simon Daron committed
780 781 782 783 784 785 786 787 788 789 790 791 792
	border-color:yellow;
}
#main {}
#mainLegend{
	width:30%;
	text-align:right;
	float:right;
	padding:1em;
}

#Footer{
	border-top:2px solid #333;
	padding-top: 2em;
793
	padding-bottom: 80px;
794 795
	position: relative;
	z-index: 3;
Simon Daron's avatar
Simon Daron committed
796 797 798 799 800 801 802 803 804 805 806 807 808
}

#Footer ul {
}

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

#Footer a:hover {
	opacity:0.6;
}

Simon Daron's avatar
Simon Daron committed
809

Simon Daron's avatar
Simon Daron committed
810
/****************************************************/
Simon Daron's avatar
Simon Daron committed
811
.inline .link{display:block;padding:1em;}
laron's avatar
laron committed
812
/**** Liste   ****/
Simon Daron's avatar
Simon Daron committed
813
/**** EMISSIONS ****/
814
#Emission .emission-detail .title{}
Simon Daron's avatar
Simon Daron committed
815
/*
Simon Daron's avatar
Simon Daron committed
816
*/
Simon Daron's avatar
Simon Daron committed
817 818 819
#Emission-tabs-menu .sub{
	margin-bottom:1em;
}
Simon Daron's avatar
Simon Daron committed
820
/**** Detail	****/
Simon Daron's avatar
Simon Daron committed
821 822
.emission-detail .metas{
	line-height:1.5em;
823
	float: left;
824
	width: 49%;
825
	margin-top: 0;
Simon Daron's avatar
Simon Daron committed
826
}
827 828 829 830 831 832 833

.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
834
}
835 836 837 838 839 840

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

fred's avatar
fred committed
841 842 843 844
.emission-detail ul.schedule .weekdiff {
	font-size: 80%;
}

845 846 847 848
.emission-detail article {
	clear: both;
}

Simon Daron's avatar
Simon Daron committed
849
.emission-detail .logo{
Simon Daron's avatar
Simon Daron committed
850
	float:right;
851 852
	width: 50%;
	margin-bottom: 1ex;
Simon Daron's avatar
Simon Daron committed
853
}
Simon Daron's avatar
Simon Daron committed
854 855 856 857 858 859 860 861 862 863 864 865
@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
866 867 868 869 870

.emission .contacts {
	clear: both;
}

Simon Daron's avatar
Simon Daron committed
871
/**** Inline	****/
Simon Daron's avatar
Simon Daron committed
872
.emission.inline, .emission.resume {
Simon Daron's avatar
Simon Daron committed
873
	padding:1em 0 1em 0;
Simon Daron's avatar
Simon Daron committed
874 875
}

Simon Daron's avatar
Simon Daron committed
876
.emission.inline div.date {
Simon Daron's avatar
Simon Daron committed
877 878 879 880 881 882
	min-height: 3em;
	text-align: center;
	display:inline-block;
	float:left;
	margin-right:1em;
}
Simon Daron's avatar
Simon Daron committed
883 884
.emission .archived {
	opacity:0.6;
Simon Daron's avatar
Simon Daron committed
885 886
}

fred's avatar
fred committed
887
.emission .link .description {
Simon Daron's avatar
Simon Daron committed
888 889 890 891 892 893
	margin: 0px 0 5px 0;
	font-family: "RegloMedium";
}


/**** EPISODE ****/
894
/**** Detail  ****/
Simon Daron's avatar
Simon Daron committed
895 896 897

.episode .tag{
}
Simon Daron's avatar
Simon Daron committed
898
.episode.resume, .episode.inline{
Simon Daron's avatar
Simon Daron committed
899 900 901 902
	padding:1em 0.5em 1em;
}
.episode.inline .dateBloc, .episode.resume .dateBloc{
	float:left;
Simon Daron's avatar
Simon Daron committed
903
}
Simon Daron's avatar
Simon Daron committed
904
.episode.resume img {
Simon Daron's avatar
Simon Daron committed
905 906 907
	border: 2px solid black;
}

Simon Daron's avatar
Simon Daron committed
908
.episode.resume .title{
909
	margin-bottom:0.5em;
Simon Daron's avatar
Simon Daron committed
910
}
911
.episode.resume .logo{
Simon Daron's avatar
Simon Daron committed
912 913
	float: right;
}
fred's avatar
fred committed
914
.topik.inline .logo,
915
.episode.inline .logo {
916
	min-height: 50px;
917
	float: left;
918
	margin-right: 1em;
919
}
920 921
.episode.resume .sound{
	float:right;
922
	margin:0 0 0.5em 0.5em;
923
}
924 925
.episode.inline .sound.right{
	text-align:center;
fred's avatar
fred committed
926 927 928
	font-size:70%;
	position: relative;
	z-index: 10;
929 930
}
.episode.inline .sound.right button{
931 932
    font-size:1.5em;
	display:inline;
Simon Daron's avatar
Simon Daron committed
933 934
	text-align:center;
	padding-bottom:0.05em;
935
}
Simon Daron's avatar
Simon Daron committed
936 937 938 939 940 941
.episode.resume .sound.right .icon-download{
	text-align:center;
}
.episode.resume .sound.right .icon-download{
	display:block;
}
942 943 944 945 946 947 948 949

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

950 951 952
.episode.detail .logo.right{
	max-width:50%;
}
Simon Daron's avatar
Simon Daron committed
953

Simon Daron's avatar
Simon Daron committed
954
.episode.resume .date .day, .emission-detail .date .day {
Simon Daron's avatar
Simon Daron committed
955 956
}

Simon Daron's avatar
Simon Daron committed
957
.episode.resume .content {
958
	padding-left: 5em;
Simon Daron's avatar
Simon Daron committed
959
}
Simon Daron's avatar
Simon Daron committed
960
.episode.resume .content .title {
Simon Daron's avatar
Simon Daron committed
961 962
}