_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 ****/