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,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYBAMAAACDuy0HAAAAG1BMVEX+/v4BAQH///8KCgoDAwN/f3/19fWAgID8/PzhDwT2AAAACXRSTlMFBQUFBQUFBQWHDtP9AAALwklEQVR4Xg3KOWOyWhAA0Bn2ci57eXEvQY1JCZp8sQTjVoJLTAkaE0swbj/7ve4UB37FLW4q86Lwwlh86J/ASAkpWaj+Krbb31HzH0Kjc2tIl7SADaWbpZBPE5dds6jJNyNdjAyKWqdroIixWRQIY6E/kOY7hIciL/ZfrAO3XP/06AuUJ3mSd/z95OB9vIal0DPlaZWHP7RE6DIXjmKqKkuGr+xNZylOnj1GSlUKvnxZDBOIzTfMe0fJgJ7c/GIIOdUuKxYyBFUOzvY6AC5AXx8R+o5O4S0j0wqBND3ErIYm/XHFbQjtH1MXD5dUbp19OFdjkDlys+HSwrBgHRvL9wVN/pi8ViOIwcv/D1GRW6UuDvJLLQA5lCI17iUdsKYpOuYfMATGnpn/Zs3W6gov51G+/Vs9Ay//we5kh8uwvEPum6o5HkDMDb3ZWunwtq+UzENU8NphDdbvNtKM3knx5gi6UMSQl+eGs+27mraDtxeWdH+T62Us/GylEtr7Ct8jlbeXKvAf5onx8D2uVt1J/GblV+XQyKUInOUG44fqjcszK266yHWAAYG9ekhvy4l4Maa44jYVyV2RFEuS54e2HcswtmNdqR/+V4P0O9e4XnpWgxVSQkNXpYMCxJ4Vel0lmi56jnYIIJAQMndF+zTEiyuj92r3ijJT1O0alPQnLWJvJLR7Xx7Xg9fm9QOqFu8o29m3QQqFwZN4bki/RoprNtMKKtEET9iMsJyKpkiguAorn2yzkv0wG3M1EEVDJP5VN7muLjYCglzdGQ7boYGgRmorzhRDq83gglgylC+hBLEyy6ZQWNwCmmqt6PvExAqGEA9V2XIT4/fS+I2cx1n5td85kOCjHfPWTg72FJ/+vKOyggt+rytFbEDJWL+mPwpgw6HtFLIHmq4o2m1nZ9saKwiKEOTVZtWlnqHODPu949VfKD+zzpfynd/ZZU5IWZ0dgnqRHC4uOBpBsT8N7YbFJzADiW2eo/T979OKFxY8zk/+HR/NNEkzgSBsmA35Sayz1m/ubxgmYQOmffyRh9gdx42mUVX512oqWkfxAzyuSCxx1cywx3jIXuXJEEbssymo0xMy7SskJW9C5IPYroPwQunt7f5FEPPXJLWRbGHcL4Q3sx3TLAN6W672r/I5CKkL6zSwwk0AI8+iBCSv1Y7QQP5RSoLE227uy8vn22Y6dhLBgEsRh18cTGjIv3y+60Kmt3YAZQX8qf3bJDUc/5pdjti+KwAZ9GzzQzd23d1JBAnSvWkWB8YfsIGlspHitNiMPYPFfR+OecRuPyxgfoP9/HkR3cR27IohiaDXCk/3VNP6lIxP9TBnsMeAAUZloq6P8KURLBsNFuiA3LsN/d9qpCeKKIBgSzsN5k+rdh3uh0VbvMuOIomJD1fBOiCqIsvklS5bOQhMaahJC+Rc+6lz+Uvxmq05Py+LoGIQlLKvlcaHsFG9Ui66H/qdHz67sPRGho+ruC92QgN5JEMmLsZREEiJu78FJbyzT8FsdK90XoEcezn2R5iLUzZhczJmf1yNY3gJNJUQvbpTznTAbnV5J8iL4q2OWuhJEndWVTyEr8M5VGTWtvOmUo1DsnOsqXE5ZzKE8K4/8cl8+c1XArp1RUKz+iKP96j2FcUmA+v0HnEr0iUdSrRK5duAj1FQamvpiaXR2JddD6g8n4SyFx/fjT4LkC+ghJckj1e1wP+DrHrpIiMaPH5F1rcaRvwZWfEn6fx+/C7PdXABGLNKjr1USZ5XyHjsafXMEoXtguAfjykMioMMHISXVAc9yQY5o5Qg8MM0nhWCA2HoiEgBc1EH+warLjxH3Ln68M/ciFqI1bG0mBOxiNreOuShEf/9pIzhm1Bh2cbYVxn2IYQ7eljYpab/5EdPF2PSmcy+62j6e2HBPNbe+8JVMuRQBrWdL9uBh4bYbQaQJ07FyfcpCuvSuxUyYjP6avvw9gTcAj0uTVohSwOHDDaHTs8nyachMBcWoVDWp3/lWgqeCLMneAUhSuhD2RJpufLOSi7emxOVhYsOGomV2JCEKjWu7kuqwueyFEmDgVhR0l4oHn8W87UZuxb8id54SxHWiSnPKnMyAhzdhi2wN/AoH3OYwLajuybB8h/QeJJiX1gIt+dfij+gr0CJRXQ2Y04Q6q8xHzfWm9FIgchiW0+X86tIotIGzRG1gENaKokQkLn+FXZ2x3KUcp7d/NUsmOmFCG/i03YB8pi0eiNS4LUIfA06AKvfQmP/VAXS1AP2kzJ+9LAaTafvFyO7bz8U9OCpld2q1eHGts+ZFrt04AmIlubOPP7Xayfi/r0tiX2aaPT9Dz4+TVPBoXsjHDzWfrmawOsZfmBT/k2+c6sz/hvD5wjrjT7XgRlnEzPuZermi1jqfUrE3q7VdFfJu5oT9Ad+VUh1fIwIFhBy8TmMuhIeX2XpmogmvS1C3ZuwiyR87ZSrj0Jv1DpEAYkbcL3RpjZXmZpPV4mXH8z8Nh8CS+R+PpcTnkhyr5UJaSiz0wjK22Ewl+zS+pTug0PQ0CSnJQ5LfdR77vVZufgjkQ/ydf4V5zpEaNq+JZmrQK6WdZBacmMHL9RmLnPUs0/MYwYFzoyrXYQMTHGAUJOfumR5r79MZO28DIEXQVT5wGw99TY1T0GOCC/BzWv8READwICd0LjUNKnE6ORVa0lOnqhoO0v33lwWcwF0ynTgTpFxy+0OKdphNDWJlH8ubKoG6WJXtKxAwbsilpBJB+GBwimvTsCrv1R7LSX9ExkAw44ZEcxU3L50OHnKAyKZNe1fih+hVqItRGCDf7shuvme+lTWteX5oYuc58NrCaqjYIrIV0PFyQeh2ZzZEqNS60LuhnP5wweMkkaU93pDA/RWPNeGpPCBgiUeDvV0L1NfdRP/Hn5i7rUK7kftlIWeIUIYbtzzFl9nlIeaNfoX+x/qyWzIABLTZDbeq/hDZpxg2gkh+ICfSU8OUpJ8yWY17uQ5EGa+GGWFmnrBd9vX3KOteYkJaMpPwJ4TjzDjbhkOMKmWKClzVJ2g81YGFl/c0xPIKncgJGdUKvZoUUJu0gYaIAh6E0xNeQ15qpJXzNITgf4W+w/oUaKOM54EMUi1j5yvOCsEe8JYpwVGj53lNiPMY9Rltgd4icp82fvN69zkSBUI40nJSRTeHz7h1IX42Cr0klWjxjO05MSX1IaTeDmTRGEeKvAvtaaBaLQnjftGJz+4cjFyy6/iCjLGF2/gW+jQhEUxbEBPyQzXi+Bb4kc9wK4jIwNLWbwQAOtYKRLaipDH+X4TPPOG8DCNY4IC9yBk1qcibjhUgRnDcf35pl9d5otbvQjOIXlEu5dVtm5LRaK5KWcD/PX6LaGd25CuNHG/vgeIB1kcpCme+J8idlcjfBALAJSggznsGHGOAJgdGduMnZg+bAaeGASGV9bh/X2wPsVTmBLxmTTQsBGFkEOkZJTsGAm+HrtMDbWwvTXOutX1u7BxIq9Xib6DkFMbUitNdrYsULkahsAhBEh9FjdzL9BNARxTSr7T3u1rE+IWUmCIpwTZHZCu5l9THCuCcOhZqfekuQxjQ7EoyGUJAwCv/q1JOuJeCc/3lknb76zAquO/DAQhK/62cP8X2s3+IBLIhvL8RHopoHpIArJysYTTmMMeubPXh8W760AvMVH67jqgg06+/ne5MZ631z6yROhloh3dPQirZoEpr80wgt/cEbhbAQTmRLtGh8lxCwDBBb5OeJ4aEq25XBNMT2rzWedW2zIzj+CCDKlnlyJBzT81qBWp69h7vlb3TmEV+DNm2rqj1iT7BQuwVVsuPkwq1e5P8tgNjVbIlMzwXeM11kZqjx3KKFOJzc3CAyFVhi8fxVZ5FvhdAM5mM6kS6OgKu16MFglq3/b/QVIwdw7HUCyeW04JPjC5dO+GC9OfqfB4VX+wwuift+ths2Ss3i6nkOE+JFyD+wKFL+WMX6nwwDva0S1/O8Mlnida69Ph96fuFvCoRMvXnCfsLPPmC/hA5RnMNE4fDK0pVOQ4BHLaErzv/wD99ABmjNZk0AAAAABJRU5ErkJggg==") 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 }
 265
 266 /* PANIK LOGO */
 267 #mainHeader {
 268         padding-top:1em;
 269         background:white 50% 50% no-repeat url('../img/logoPanik.png');
 270 }
 271 #mainHeader *{color:black !important;line-height:1em;}
 272 #mainHeader #radioPanik{}
 273 #mainHeader #frequence{display:block;
 274         font-size:60%;}
 275
 276 #Panik img{display:block;margin:auto;max-height:200px;}
 277
 278 #Links{
 279         border-top:2px solid black;
 280 }
 281 #Related{
 282         border-top:2px solid black;
 283         background-color:#eee;
 284         background-image:url("data:image/png;base64,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") repeat scroll 0% 0% rgb(51, 51, 51);
 285         color:#000;
 286 }
 287 /****************************************************/
 288 /****  SCREEN NAV ****/
 289 #Nav{
 290         text-align:center;
 291         border-bottom:1px solid #000;
 292         background:#003446;
 293         /*
 294         background:#003446;
 295         */
 296 }
 297 #Nav nav{padding:0.1em;}
 298 #Nav *{ color:#ddd;border-color:#ddd;}
 299 /*#Nav form{background:#800000;}*/
 300 #Nav input{color:#333;}
 301 #Nav .active,#Nav .active *{
 302         color:white !important;
 303         font-weight:bold;
 304 }
 305 #Nav .active{
 306         border-width:0 0 2px 0;
 307         border-style:solid;
 308 }
 309 #Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;}
 310
 311 #Nav nav{
 312         margin:0;
 313 }
 314 #Nav h2{
 315         margin:0;
 316         padding:0;
 317 }
 318 #Nav nav ul{
 319         margin:1em 0 1em 0;
 320 }
 321
 322 #Nav li a{
 323         display: inline-block;
 324         padding: 0 0.5em 0 0.5em;
 325 }
 326 #Nav nav ul.distributed li {padding: 0;}
 327
 328 #Nav nav.right{
 329         color:#EED1B1 !important;
 330         background:#342E2E;
 331         border-color:#342E2E;
 332         border-width:2px;border-style:solid;
 333 }
 334 #Nav nav.right li, #Nav nav.right li a{
 335         display:block;
 336         color:#EED1B1 !important;
 337 }
 338 @media screen and (max-width: 400px) {
 339         #Nav nav.right{float:none !important;margin:none;border-top:2px solid white;}
 340 }
 341 #Nav nav.sub{
 342 }
 343
 344 #Nav nav.sub li a{
 345         min-width:7em;
 346         padding:0.5em;
 347 }
 348
 349
 350
 351 /****************************************************/
 352 /**** PLAYER ****/
 353 /*#Home #player{   float: left; } */
 354 #player-container{
 355         color:#fff;
 356         /*
 357         -moz-box-shadow: 0px 5px 5px #000;
 358         -webkit-box-shadow:  0px 5px 5px #000;
 359         box-shadow: 0px 5px 10px #000;
 360         */
 361         font-size:1em;
 362         background-color:#ff6633; border-color:#fff;
 363         }
 364 #player-container button,#player-container a,#player-container .label{
 365         border-color:#fff;
 366         color:#fff;
 367 }
 368 #player-container .metas, #player-container img{border-color:#fff;}
 369 #player-container .padded{padding:0.5em;}
 370
 371 #player-container button,#player-container a{
 372 }
 373 #player-container .metas{
 374         text-align:center;
 375 }
 376 #player-container{
 377         border-top:2px solid black;
 378         border-bottom:2px solid black;
 379 }
 380 #DirectStreamPanikControler {
 381         display:inline !important;
 382 }
 383 #streamSymbol{
 384         font-size:6em;
 385         float:left;
 386         margin-right:5px;
 387 }
 388 #CurrentlyPlaying{
 389         padding:0 0 0 0;
 390 }
 391 #DirectStreamPanikControler .label{
 392 }
 393 #player-container.fixed{
 394         -moz-box-shadow: 0px -5px 15px #000;
 395         -webkit-box-shadow:  0px -5px 15px #000;
 396         box-shadow: 0px -5px 15px #000;
 397         z-index:500;
 398         position:fixed;
 399         width:100%;
 400         /*top:2em;*/
 401         font-size:80%;
 402         bottom:0em;
 403         border-bottom:none;
 404 }
 405 #Player.withPlaylist #player-container #audioPlayer{
 406         float:left;
 407         width:50%;
 408         border-right:2px solid black;
 409 }
 410 #Player.withPlaylist #player-container #Playlist{
 411         float:right;
 412         width:49%;
 413         text-align:left;
 414 }
 415 #player-container.normal #player{
 416         padding:3em;
 417 }
 418 #player-container.minimized{
 419         width:auto;
 420         border-width:0px 2px 2px 0 !important;
 421         border-bottom-right-radius:1em;
 422         -moz-border-bottom-right-radius:1em;
 423         -webkit-border-bottom-right-radius:1em;
 424 }
 425 #player-container.minimized #player{
 426         padding:0;
 427 }
 428
 429 /*Playlist*/
 430 #Playlist{
 431 }
 432
 433 #Playlist button{
 434 }
 435 #Playlist #playlistLabel{
 436         float:right;
 437
 438 }
 439 #Playlist .playListControls{
 440 }
 441 #Playlist .playListControls button{
 442         margin-right:0.5em;
 443         display:inline-block;
 444 }
 445 #Playlist .playListControls .playPause{
 446         font-size:6em;
 447         margin-right:5px;
 448         float:left;
 449 }
 450
 451 #Playlist .playing .icon-pause{
 452    -webkit-animation: loading 1s infinite linear;
 453    -moz-animation: loading 1s infinite linear;
 454    -o-animation: loading 1s infinite linear;
 455    animation: loading 1s infinite linear;
 456 }
 457 #Playlist .playlistControls button,#Playlist .playlistControls .button{
 458         margin:0 0.1em 0 0.1em;
 459 }
 460 #Playlist li{
 461         clear:right;
 462 }
 463 #Playlist .soundControls button{}
 464
 465 #player-container #Playlist ol{
 466         clear:right;
 467         padding:0 0 0 1.5em;
 468         height:1.3em;
 469         overflow:hidden;
 470 }
 471 #player-container #Playlist ol li{
 472         line-height:1.3em;
 473         padding:0;
 474         margin:0;
 475 }
 476 #Playlist ol li .soundControls{
 477         line-height:1.5em;
 478         height:1.5em;
 479         clear:right;
 480         float:right;
 481 }
 482 #Playlist ol li .title{
 483         margin-right:70px;
 484         display:block;
 485         white-space: nowrap;
 486         text-overflow: ellipsis;
 487         overflow: hidden;
 488 }
 489 #player .active{
 490         text-transform:uppercase;
 491         font-weight:bold;
 492 }
 493 /*limit height of playlist*/
 494 #PlayerHelp,#player-container #Playlist ol.deploy{
 495         height:auto;
 496         max-height:12em;
 497         overflow:auto;
 498 }
 499 #player #CurrentlyPlaying,
 500  #player-container #Playlist ol{
 501         opacity:0.9;
 502         padding-top:0.2em;
 503 }
 504
 505 @media screen and (max-width: 500px) {
 506
 507         #Player.withPlaylist #player-container #audioPlayer,
 508           #Player.withPlaylist #player-container #audioPlayer,
 509            #Player.withPlaylist #player-container #Playlist{
 510                 float:none !important;
 511                 width:auto !important;
 512                 border:none;
 513                 max-width:auto !important;
 514         }
 515         #Player.withPlaylist #player-container #Playlist{
 516                 border-top:2px solid black;
 517         }
 518 }
 519 @media screen and (min-width: 500px) {
 520         #Player #player-container #audioPlayer{
 521                 max-width:50%;
 522                 margin:auto;
 523         }
 524 }
 525
 526
 527
 528 /****************************************************/
 529 .inline .link{display:block;padding:1em;}
 530 /**** Liste   ****/
 531 /**** EMISSIONS ****/
 532 #Emission .emission-detail .title{}
 533 /*
 534 */
 535 #Emission-tabs-menu .sub{
 536         margin-bottom:1em;
 537 }
 538 /**** Detail    ****/
 539 .emission-detail .metas{
 540         line-height:1.5em;
 541 }
 542 .emission-detail .description{
 543         font-family: "RegloBold";
 544         font-size: 1.3em;
 545         margin:0em 0 1em 0;
 546         line-height:1.5em;
 547 }
 548 .emission-detail .logo{
 549         float:right;
 550         max-width:50%;
 551 }
 552 @media screen and (max-width: 300px) {
 553         .emission-detail .metas {
 554                 float: none;
 555                 width: auto;
 556                 margin: 0;
 557         }
 558         .emission-detail .logo{max-width:100%;}
 559 }
 560 .emission .mainHeader {
 561     overflow: hidden;
 562     margin-bottom:1.5em;
 563 }
 564 /**** Inline    ****/
 565 .emission.inline, .emission.resume {
 566         padding:1em 0 1em 0;
 567 }
 568
 569 .emission.inline div.date {
 570         min-height: 3em;
 571         text-align: center;
 572         display:inline-block;
 573         float:left;
 574         margin-right:1em;
 575 }
 576 .emission .archived {
 577         opacity:0.6;
 578 }
 579
 580 .emission. .link .description {
 581         margin: 0px 0 5px 0;
 582         font-family: "RegloMedium";
 583 }
 584
 585
 586 /**** EPISODE ****/
 587 /**** Detail  ****/
 588
 589 .episode .tag{
 590 }
 591 .episode.resume, .episode.inline{
 592         padding:1em 0.5em 1em;
 593 }
 594 .episode.inline .dateBloc, .episode.resume .dateBloc{
 595         float:left;
 596 }
 597 .episode.resume img {
 598         border: 2px solid black;
 599 }
 600
 601 .episode.resume .title{
 602         margin-bottom:0.5em;
 603 }
 604 .episode.resume .logo{
 605         float: right;
 606 }
 607 .episode.inline .logo{
 608         min-height: 50px;
 609         float: left;
 610         margin-right:0.5em;
 611 }
 612 .episode.resume .sound{
 613         float:right;
 614         margin:0 0 1em 1em;
 615 }
 616 .episode.inline .sound.right{
 617         width:2em;
 618         text-align:center;
 619         font-size:70%;
 620 }
 621 .episode.inline .sound.right button{
 622         padding-bottom:0.1em;
 623 }
 624 .episode.resume .sound.right .icon-download{
 625         text-align:center;
 626 }
 627 .episode.resume .sound.right .icon-download{
 628         display:block;
 629 }
 630 .episode.detail .logo.right{
 631         max-width:50%;
 632 }
 633
 634 .episode.resume .date .day, .emission-detail .date .day {
 635 }
 636
 637 .episode.resume .content {
 638         padding-left: 5em;
 639 }
 640 .episode.resume .content .title {
 641 }
 642
 643 .episode.resume .logo {
 644         margin:0 0 1em;
 645         max-width:20%;
 646 }
 647 .episode.inline .date{
 648         font-size:80%;
 649 }
 650
 651 @media screen and (max-width: 400px) {
 652         .episode .dateBloc{
 653                 width:4em;
 654                 font-size:80%
 655         }
 656
 657         .episode.resume .content {
 658                 padding-left: 4em;
 659         }
 660         .resume .logo img,.inline .logo img{width:30px !important;}
 661 }
 662
 663 /****************************************************/
 664 /**** News ****/
 665 /****************************************************/
 666
 667 #newsRoll {
 668         border-top:2px solid black;
 669         border-bottom:2px solid black;
 670         -moz-box-shadow: 0px 0px 100px rgb(0, 0, 0) inset;
 671         -webkit-box-shadow: 0px 0px 100px rgb(0, 0, 0) inset;
 672         box-shadow: 0px 0px 100px rgb(0, 0, 0) inset;
 673 }
 674
 675 .newsRoll li{
 676         background:black;
 677         color:white;
 678         border:2px solid black !important;
 679 }
 680 .newsRoll .title{
 681 }
 682 @media (max-width: 600px){
 683         .newsRoll li.largeScreens{
 684                 display:none;
 685         }
 686 }
 687 .newsRoll img.logo{
 688         display:inline-block;
 689         width:100% !important;
 690         border:none;
 691         margin:none;
 692         padding:none;
 693 }
 694 .newsRoll .title{
 695         background:black;
 696         color:white;
 697         bottom:0px;
 698         width:100%;
 699         opacity:0.8;
 700 }
 701 .newsRoll .labels{
 702 }
 703 .newsRoll .labels .item{
 704         display:block;
 705         background:#003446;
 706         color:white;
 707         margin:0.1em;
 708         font-size:0.9em;
 709         padding:0.3em;
 710         opacity:0.9;
 711         border-radius:0.3em;
 712 }
 713 .newsRoll h5{
 714         font-size:1em;
 715         color:white;
 716         padding:0.5em;
 717 }
 718 .newsRoll li a {
 719         margin:0 0 0 0 !important;
 720         padding:0 0 0 0 !important;
 721 }
 722 .list.news li {
 723 }
 724 .news li a{padding:1em;}
 725
 726 .news .logo img{
 727         display:block;
 728         border-style:solid;
 729         border-width:2px;
 730 }
 731 ul.newsSpecial{
 732         border-bottom:2px solid #ccc;
 733 }
 734 @media only screen and (max-width: 600px) {
 735         .news .columns.by3{column-count: 1;     -webkit-column-count: 1;        -moz-column-count: 1;}
 736         .news .columns.by3 .logo {
 737                 float:right;
 738                 max-width:50%;
 739         }
 740 }
 741 @media (min-width: 800px) {
 742 }
 743
 744 /****************************************************/
 745 /**** Home & ****/
 746 /****************************************************/
 747
 748 #Home #Nav .wrapper{
 749         max-width:auto !important;
 750         width:auto !important;
 751 }
 752
 753 /*
 754 @media screen and (max-width:800px){
 755         #Home .newsRoll .logo{
 756                 max-width:100px;
 757         }
 758 }
 759 @media screen and (max-width:600px){
 760         #Home .newsRoll .logo{
 761                 max-width:50px;
 762         }
 763 }
 764 */
 765
 766 /****************************************************/
 767 /**** PROGRAM ****/
 768 /****************************************************/
 769
 770 .program.tabs nav ul li{
 771         display:table-cell;
 772         width:14%;
 773         text-align:center;
 774 }
 775 .program ul .dateBloc {
 776         float:left;
 777         padding-top:1em;
 778 }
 779 .program ul .schedule {
 780         margin-left:5em;
 781 }
 782 .program .nonstop {
 783         text-align:right;
 784 }
 785 .program-week .programDate{
 786         float:left;
 787         width:3em;
 788 }
 789 .program-week .programCell{
 790         margin-left:3.5em;
 791 }
 792 .program-week .nonStop .programDate{
 793         visibility:hidden;
 794 }
 795 .program-week .nonStop .programCell{
 796         font-size:0.9em;
 797         padding-left:50%;
 798         text-align:right;
 799 }
 800 .program-week a.nonstop{
 801         font-size:0.9em;
 802         float:right;
 803         margin:0.1em;
 804 }
 805 .program-week .inline,.program-week .resume{padding:0;}
 806 .program-week .description{color:#aaa;}
 807 .program-week .metas{display:inline-block;}
 808
 809 /****************************************************/
 810 /**** SEARCH ****/
 811 /****************************************************/
 812
 813 .search li.previous-page {
 814   margin-bottom: 2ex;
 815   text-align: left;
 816   margin-left: 0ex;
 817   font-style: italic;
 818 }
 819
 820 .search li.next-page {
 821   margin-top: 2ex;
 822   text-align: right;
 823   margin-right: 0;
 824   font-style: italic;
 825 }
 826
 827 .search a.icon-check-empty.count-0{
 828         display:none !important;
 829 }
 830 /****************************************************/
 831 /**** GRILLE ****/
 832 /****************************************************/
 833
 834 #grid #Main {}
 835 #grid th{
 836         color:#4682B4;
 837 }
 838 #grid .heure {
 839         height:50px !important;
 840 }
 841 #grid .heure.vertical {
 842         padding:1.5em 0;
 843 }
 844 #grid .day {
 845         padding:1em 0 1em 0;
 846 }
 847 #grid .nonstop {
 848 }
 849 #grid .item{
 850         padding:0.5em 0.2em 0.5em 0.2em;
 851 }
 852 #grid .cell hr {
 853         border:1px dotted #ddd;
 854         margin:0.3em;
 855 }
 856 #grid .time-label{
 857         margin-top:0.5em;
 858 }
 859
 860 #grid .highlighted,#grid .highlighted  *{
 861         background:#333 !important;
 862         color:white !important;
 863 }
 864
 865 #grid .highlighted,#grid .highlighted  *{
 866         background:#333 !important;
 867         color:white !important;
 868 }
 869 #Emissions li.item.normal{
 870         display:none;
 871 }
 872 #Emissions li.item.hightlighted{
 873         display:block !important;
 874 }
 875
 876
 877 /**** COLOR VARIANTS ****/
 878
 879 /*
 880 #News #Nav,
 881  #News #Nav *,
 882   .news,
 883    .news *
 884 {color:white;background-color:#4682B4; border-color:#fff !important;color:#fff !important;}
 885 #News, #news,.news, .news *,.mainLegend.news {
 886         background-color:#fff;
 887         border-color:#1663d5 !important;
 888         color:#1663d5 !important;
 889 }*/
 890
 891 #player-container{}
 892 #Nav{}
 893
 894
 895
 896 /**** SCREEN SIZE ADAPTATIONS ****/
 897     html #main{ font-size: 70%; }
 898 body { font-size: 16px;}
 899 @media (max-width: 300px){
 900     body #All{ font-size: 80%; }
 901 }
 902
 903 @media (min-width: 300px) and (max-width:800px){
 904     body #All{ font-size: 85%; }
 905 }
 906
 907 @media (min-width: 700px) and (max-width:1000px){
 908     body #All{ font-size: 90%; }
 909 }
 910
 911 @media (min-width: 1000px) {
 912     body #All{ font-size: 100%; }
 913 }
 914
 915 #subscribe-form {
 916   position: relative;
 917 }
 918
 919 #subscribe-form ul.errorlist {
 920   position: absolute;
 921   bottom: -2em;
 922   text-align: center;
 923   display: block;
 924   width: 100%;
 925   padding: 0;
 926   list-style: none;
 927   color: #800;
 928 }
 929
 930