panikweb_templates/static/css/specifics.css

   1 /* COLORS
   2
   3 @black: #000000;
   4 @orange: #FF6633;
   5 @blue: #364b63;
   6 @white: #FFFFFF;
   7  */
   8 /****************************************************/
   9 /* FONTS */
  10
  11 .resymbol:hover,.control:hover{    opacity:0.5;    }
  12 .date, .dateBloc {
  13         font-family: "Reglo";
  14         text-transform: uppercase;
  15 }
  16 .inline .date, .resume .date{
  17         text-align: center;
  18 }
  19 .dateBloc{width:4em;
  20         text-align: center;}
  21 .dateBloc{display:inline-block;}
  22 .dateBloc *{line-height: 100%;}
  23 .dateBloc  .day {font-size: 1.8em;}
  24 .dateBloc .number {font-size: 1.8em;}
  25 .dateBloc  .month {font-size: 0.8em;}
  26 .dateBloc .time {font-size: 1.2em;margin: 0.2em 0;}
  27
  28 .dateBloc.small{
  29         font-size: 80%;
  30 }
  31
  32 .tabs .ui-tabs-nav {
  33     font-family: "Reglo";
  34     text-transform: uppercase;
  35 }
  36 .legend{
  37         font-size:1.2em;
  38         font-weight:bold;
  39         border-bottom:3px solid black;
  40         padding: 0.2em 0 0.2em 0;
  41         margin: 0.2em 0 0.2em 0;
  42 }
  43 #Main .sectionLabel{
  44         color:#003446;
  45         border-left:1.5em solid #003446;
  46         border-bottom:2px solid #003446;
  47         padding-left:1em;
  48         margin-bottom:1em;
  49 }
  50 .iconLabel{margin-left:0.1em;}
  51
  52 .sectionLabel, .label {
  53     text-transform: uppercase;
  54     font-family: "Reglo";
  55     font-size:1.3em;
  56 }
  57 .label.relative{
  58     background-color:black;
  59     position: absolute;
  60     left:10px;
  61     top:-5px;
  62     color:white;
  63     padding:5px 7px 0px 7px;
  64 }
  65
  66 /****************************************************/
  67 /* WRAPPER */
  68 /****************************************************/
  69 .wrapper {max-width: 1260px; margin:auto;padding:0 10%;}
  70 .wrapper.text {max-width: 780px; margin:auto;}
  71 .wrapper.half {max-width: 510px; margin:auto;}
  72 .wrapper.sided{         max-width:1260px;       }
  73
  74 @media screen and (min-width: 600px) {
  75         .wrapper.sided .leftPart,
  76           .wrapper.sided .rightPart{
  77                 width:45%;
  78         }
  79         .wrapper.sided .leftPart{
  80                 float:left;
  81         }
  82         .wrapper.sided .rightPart{
  83                 float:right;
  84         }
  85 }
  86
  87
  88 button.control, button.symbol{background:transparent;border:none;margin:0;padding:0;}
  89 nav.menu{
  90         width:100%;
  91         text-align: justify;
  92         text-justify: distribute-all-lines;
  93 }
  94 nav.menu li{
  95         display: inline-block;
  96         margin-right:2em;
  97 }
  98
  99 button.tag, a.tag {
 100         font-size:0.9em;
 101         background:white;
 102         font-family: "RegloBold";
 103         text-transform: uppercase;
 104         display:inline-block;
 105         border: 1px solid #CCC !important;
 106         color:#342E2E;
 107         margin: 0.2em;
 108         padding: 0.3em;
 109         border-radius: 0.7em;
 110         -moz-border-radius: 0.7em;
 111         -webkit-border-radius: 0.7em;
 112 }
 113 button.check, a.check {
 114         font-size:0.9em;
 115         text-transform: none;
 116         display:inline-block;
 117         border: 1px solid #CCC !important;
 118         margin: 0.2em;
 119         padding: 0.5em !important;
 120         border-radius: 0.2em;
 121         -moz-border-radius: 0.2em;
 122         -webkit-border-radius: 0.2em;
 123 }
 124 #Nav .icon-check{background:#222;}
 125 button.check:before, a.check:before {
 126         display:inline-block;
 127         width:1.5em;
 128 }
 129 .box{
 130         padding:0.2em 0.5em 0.2em 0.5em;
 131         border-radius: 0.2em;
 132         -moz-border-radius: 0.2em;
 133         -webkit-border-radius: 0.2em;
 134         background:#222;
 135         color:#fff;
 136 }
 137 .ui-tooltip {
 138         border:2px solid white;
 139         position:absolute;
 140         margin:0;
 141         padding: 0.5em;
 142         background:#222;
 143         color: white;
 144         border-radius:0.2em;
 145         box-shadow: 0 0 1em black;
 146         z-index: 9999;
 147         max-width: 50%;
 148 }
 149 /**** TABS ****/
 150
 151 /****************************************************/
 152 body{
 153         background:url("data:image/png;base64,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") repeat scroll 0% 0% rgb(51, 51, 51);
 154         color:white;
 155 }
 156 #All{
 157         padding-bottom:100px;
 158 }
 159 #Main{
 160         color:#333;
 161         background-color: white;
 162 }
 163 #Main >.wrapper{
 164         padding-bottom:2em;
 165 }
 166 #Home #Main{
 167         min-height:0;
 168 }
 169 #Changing a:hover,#Changing button:hover {
 170         opacity:0.6;
 171         text-decoration:none;
 172 }
 173 #Nav a:hover,#Nav button:hover {
 174         opacity:1;
 175         color:white !important;
 176 }
 177 /* GLOBAL SITE NAV */
 178 #userLog{
 179         z-index:2000;
 180         position: fixed;
 181         bottom: 0px;
 182         right: 0px;
 183 }
 184 #userLog .log{
 185         margin:0.3em;
 186         -moz-box-shadow: 0px 0px 3px #000;
 187         -webkit-box-shadow: 0px 0px 3px #000;
 188         box-shadow: 0px 0px 3px #000;
 189         border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;
 190         text-align:center;
 191         padding: 0.3em;
 192         font-size:0.9em;
 193         color:black;
 194         background-color:orange;
 195         border: 2px solid black;
 196         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);
 197 }
 198 #userLog .log.info{
 199         background-color:grey;
 200         color:white;
 201 }
 202 #userLog .log.ok{
 203         background-color:green;
 204         border-color:black;
 205         color:white;
 206 }
 207 #userLog .log.error{
 208         background-color:orange;
 209         border-color:yellow;
 210 }
 211 #main {}
 212 #mainLegend{
 213         width:30%;
 214         text-align:right;
 215         float:right;
 216         padding:1em;
 217 }
 218 #metaNav {
 219         height: 2em;
 220         color:white;
 221         background-color: black;
 222         position:fixed;
 223         z-index:1000;
 224         top:0px;
 225         width:100%;
 226 }
 227 #metaNav ul{
 228 }
 229 #metaNav li{
 230         border-left:1px solid #333;
 231         border-right:1px solid #333;
 232 }
 233 #metaNav ul li{
 234         white-space: nowrap;
 235         text-overflow: ellipsis;
 236         overflow:hidden;
 237 }
 238 #metaNav ul li a{
 239         height: 2em;
 240         display:block !important;
 241         color:white;
 242 }
 243 #metaNav ul li a span{
 244         padding:0.5em 0;
 245         display:inline-block;
 246 }
 247
 248 #metaNav li.active{
 249         border-left:2px solid #fff;
 250         border-right:2px solid #fff;
 251 }
 252 #metaNav .active, #metaNav a:focus, #metaNav a:hover{
 253         background:#003446 !important;
 254         font-weight:normal;
 255 }
 256 @media screen and (max-width:500px){
 257         #metaNav .iconLabel {display:none;}
 258 }
 259
 260 #Footer{
 261         border-top:2px solid #333;
 262         background:#333;
 263         color:white;
 264         padding-top: 2em;
 265 }
 266
 267 #Footer ul {
 268 }
 269
 270 #Footer ul li {
 271         padding-right: 2em;
 272 }
 273
 274 #Footer a:hover {
 275         opacity:0.6;
 276 }
 277
 278 /* PANIK LOGO */
 279 #mainHeader {
 280         padding-top:1em;
 281         background:white 50% 50% no-repeat url('../img/logoPanik.png');
 282 }
 283 #mainHeader *{color:black !important;line-height:1em;}
 284 #mainHeader #radioPanik{}
 285 #mainHeader #frequence{display:block;
 286         font-size:60%;}
 287
 288 #Panik img{display:block;margin:auto;max-height:200px;}
 289
 290 #Links{
 291         border-top:2px solid black;
 292 }
 293 #Related{
 294         border-top:2px solid black;
 295         background-color:#eee;
 296         background-image:url("data:image/png;base64,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") repeat scroll 0% 0% rgb(51, 51, 51);
 297         color:#000;
 298 }
 299 /****************************************************/
 300 /****  SCREEN NAV ****/
 301 #Nav{
 302         text-align:center;
 303         border-bottom:1px solid #000;
 304         background:#003446;
 305         /*
 306         background:#003446;
 307         */
 308 }
 309 #Nav nav{padding:0.1em;}
 310 #Nav *{ color:#ddd;border-color:#ddd;}
 311 /*#Nav form{background:#800000;}*/
 312 #Nav input{color:#333;}
 313 #Nav .active,#Nav .active *{
 314         color:white !important;
 315         font-weight:bold;
 316 }
 317 #Nav .active{
 318         border-width:0 0 2px 0;
 319         border-style:solid;
 320 }
 321 #Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;}
 322
 323 #Nav nav{
 324         margin:0;
 325 }
 326 #Nav h2{
 327         margin:0;
 328         padding:0;
 329 }
 330 #Nav nav ul{
 331         margin:1em 0 1em 0;
 332 }
 333
 334 #Nav li a{
 335         display: inline-block;
 336         padding: 0 0.5em 0 0.5em;
 337 }
 338 #Nav nav ul.distributed li {padding: 0;}
 339
 340 #Nav nav.right{
 341         color:#EED1B1 !important;
 342         background:#342E2E;
 343         border-color:#342E2E;
 344         border-width:2px;border-style:solid;
 345 }
 346 #Nav nav.right li, #Nav nav.right li a{
 347         display:block;
 348         color:#EED1B1 !important;
 349 }
 350 @media screen and (max-width: 400px) {
 351         #Nav nav.right{float:none !important;margin:none;border-top:2px solid white;}
 352 }
 353 #Nav nav.sub{
 354 }
 355
 356 #Nav nav.sub li a{
 357         min-width:7em;
 358         padding:0.5em;
 359 }
 360
 361
 362
 363 /****************************************************/
 364 /**** PLAYER ****/
 365 /*#Home #player{   float: left; } */
 366 #player-container{
 367         color:#fff;
 368         /*
 369         -moz-box-shadow: 0px 5px 5px #000;
 370         -webkit-box-shadow:  0px 5px 5px #000;
 371         box-shadow: 0px 5px 10px #000;
 372         */
 373         font-size:1em;
 374         background-color:#ff6633; border-color:#fff;
 375         }
 376 #player-container button,#player-container a,#player-container .label{
 377         border-color:#fff;
 378         color:#fff;
 379 }
 380 #player-container .metas, #player-container img{border-color:#fff;}
 381 #player-container .padded{padding:0.5em;}
 382
 383 #player-container button,#player-container a{
 384 }
 385 #player-container .metas{
 386         text-align:center;
 387 }
 388 #player-container{
 389         border-top:2px solid black;
 390         border-bottom:2px solid black;
 391 }
 392 #DirectStreamPanikControler {
 393         display:inline !important;
 394 }
 395 #streamSymbol{
 396         font-size:6em;
 397         float:left;
 398         margin-right:5px;
 399 }
 400 #CurrentlyPlaying{
 401         padding:0 0 0 0;
 402 }
 403 #DirectStreamPanikControler .label{
 404 }
 405 #player-container.fixed{
 406         -moz-box-shadow: 0px -5px 15px #000;
 407         -webkit-box-shadow:  0px -5px 15px #000;
 408         box-shadow: 0px -5px 15px #000;
 409         z-index:500;
 410         position:fixed;
 411         width:100%;
 412         /*top:2em;*/
 413         font-size:80%;
 414         bottom:0em;
 415         border-bottom:none;
 416 }
 417 #Player.withPlaylist #player-container #audioPlayer{
 418         float:left;
 419         width:50%;
 420         border-right:2px solid black;
 421 }
 422 #Player.withPlaylist #player-container #Playlist{
 423         float:right;
 424         width:49%;
 425         text-align:left;
 426 }
 427 #player-container.normal #player{
 428         padding:3em;
 429 }
 430 #player-container.minimized{
 431         width:auto;
 432         border-width:0px 2px 2px 0 !important;
 433         border-bottom-right-radius:1em;
 434         -moz-border-bottom-right-radius:1em;
 435         -webkit-border-bottom-right-radius:1em;
 436 }
 437 #player-container.minimized #player{
 438         padding:0;
 439 }
 440
 441 /*Playlist*/
 442 #Playlist{
 443 }
 444
 445 #Playlist button{
 446 }
 447 #Playlist #playlistLabel{
 448         float:right;
 449
 450 }
 451 #Playlist .playListControls{
 452 }
 453 #Playlist .playListControls button{
 454         margin-right:0.5em;
 455         display:inline-block;
 456 }
 457 #Playlist .playListControls .playPause{
 458         font-size:6em;
 459         margin-right:5px;
 460         float:left;
 461 }
 462
 463 #Playlist .playing .icon-pause{
 464    -webkit-animation: loading 1s infinite linear;
 465    -moz-animation: loading 1s infinite linear;
 466    -o-animation: loading 1s infinite linear;
 467    animation: loading 1s infinite linear;
 468 }
 469 #Playlist .playlistControls button,#Playlist .playlistControls .button{
 470         margin:0 0.1em 0 0.1em;
 471 }
 472 #Playlist li{
 473         clear:right;
 474 }
 475 #Playlist .soundControls button{}
 476
 477 #player-container #Playlist ol{
 478         clear:right;
 479         padding:0 0 0 1.5em;
 480         height:1.3em;
 481         overflow:hidden;
 482 }
 483 #player-container #Playlist ol li{
 484         line-height:1.3em;
 485         padding:0;
 486         margin:0;
 487 }
 488 #Playlist ol li .soundControls{
 489         line-height:1.5em;
 490         height:1.5em;
 491         clear:right;
 492         float:right;
 493 }
 494 #Playlist ol li .title{
 495         margin-right:70px;
 496         display:block;
 497         white-space: nowrap;
 498         text-overflow: ellipsis;
 499         overflow: hidden;
 500 }
 501 #player .active{
 502         text-transform:uppercase;
 503         font-weight:bold;
 504 }
 505 /*limit height of playlist*/
 506 #PlayerHelp,#player-container #Playlist ol.deploy{
 507         height:auto;
 508         max-height:12em;
 509         overflow:auto;
 510 }
 511 #player #CurrentlyPlaying,
 512  #player-container #Playlist ol{
 513         opacity:0.9;
 514         padding-top:0.2em;
 515 }
 516
 517 @media screen and (max-width: 500px) {
 518
 519         #Player.withPlaylist #player-container #audioPlayer,
 520           #Player.withPlaylist #player-container #audioPlayer,
 521            #Player.withPlaylist #player-container #Playlist{
 522                 float:none !important;
 523                 width:auto !important;
 524                 border:none;
 525                 max-width:auto !important;
 526         }
 527         #Player.withPlaylist #player-container #Playlist{
 528                 border-top:2px solid black;
 529         }
 530 }
 531 @media screen and (min-width: 500px) {
 532         #Player #player-container #audioPlayer{
 533                 max-width:50%;
 534                 margin:auto;
 535         }
 536 }
 537
 538
 539
 540 /****************************************************/
 541 .inline .link{display:block;padding:1em;}
 542 /**** Liste   ****/
 543 /**** EMISSIONS ****/
 544 #Emission .emission-detail .title{}
 545 /*
 546 */
 547 #Emission-tabs-menu .sub{
 548         margin-bottom:1em;
 549 }
 550 /**** Detail    ****/
 551 .emission-detail .metas{
 552         line-height:1.5em;
 553 }
 554 .emission-detail .description{
 555         font-family: "RegloBold";
 556         font-size: 1.3em;
 557         margin:0em 0 1em 0;
 558         line-height:1.5em;
 559 }
 560 .emission-detail .logo{
 561         float:right;
 562         max-width:50%;
 563 }
 564 @media screen and (max-width: 300px) {
 565         .emission-detail .metas {
 566                 float: none;
 567                 width: auto;
 568                 margin: 0;
 569         }
 570         .emission-detail .logo{max-width:100%;}
 571 }
 572 .emission .mainHeader {
 573     overflow: hidden;
 574     margin-bottom:1.5em;
 575 }
 576 /**** Inline    ****/
 577 .emission.inline, .emission.resume {
 578         padding:1em 0 1em 0;
 579 }
 580
 581 .emission.inline div.date {
 582         min-height: 3em;
 583         text-align: center;
 584         display:inline-block;
 585         float:left;
 586         margin-right:1em;
 587 }
 588 .emission .archived {
 589         opacity:0.6;
 590 }
 591
 592 .emission. .link .description {
 593         margin: 0px 0 5px 0;
 594         font-family: "RegloMedium";
 595 }
 596
 597
 598 /**** EPISODE ****/
 599 /**** Detail  ****/
 600
 601 .episode .tag{
 602 }
 603 .episode.resume, .episode.inline{
 604         padding:1em 0.5em 1em;
 605 }
 606 .episode.inline .dateBloc, .episode.resume .dateBloc{
 607         float:left;
 608 }
 609 .episode.resume img {
 610         border: 2px solid black;
 611 }
 612
 613 .episode.resume .title{
 614         margin-bottom:0.5em;
 615 }
 616 .episode.resume .logo{
 617         float: right;
 618 }
 619 .episode.inline .logo{
 620         min-height: 50px;
 621         float: left;
 622         margin-right:0.5em;
 623 }
 624 .episode.resume .sound{
 625         float:right;
 626         margin:0 0 1em 1em;
 627 }
 628 .episode.inline .sound.right{
 629         width:2em;
 630         text-align:center;
 631         font-size:70%;
 632 }
 633 .episode.inline .sound.right button{
 634         padding-bottom:0.1em;
 635 }
 636 .episode.resume .sound.right .icon-download{
 637         text-align:center;
 638 }
 639 .episode.resume .sound.right .icon-download{
 640         display:block;
 641 }
 642 .episode.detail .logo.right{
 643         max-width:50%;
 644 }
 645
 646 .episode.resume .date .day, .emission-detail .date .day {
 647 }
 648
 649 .episode.resume .content {
 650         padding-left: 5em;
 651 }
 652 .episode.resume .content .title {
 653 }
 654
 655 .episode.resume .logo {
 656         margin:0 0 1em;
 657         max-width:20%;
 658 }
 659 .episode.inline .date{
 660         font-size:80%;
 661 }
 662
 663 @media screen and (max-width: 400px) {
 664         .episode .dateBloc{
 665                 width:4em;
 666                 font-size:80%
 667         }
 668
 669         .episode.resume .content {
 670                 padding-left: 4em;
 671         }
 672         .resume .logo img,.inline .logo img{width:30px !important;}
 673 }
 674
 675 /****************************************************/
 676 /**** News ****/
 677 /****************************************************/
 678
 679 #newsRoll {
 680         border-top:2px solid black;
 681         border-bottom:2px solid black;
 682         -moz-box-shadow: 0px 0px 100px rgb(0, 0, 0) inset;
 683         -webkit-box-shadow: 0px 0px 100px rgb(0, 0, 0) inset;
 684         box-shadow: 0px 0px 100px rgb(0, 0, 0) inset;
 685 }
 686
 687 .newsRoll li{
 688         background:black;
 689         color:white;
 690         border:2px solid black !important;
 691 }
 692 .newsRoll .title{
 693 }
 694 @media (max-width: 600px){
 695         .newsRoll li.largeScreens{
 696                 display:none;
 697         }
 698 }
 699 .newsRoll img.logo{
 700         display:inline-block;
 701         width:100% !important;
 702         border:none;
 703         margin:none;
 704         padding:none;
 705 }
 706 .newsRoll .title{
 707         background:black;
 708         color:white;
 709         bottom:0px;
 710         width:100%;
 711         opacity:0.8;
 712 }
 713 .newsRoll .labels{
 714 }
 715 .newsRoll .labels .item{
 716         display:block;
 717         background:#003446;
 718         color:white;
 719         margin:0.1em;
 720         font-size:0.9em;
 721         padding:0.3em;
 722         opacity:0.9;
 723         border-radius:0.3em;
 724 }
 725 .newsRoll h5{
 726         font-size:1em;
 727         color:white;
 728         padding:0.5em;
 729 }
 730 .newsRoll li a {
 731         margin:0 0 0 0 !important;
 732         padding:0 0 0 0 !important;
 733 }
 734 .list.news li {
 735 }
 736 .news li.item a{padding:1em;}
 737
 738 .news .logo img{
 739         display:block;
 740         border-style:solid;
 741         border-width:2px;
 742 }
 743 ul.newsSpecial{
 744         border-bottom:2px solid #ccc;
 745 }
 746 @media only screen and (max-width: 600px) {
 747         .news .columns.by3{column-count: 1;     -webkit-column-count: 1;        -moz-column-count: 1;}
 748         .news .columns.by3 .logo {
 749                 float:right;
 750                 max-width:50%;
 751         }
 752 }
 753 @media (min-width: 800px) {
 754 }
 755
 756 /****************************************************/
 757 /**** Home & ****/
 758 /****************************************************/
 759
 760 #Home #Nav .wrapper{
 761         max-width:auto !important;
 762         width:auto !important;
 763 }
 764
 765 /*
 766 @media screen and (max-width:800px){
 767         #Home .newsRoll .logo{
 768                 max-width:100px;
 769         }
 770 }
 771 @media screen and (max-width:600px){
 772         #Home .newsRoll .logo{
 773                 max-width:50px;
 774         }
 775 }
 776 */
 777
 778 /****************************************************/
 779 /**** PROGRAM ****/
 780 /****************************************************/
 781
 782 .program.tabs nav ul li{
 783         display:table-cell;
 784         width:14%;
 785         text-align:center;
 786 }
 787 .program ul .dateBloc {
 788         float:left;
 789         padding-top:1em;
 790 }
 791 .program ul .schedule {
 792         margin-left:5em;
 793 }
 794 .program .nonstop {
 795         text-align:right;
 796 }
 797 .program-week .programDate{
 798         float:left;
 799         width:3em;
 800 }
 801 .program-week .programCell{
 802         margin-left:3.5em;
 803 }
 804 .program-week .nonStop .programDate{
 805         visibility:hidden;
 806 }
 807 .program-week .nonStop .programCell{
 808         font-size:0.9em;
 809         padding-left:50%;
 810         text-align:right;
 811 }
 812 .program-week a.nonstop{
 813         font-size:0.9em;
 814         float:right;
 815         margin:0.1em;
 816 }
 817 .program-week .inline,.program-week .resume{padding:0;}
 818 .program-week .description{color:#aaa;}
 819 .program-week .metas{display:inline-block;}
 820
 821 /****************************************************/
 822 /**** SEARCH ****/
 823 /****************************************************/
 824
 825 .search li.previous-page {
 826   margin-bottom: 2ex;
 827   text-align: left;
 828   margin-left: 0ex;
 829   font-style: italic;
 830 }
 831
 832 .search li.next-page {
 833   margin-top: 2ex;
 834   text-align: right;
 835   margin-right: 0;
 836   font-style: italic;
 837 }
 838
 839 .search a.icon-check-empty.count-0{
 840         display:none !important;
 841 }
 842 /****************************************************/
 843 /**** GRILLE ****/
 844 /****************************************************/
 845
 846 #grid #Main {}
 847 #grid th{
 848         color:#4682B4;
 849 }
 850 #grid .heure {
 851         height:50px !important;
 852 }
 853 #grid .heure.vertical {
 854         padding:1.5em 0;
 855 }
 856 #grid .day {
 857         padding:1em 0 1em 0;
 858 }
 859 #grid .nonstop {
 860 }
 861 #grid .item{
 862         padding:0.5em 0.2em 0.5em 0.2em;
 863 }
 864 #grid .cell hr {
 865         border:1px dotted #ddd;
 866         margin:0.3em;
 867 }
 868 #grid .time-label{
 869         margin-top:0.5em;
 870 }
 871
 872 #grid .highlighted,#grid .highlighted  *{
 873         background:#333 !important;
 874         color:white !important;
 875 }
 876
 877 #grid .highlighted,#grid .highlighted  *{
 878         background:#333 !important;
 879         color:white !important;
 880 }
 881 #Emissions li.item.normal{
 882         display:none;
 883 }
 884 #Emissions li.item.hightlighted{
 885         display:block !important;
 886 }
 887
 888
 889 /**** COLOR VARIANTS ****/
 890
 891 /*
 892 #News #Nav,
 893  #News #Nav *,
 894   .news,
 895    .news *
 896 {color:white;background-color:#4682B4; border-color:#fff !important;color:#fff !important;}
 897 #News, #news,.news, .news *,.mainLegend.news {
 898         background-color:#fff;
 899         border-color:#1663d5 !important;
 900         color:#1663d5 !important;
 901 }*/
 902
 903 #player-container{}
 904 #Nav{}
 905
 906
 907
 908 /**** SCREEN SIZE ADAPTATIONS ****/
 909     html #main{ font-size: 70%; }
 910 body { font-size: 16px;}
 911 @media (max-width: 300px){
 912     body #All{ font-size: 80%; }
 913 }
 914
 915 @media (min-width: 300px) and (max-width:800px){
 916     body #All{ font-size: 85%; }
 917 }
 918
 919 @media (min-width: 700px) and (max-width:1000px){
 920     body #All{ font-size: 90%; }
 921 }
 922
 923 @media (min-width: 1000px) {
 924     body #All{ font-size: 100%; }
 925 }
 926
 927 #subscribe-form {
 928   position: relative;
 929   margin-bottom: 2em;
 930 }
 931
 932 #Home #subscribe-form {
 933   margin-bottom: 0;
 934 }
 935
 936 #subscribe-form ul.errorlist {
 937   position: absolute;
 938   bottom: -2em;
 939   text-align: center;
 940   display: block;
 941   width: 100%;
 942   padding: 0;
 943   list-style: none;
 944   color: #800;
 945 }
 946
 947 #Nav div.search form {
 948   padding: 1em 0;
 949 }