_specifics.scss 33.9 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
.focus-title h3,
fred's avatar
fred committed
66
h5.focus-title {
fred's avatar
fred committed
67
	color: $secondary;
fred's avatar
fred committed
68 69
}

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

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

/****************************************************/
/* WRAPPER */
/****************************************************/
fred's avatar
fred committed
87
.wrapper {max-width: 1560px; padding:0 1%;}
Simon Daron's avatar
Simon Daron committed
88
.wrapper.text {max-width: 780px; margin:auto;}
89
.wrapper .rightPart{margin-top:1em;}
Simon Daron's avatar
Simon Daron committed
90

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


132 133 134 135 136 137 138 139 140
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
141 142
}

Simon Daron's avatar
Simon Daron committed
143
button.tag, a.tag{
Simon Daron's avatar
Simon Daron committed
144 145
	font-size:0.9em;
	background:white;
146
	font-family: "RegloBold";
Simon Daron's avatar
Simon Daron committed
147
	text-transform: uppercase;
148
	display:inline-block;
Simon Daron's avatar
Simon Daron committed
149
	border: 1px solid #CCC !important;
Simon Daron's avatar
Simon Daron committed
150
	color:#342E2E;
Simon Daron's avatar
Simon Daron committed
151 152 153 154 155
	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
156
}
Simon Daron's avatar
Simon Daron committed
157
button.check, a.check {
Simon Daron's avatar
Simon Daron committed
158 159 160 161
	font-size:0.9em;
	text-transform: none;
	display:inline-block;
	margin: 0.2em;
Simon Daron's avatar
Simon Daron committed
162
	padding: 0.3em;
Simon Daron's avatar
Simon Daron committed
163
}
fred's avatar
fred committed
164

Simon Daron's avatar
Simon Daron committed
165 166 167 168
.category{
	font-family: "RegloBold";
	text-transform: uppercase;
}
Simon Daron's avatar
Simon Daron committed
169
button.check:before, a.check:before {
Simon Daron's avatar
Simon Daron committed
170 171 172
	display:inline-block;
	width:1.5em;
}
173 174 175 176 177 178 179 180
.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;
}
181
.ui-tooltip {
182
	border:1px solid white;
183 184 185 186 187 188 189
	position:absolute;
	margin:0;	
	padding: 0.5em;
	background:#222;
	color: white;
	z-index: 9999;
	max-width: 50%;
190 191 192
	background: white;
	color: #222;
	border-color: #222;
193
}
Simon Daron's avatar
Simon Daron committed
194 195
/****************************************************/
/**** BODY ****/
Simon Daron's avatar
Simon Daron committed
196 197
/****************************************************/
body{
198
	background: white;
199
	color: #333;
200
}
Simon Daron's avatar
Simon Daron committed
201 202 203 204
/****************************************************/
/**** metaNAV ****/
/****************************************************/

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

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

Simon Daron's avatar
Simon Daron committed
228
#metaNav ul li a{
fred's avatar
fred committed
229 230
	height: 3em;
	line-height: 3em;
Simon Daron's avatar
Simon Daron committed
231
	display:block;
Simon Daron's avatar
Simon Daron committed
232
}
233

fred's avatar
fred committed
234 235
#metaNav ul li#nav-language span {
	cursor: pointer;
fred's avatar
fred committed
236 237
	height: 3em;
	line-height: 3em;
fred's avatar
fred committed
238 239 240 241 242 243 244
	display: inline-block;
}

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

245 246 247
#metaNav ul li a span{
	display:inline-block;
}
248

249 250 251
#metaNav ul li a span.nav-icon {
}

Simon Daron's avatar
Simon Daron committed
252 253 254 255
#metaNav a:focus, #metaNav a:hover{
    opacity:0.8;
}
#metaNav ul li.active, #metaNav ul li.active a{
256
	color: white;
257
}
258 259 260 261

#metaNav ul li.active span.iconLabel {
}

fred's avatar
fred committed
262 263 264 265 266
#metaNav li#nav-search a {
	display: inline;
}

#metaNav form {
fred's avatar
fred committed
267 268
	display: inline-block;
	padding-top: 0.2em;
fred's avatar
fred committed
269 270 271 272
}

#metaNav input {
	border: 1px solid #ececec;
fred's avatar
fred committed
273
	width: 10em;
fred's avatar
fred committed
274 275
}

fred's avatar
fred committed
276 277 278 279
.icon-rss {
	color: orange;
}

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

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

fred's avatar
fred committed
313
.audio button {color:$primary !important;}
314 315 316
/****************************************************/
/**** HEADER ****/
/****************************************************/
Simon Daron's avatar
Simon Daron committed
317

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

Simon Daron's avatar
Simon Daron committed
334
#Panik img{display:block;margin:auto;max-height:200px;}
335
#mainHeader h1{
Simon Daron's avatar
Simon Daron committed
336
	padding-left:75px;
337 338 339
}
#player-container #player{
    padding:0 0 0 0;
340
    min-width: 240px;
341
}
Simon Daron's avatar
Simon Daron committed
342

343 344 345
#Changing h1.top a:hover {
	opacity: 1.0;
}
346

347
@media screen and (max-width: 760px) {
348 349
	#All h1.top {
		font-size: 60px;
350 351 352
		padding: 0;
		padding-top: 10px;
		text-align: center;
353 354 355 356
	}
	#specialHome .leftPart h1.top {
		display: none;
	}
357 358 359 360
	#specialHome .leftPart h2 {
		padding-top: 10px;
		text-align: center;
	}
361
}
362

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

fred's avatar
fred committed
388 389 390 391 392 393 394
	#metaNav {
		padding-top: 2px;
	}
	#metaNav .nav-icon {
		display: none !important;
	}

395 396 397 398
	ul#ticker {
		margin-bottom: 10px;
	}

fred's avatar
fred committed
399
	#News div.mainSub,
400 401 402
	#About div.mainSub,
	#Emissions div.mainSub {
		position: absolute;
403
		top: 50px;
404
		left: 320px;
405
		width: 60%;
406
		width: calc(98% - 320px);
407 408
	}

fred's avatar
fred committed
409
	#News div.mainSub ul,
410 411 412 413 414 415 416
	#About div.mainSub ul,
	#Emissions div.mainSub ul {
		padding: 0;
		font-family: Reglo;
		font-weight: normal;
	}

fred's avatar
fred committed
417
	#News div.mainSub ul li,
418 419 420 421
	#About div.mainSub ul li,
	#Emissions div.mainSub ul li {
	}

fred's avatar
fred committed
422 423 424 425 426 427 428 429
	#News .news.wrapper {
		padding: 0;
	}

	#News .news.wrapper li a {
		margin-left: 0;
		padding-left: 0;
	}
430 431 432 433 434 435 436

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

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

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

	div.program.padded {
		padding-top: 0;
		padding-left: 0;
	}

fred's avatar
fred committed
452 453 454 455
	div.program.padded {
		padding-top: 1.5em;
	}

456 457 458 459 460
	#fiber-content h2.title {
		margin-top: 0;
		padding-top: 0;
	}

461
}
462

463 464 465 466 467 468 469 470 471 472 473
#Related .wrapper,
#Related .padded {
	padding: 0;
}

#Related .wrapper {
	@media screen and (max-width: 760px) {
		padding-top: 1em;
	}
}

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

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

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

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

#All #backgroundBox h1 {
	visibility: hidden;
497 498 499
}


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

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

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

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

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

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

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

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

544 545 546 547
#Nav li {
	padding-right: 1em;
}

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

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

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

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

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

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

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

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

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

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

634
/*Playlist*/
635

636
#Playlist #playlistLabel{
637 638 639
	float:right;

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

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

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

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

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

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

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

Simon Daron's avatar
Simon Daron committed
746
#Main{
747
	flex-grow: 1;
Simon Daron's avatar
Simon Daron committed
748
	color:#333;
749 750
	position: relative;
	z-index: 1;
Simon Daron's avatar
Simon Daron committed
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 777 778
}
#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
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: 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
793
	background-color:$primary;
Simon Daron's avatar
Simon Daron committed
794 795 796 797 798 799 800 801 802 803 804 805 806
	border-color:yellow;
}
#main {}
#mainLegend{
	width:30%;
	text-align:right;
	float:right;
	padding:1em;
}

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

#Footer ul {
}

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

#Footer a:hover {
	opacity:0.6;
}

Simon Daron's avatar
Simon Daron committed
823

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

.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
848
}
849 850 851 852 853 854

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

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

859 860 861 862
.emission-detail article {
	clear: both;
}

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

.emission .contacts {
	clear: both;
}

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

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

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


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