--- /dev/null
+/******************/
+/*HTML TAG DISPLAYS */
+/******************/
+body {
+ font-family: "RegloNormal";
+ line-height: normal;
+ text-align: left;
+ margin:1.8em auto 0 auto;
+ /*padding: 0px 10px;*/
+ clear: both;
+}
+code,pre{
+ display:block;
+ overflow:auto;
+ padding:0.5em;
+ background:black !important;
+ color:white !important;
+ font-family:monospace;
+}
+audio {
+ display:block;
+ width: 90%;
+ margin:0.5em auto 1em auto;
+}
+
+a {
+ color:inherit;
+ text-decoration: none;
+}
+.userContent a:hover {
+ text-decoration: underline;
+}
+a.block:hover,nav a:hover{
+ text-decoration: none;
+}
+button, .button{
+ margin:0 0 0 0;
+ padding: 0 0 0 0;
+ cursor:pointer ;
+ background:none;
+}
+img {max-width:100%;}
+img.logo{border:2px solid black;}
+
+header{
+ padding:0 0 2em 0;
+ font-family: 'RegloBold';
+}
+h1, h2, h3, h4, h5{
+ font-family: 'RegloBold';
+ line-height:1em;
+ padding:0.2em 0 0.2em 0;
+}
+h1, h2, h3, h4{
+ text-transform: uppercase;
+}
+h1 { font-size: 6em;}
+h2 { font-size: 4em;}
+h3 { font-size: 3em;}
+h4 { font-size: 1.8em;}
+h5 { font-size: 1.1em;}
+
+/*Specific rules for text writen by final users */
+.userContent h1 { font-size: 2em;}
+.userContent h2 { font-size: 1.9em;}
+h1, h2, h3, h4, .squashed{
+ font-family: 'RegloScale';
+ }
+
+nav{
+ padding:0em;
+ font-family: "RegloBold";
+ text-transform: uppercase;
+}
+hr {
+ height: 0;
+ margin:0.5em 0 0.5em 0;
+ padding:0;
+ border-style:solid;
+ border-width:2px 0 0 0 ;
+ border-color:black;
+}
+table{
+ margin:auto;
+ table-layout:fixed;
+}
+table,td,tr {
+ padding:0;
+ margin:0;
+ word-wrap: break-word;
+ text-overflow: ellipsis;
+ text-align: center;
+ vertical-align: middle;
+ border: 1px solid #D0D0D0;
+ border-collapse:collapse;
+}
+th {
+ white-space: nowrap;
+ text-transform: uppercase;
+}
+tr{
+}
+p {
+ /*line-height: 1.2;*/
+ margin-bottom: 1em;
+}
+p a {
+ text-decoration: underline
+}
+
+em {
+ font-family: "RegloBold";
+ font-style: normal;
+}
+strong{
+ text-transform: uppercase;}
+blockquote {
+ padding: 1em;
+ font-style:italic;
+}
+
+dl{}
+dt, dd{
+ letter-spacing:1px;
+ line-height: 150%;
+}
+dt {
+ float:left;
+ font-family: "RegloBold";
+ margin-right: 0.3em;
+}
+dd {
+ font-family: "RegloNormal";
+}
+
+dt:after {
+ content: ":";
+}
+
+dl.metadata dt {
+ clear: none;
+ margin: 0;
+}
+
+dl.metadata dd {
+ margin-right: 4px;
+ }
+
+button {display:inline-block;}
+button {
+ font-family: "RegloBold";
+ text-transform: uppercase;
+}
+ul, ol, dl {
+ margin: 0;
+ padding: 0 0 0 2em;
+}
+nav ul, ul.inline, ul.custom, ul.custom li{
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+nav ul li, ul.inline li{
+ display:inline;
+}
+ul.list{
+ list-style-type:square; /*Not working but why?*/
+ list-style-position:inside;
+}
+ul.list > li{
+ padding:0.5em 0 0.5em 0;
+ border-bottom:1px solid #ccc;
+}
+
+/******************/
+/*USEFULL CLASSES */
+/******************/
+
+
+ul.distributed{
+ display:table;
+ width:100%;
+ text-align:center;
+ margin:0;
+ padding:0;
+ border-collapse:collapse;
+}
+ul.distributed li{
+ display:table-cell;
+ text-align:center;
+}
+ul.distributed.by2 li{
+ width:50%;
+}
+ul.distributed.by3 li{
+ width:33%;
+}
+ul.distributed.by4 li{
+ width:25%;
+}
+ul.distributed.by5 li{
+ width:20%;
+}
+ul.distributed.by6 li{
+ width:16.6666%;
+}
+ul.distributed.by7 li{
+ width:14.285%;
+}
+
+a.active, button.active{
+ font-weight:bold;
+ text-decoration:none;
+ border-bottom: 2px solid;
+}
+.active *{
+ font-weight:inherit;
+}
+
+.todo:hover, .todo *:hover{
+ text-decoration: line-through;
+ color:red !important;
+}
+
+
+.focusFade {
+ -webkit-transition-property: color;
+ -webkit-transition-duration: 0.2s;
+ -webkit-transition-timing-function: ease;
+ }
+
+.extra-margin {
+ margin-bottom: 16px;
+}
+.ellipsis{
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.block {display:block;}
+.inBlock{display:inline-block;}
+.right{float:right;margin-left:1em;}
+.left{float:left;margin-right:1em;}
+.userContent .right, .userContent .left{
+ margin-bottom:1.5em;
+}
+img.right, img.left{max-width:50%;}
+.smooth{opacity:0.5;}
+.hidden{display:none;}
+.invisible{visibility:hidden;}
+.padded{padding:1.5em;}
+.marged{margin:1.5em 0 1.5em 0;}
+
+.small{ font-size: 80%;}
+.big{ font-size: 150%;}
+.huge{ font-size: 200%;}
+
+.absolute{
+ position:absolute;
+}
+.relative{
+ position:relative;
+}
+.nowrap {
+ white-space: nowrap;
+}
+.center{
+ text-align:center;
+ margin-left:auto;
+ margin-right:auto;
+}
+
+.loading{
+ -webkit-animation: loading 1s infinite linear;
+ -moz-animation: loading 1s infinite linear;
+ -o-animation: loading 1s infinite linear;
+ animation: loading 1s infinite linear;
+}
+@-webkit-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
+@-moz-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
+@-o-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
+@keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
+
+.spinning {
+ position:relative;
+ /*
+ -webkit-animation: rotation 10s infinite linear;
+ -moz-animation: rotation 10s infinite linear;
+ -o-animation: rotation 10s infinite linear;
+ animation: rotation 10s infinite linear;
+ */
+}
+@-webkit-keyframes rotation {
+ from {-webkit-transform: rotate(0deg);}
+ to {-webkit-transform: rotate(359deg);}
+}
+@-moz-keyframes rotation {
+ from {-moz-transform: rotate(0deg);}
+ to {-moz-transform: rotate(359deg);}
+}
+@-o-keyframes rotation {
+ from {-o-transform: rotate(0deg);}
+ to {-o-transform: rotate(359deg);}
+}
+@keyframes rotation {
+ from {transform: rotate(0deg);}
+ to {transform: rotate(359deg);}
+}
+.vertical {
+ -webkit-transform: rotate(-90deg);
+ -moz-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ -o-transform: rotate(-90deg);
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+}
+.columns{column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0;}
+.columns.padded{column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em;}
+.columns li{
+ display:inline-block;
+ width:100%;
+ column-break-inside: avoid;
+ -moz-column-break-inside: avoid;
+ -webkit-column-break-inside: avoid;
+ break-inside: avoid-column;
+ -webkit-break-inside: avoid-column;
+ -moz-break-inside: avoid-column;
+}
+@media only screen and (min-width: 600px) {
+ .columns{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
+}
+.columns.by3{column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;}
+
+/* And the rest is Eric & Seb, AGPLv3*/
+
+label, select, input, button, textarea{
+ font-size:inherit;
+}
+label {
+ margin-right:1em;
+ height: 1.2em;
+ display: inline-block;
+ text-transform: uppercase;
+}
+
+select {
+ height: 1.2em;
+ -webkit-appearance: none;
+ -moz-appearance: window;
+}
+
+select[multiple],
+select[size] {
+ height: auto;
+ background-image: inherit;
+}
+
+input[type=date] {
+ -webkit-appearance: none;
+ -moz-appearance: window;
+}
+
+select, select option {
+ height: 1.2em;
+ text-transform: none;
+}
+
+input, select {
+ height: 1.2em;
+ background: #fff;
+}
+
+
+input[type=text], textarea{
+ width: 100%;
+ max-width:10em;
+ display: inline-block;
+ border:2px solid black;
+ border-radius:0.2em;
+ -moz-border-radius:0.2em;
+ -webkit-border-radius:0.2em;
+}
+
+input[type=submit] {
+ text-align: left;
+ border: none;
+}
+
+/**
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ * contenteditable attribute is included anywhere else in the document.
+ * Otherwise it causes space to appear at the top and bottom of elements
+ * that are clearfixed.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ * `:before` to contain the top-margins of child elements.
+ */
+.cf:before, .cf:after {
+ content: " "; /* 1 */
+ display: table; /* 2 */
+}
+
+.cf:after {
+ clear: both;
+}
+
+/**
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+.cf {
+ *zoom: 1;
+}
+
+/* icons */
+
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('../font-awesome/font/fontawesome-webfont.eot?v=3.2.1');
+ src: url('../font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+/* FONT AWESOME CORE
+ * -------------------------- */
+[class^="icon-"],
+[class*=" icon-"] {
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+ *margin-right: .3em;
+}
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+ text-decoration: inherit;
+ display: inline-block;
+ speak: none;
+}
+/* makes sure icons active on rollover in links */
+a [class^="icon-"],
+a [class*=" icon-"] {
+ display: inline;
+}
+
+/* reglo symbols variants */
+[class^="icon-"].resymbol,
+[class*=" icon-"].resymbol {
+ font-family: Symbols;
+}
+
+/* specific icon classes */
+.icon-archive:before { content: "\f187"; }
+.icon-bolt:before { content: "\f0e7"; }
+.icon-bullhorn:before { content: "\f0a1"; }
+.icon-calendar:before { content: "\f073"; }
+.icon-check:before { content: "\f046"; }
+.icon-check-empty:before { content: "\f096"; }
+.icon-chevron-sign-left:before { content: "\f137"; }
+.icon-chevron-sign-right:before { content: "\f138"; }
+.icon-comments:before { content: "\f086"; }
+.icon-double-angle-left:before { content: "\f100"; }
+.icon-download:before { content: "\f01a"; }
+.icon-envelope:before { content: "\f0e0"; }
+.icon-file:before { content: "\f15b"; }
+.icon-globe:before { content: "\f0ac"; }
+.icon-headphones:before { content: "\f025"; }
+.icon-home:before { content: "\f015"; }
+.icon-info-sign:before { content: "\f05a"; }
+.icon-microphone:before { content: "\f130"; }
+.icon-pause:before { content: "\f04c"; }
+.icon-play:before { content: "\f04b"; }
+.icon-play-sign:before { content: "\f144"; }
+.icon-plus-sign:before { content: "\f055"; }
+.icon-question-sign:before { content: "\f059"; }
+.icon-remove:before { content: "\f00d"; }
+.icon-rss:before { content: "\f09e"; }
+.icon-search:before { content: "\f002"; }
+.icon-share:before { content: "\f045"; }
+.icon-step-backward:before { content: "\f048"; }
+.icon-step-forward:before { content: "\f051"; }
+.icon-stop:before { content: "\f04d"; }
+.icon-trash:before { content: "\f014"; }
+.icon-volume-up:before { content: "\f028"; }
--- /dev/null
+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, button,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ /*font: inherit;*/
+ color:inherit;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+h1, h2, h3, h5, h6 {
+ font-weight: normal;
+}
+button{background:none;border:none;}
+button:focus::-moz-focus-inner,
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner,
+input[type="file"] > input[type="button"]::-moz-focus-inner {
+ border: 0px dotted transparent;
+}
+/* The following code is taken from Normalize.css,
+ * available under the MIT License:
+ *
+ * Copyright (c) Nicolas Gallagher and Jonathan Neal
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ *
+ */
+
+// ==========================================================================
+// Forms
+// ==========================================================================
+
+//
+
+
+//
+// 1. Correct `color` not being inherited in IE 8/9.
+// 2. Remove padding so people aren't caught out if they zero out fieldsets.
+//
+
+legend {
+ border: 0; // 1
+ padding: 0; // 2
+}
+
+//
+// 1. Correct font family not being inherited in all browsers.
+// 2. Correct font size not being inherited in all browsers.
+// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+//
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; // 1
+ font-size: 100%; // 2
+ margin: 0; // 3
+ border: none;
+}
+
+//
+// Address Firefox 4+ setting `line-height` on `input` using `!important` in
+// the UA stylesheet.
+//
+
+button,
+input {
+ line-height: normal;
+}
+
+//
+// Address inconsistent `text-transform` inheritance for `button` and `select`.
+// All other form control elements do not inherit `text-transform` values.
+// Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+// Correct `select` style inheritance in Firefox 4+ and Opera.
+//
+
+button,
+select {
+ text-transform: none;
+}
+
+//
+// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+// and `video` controls.
+// 2. Correct inability to style clickable `input` types in iOS.
+// 3. Improve usability and consistency of cursor style between image-type
+// `input` and others.
+//
+
+button,
+html input[type="button"], // 1
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; // 2
+ cursor: pointer; // 3
+}
+
+//
+// Re-set default cursor for disabled elements.
+//
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+//
+// 1. Address box sizing set to `content-box` in IE 8/9.
+// 2. Remove excess padding in IE 8/9.
+//
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; // 1
+ padding: 0; // 2
+}
+
+//
+// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+// (include `-moz` to future-proof).
+//
+
+input[type="search"] {
+ -webkit-appearance: textfield; // 1
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; // 2
+ box-sizing: content-box;
+}
+
+//
+// Remove inner padding and search cancel button in Safari 5 and Chrome
+// on OS X.
+//
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+//
+// Remove inner padding and border in Firefox 4+.
+//
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+//
+// 1. Remove default vertical scrollbar in IE 8/9.
+// 2. Improve readability and alignment in all browsers.
+//
+
+textarea {
+ overflow: auto; // 1
+ vertical-align: top; // 2
+}
+
--- /dev/null
+/* COLORS
+
+@black: #000000;
+@orange: #CFBE00; -- highlight & stuff
+@blue: #5f2167; -- focus & stuff
+@white: #FFFFFF;
+ */
+
+/****************************************************/
+/* FONTS */
+
+.resymbol:hover,.control:hover{ opacity:0.5; }
+.date, .dateBloc {
+ font-family: "Reglo";
+ text-transform: uppercase;
+}
+.inline .date, .resume .date{
+ text-align: center;
+}
+.dateBloc{width:4em;
+ text-align: center;}
+.dateBloc{display:inline-block;}
+.dateBloc *{line-height: 100%;}
+.dateBloc .day {font-size: 1.8em;}
+.dateBloc .number {font-size: 1.8em;}
+.dateBloc .month {font-size: 0.8em;}
+.dateBloc .time {font-size: 1.2em;margin: 0.2em 0;}
+
+.dateBloc.small{
+ font-size: 80%;
+}
+
+.date.smooth {
+ text-transform: none;
+ font-size: 100%;
+ font-family: RegloNormal;
+}
+
+.tabs .ui-tabs-nav {
+ font-family: "Reglo";
+ text-transform: uppercase;
+}
+.legend{
+ font-family: "Reglo";
+ font-size:1.2em;
+ border-bottom:3px solid black;
+ padding: 0.2em 0 0.2em 0;
+ margin: 0.2em 0 0.2em 0;
+}
+#Main .sectionLabel{
+ margin-bottom:1em;
+}
+
+.sectionLabel, .label {
+ text-transform: uppercase;
+ font-family: "Reglo";
+ font-size:1.3em;
+}
+
+.rightPart .right.sectionLabel {
+ text-transform: none;
+ border-bottom: 1px solid black;
+ padding-bottom: 3px;
+}
+
+h5.focus-title {
+ color: #5f2167;
+}
+
+.rightPart #search-form {
+ text-align: right;
+ margin-bottom: 2em;
+}
+
+.label.relative{
+ background-color:black;
+ position: absolute;
+ left:10px;
+ top:-5px;
+ color:white;
+ padding:5px 7px 0px 7px;
+}
+
+#RefreshWhatsOnAir {
+ opacity: 0.2;
+}
+
+#RefreshWhatsOnAir.spinning {
+ opacity: 0.8;
+}
+
+/****************************************************/
+/* WRAPPER */
+/****************************************************/
+.wrapper {max-width: 1560px; padding:0 1%;}
+.wrapper.text {max-width: 780px; margin:auto;}
+.wrapper .rightPart{margin-top:1em;}
+
+@media screen and (min-width: 760px) {
+ #player-container.fixed {
+ position: fixed;
+ top: 50px;
+ width: calc(0% + 235px);
+ }
+ .wrapper .rightPart{
+ margin-top:0;
+ }
+ .wrapper.sided .leftPart,
+ .wrapper.sided .rightPart{
+ width:45%;
+ }
+ .wrapper.navigation .leftPart{
+ width:60%;
+ }
+ .wrapper.navigation .rightPart{
+ width:35%;
+ }
+ .wrapper .leftPart{
+ float:left;
+ }
+ .wrapper .rightPart{
+ float:right;
+ }
+ #specialHome {
+ padding-left: 0;
+ }
+ /*
+ #specialHome .leftPart,
+ #specialHome .rightPart {
+ width: 100%;
+ }
+ */
+ p.intro {
+ padding-top: 0px;
+ padding-bottom: 40px;
+ }
+}
+
+
+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;
+}
+
+button.tag, a.tag{
+ font-size:0.9em;
+ background:white;
+ font-family: "RegloBold";
+ text-transform: uppercase;
+ display:inline-block;
+ border: 1px solid #CCC !important;
+ color:#342E2E;
+ margin: 0.2em;
+ padding: 0.3em;
+ border-radius: 0.7em;
+ -moz-border-radius: 0.7em;
+ -webkit-border-radius: 0.7em;
+}
+button.check, a.check {
+ font-size:0.9em;
+ text-transform: none;
+ display:inline-block;
+ margin: 0.2em;
+ padding: 0.3em;
+}
+
+.category{
+ font-family: "RegloBold";
+ text-transform: uppercase;
+}
+button.check:before, a.check:before {
+ display:inline-block;
+ width:1.5em;
+}
+.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;
+}
+.ui-tooltip {
+ border:1px solid white;
+ position:absolute;
+ margin:0;
+ padding: 0.5em;
+ background:#222;
+ color: white;
+ z-index: 9999;
+ max-width: 50%;
+ background: white;
+ color: #222;
+ border-color: #222;
+}
+/****************************************************/
+/**** BODY ****/
+/****************************************************/
+body{
+ background: white;
+ color: #333;
+}
+/****************************************************/
+/**** metaNAV ****/
+/****************************************************/
+
+#metaNav {
+ color: #e8e8e8;
+ background-color: #3a3a3a;
+ position:fixed;
+ z-index:1000;
+ top:0px;
+ width:100%;
+ font-size: 90%;
+}
+#metaNav ul{
+}
+#metaNav ul li{
+ float: left;
+ padding: 0 1em;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow:hidden;
+}
+
+#metaNav ul li#nav-search {
+ float: right;
+}
+
+#metaNav ul li a{
+ height: 2em;
+ display:block;
+}
+
+#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;
+}
+
+#metaNav ul li a span{
+ padding:0.4em 0 0.5em 0;
+ display:inline-block;
+}
+
+#metaNav ul li a span.nav-icon {
+}
+
+#metaNav a:focus, #metaNav a:hover{
+ opacity:0.8;
+}
+#metaNav ul li.active, #metaNav ul li.active a{
+ color: white;
+}
+
+#metaNav ul li.active span.iconLabel {
+}
+
+#metaNav li#nav-search a {
+ display: inline;
+}
+
+#metaNav form {
+ display: inline-block;
+ padding-top: 0.2em;
+}
+
+#metaNav input {
+ border: 1px solid #ececec;
+ width: 10em;
+}
+
+@media screen and (max-width:760px){
+ #metaNav .iconLabel {display:none;}
+ #metaNav ul li a span.nav-icon { display: inline-block; }
+ #metaNav ul li {
+ padding: 0;
+ }
+ #metaNav ul li a {
+ padding: 0 1em;
+ }
+ #metaNav form {
+ display: none;
+ }
+ #metaNav ul li#nav-language {
+ padding: 0.2em 0 0 1em;
+ }
+ div#Changing {
+ margin: 0 5px;
+ }
+}
+@media screen and (max-width:400px){
+ #metaNav ul li#nav-language {
+ padding: 0.2em 0 0 1ex;
+ }
+ #metaNav ul li a {
+ padding: 0 1ex;
+ }
+}
+
+/****************************************************/
+/**** Commons ****/
+/****************************************************/
+
+.audio button {color:#CFBE00 !important;}
+/****************************************************/
+/**** HEADER ****/
+/****************************************************/
+
+/* PANIK LOGO */
+#Commons{
+ background: #fff;
+}
+#Commons .wrapper{
+}
+#mainHeader {
+ padding-bottom:1em;
+}
+#mainHeader {
+ font-size:70%;
+}
+#mainHeader *{color:black !important;line-height:1em;}
+#mainHeader #radioPanik{}
+
+#Panik img{display:block;margin:auto;max-height:200px;}
+#mainHeader h1{
+ padding-left:75px;
+}
+#player-container #player{
+ padding:0 0 0 0;
+ min-width: 240px;
+}
+
+#Changing h1.top a:hover {
+ opacity: 1.0;
+}
+
+@media screen and (max-width: 760px) {
+ #All h1.top {
+ font-size: 60px;
+ padding: 0;
+ padding-top: 10px;
+ text-align: center;
+ }
+ #specialHome .leftPart h1.top {
+ display: none;
+ }
+ #specialHome .leftPart h2 {
+ padding-top: 10px;
+ text-align: center;
+ }
+}
+
+@media screen and (min-width: 760px) {
+ #Commons {
+ float: left;
+ width: 20%;
+ width: -webkit-calc(0% + 240px);
+ width: -moz-calc(0% + 240px);
+ width: calc(0% + 240px);
+ }
+ #Changing {
+ position: relative;
+ float: right;
+ width: 78%;
+ width: -webkit-calc(100% - 280px);
+ width: -moz-calc(100% - 280px);
+ width: calc(100% - 280px);
+ }
+ #All h1.top {
+ font-size: 120px;
+ font-family: RegloScale;
+ text-transform: uppercase;
+ padding-left: 0;
+ padding-top: 40px;
+ padding-bottom: 0;
+ }
+
+ #metaNav {
+ padding-top: 2px;
+ }
+ #metaNav .nav-icon {
+ display: none !important;
+ }
+
+ ul#ticker {
+ margin-bottom: 10px;
+ }
+
+ #News div.mainSub,
+ #About div.mainSub,
+ #Emissions div.mainSub {
+ position: absolute;
+ top: 50px;
+ left: 320px;
+ width: 60%;
+ width: calc(98% - 320px);
+ }
+
+ #News div.mainSub ul,
+ #About div.mainSub ul,
+ #Emissions div.mainSub ul {
+ padding: 0;
+ font-family: Reglo;
+ font-weight: normal;
+ }
+
+ #News div.mainSub ul li,
+ #About div.mainSub ul li,
+ #Emissions div.mainSub ul li {
+ }
+
+ #News .news.wrapper {
+ padding: 0;
+ }
+
+ #News .news.wrapper li a {
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ #Nav header.marged,
+ #Main > .marged {
+ margin: 0;
+ }
+
+ #Related .wrapper,
+ #Main > .wrapper,
+ #Main > .soundfiles > .wrapper,
+ #Main > .news > .wrapper,
+ #Nav > .wrapper {
+ padding-left: 0;
+ }
+
+ #All #Nav nav ul {
+ margin-top: 0;
+ }
+
+ #Related .padded,
+ div.program.padded {
+ padding-top: 0;
+ padding-left: 0;
+ }
+
+ div.program.padded {
+ padding-top: 1.5em;
+ }
+
+ #fiber-content h2.title {
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+}
+
+#backgroundBox {
+ background: white center 40px no-repeat url(../img/Radio_Panik_Logo_2016-01.png);
+}
+
+#All #backgroundBox h1.top {
+ font-size: 50px;
+ padding-left: 10px;
+ width: 200%;
+}
+
+#backgroundBox h1 {
+ color: #CFBE00 !important;
+}
+
+#All h1.top#radiopanik {
+ padding-top: 0;
+ color: black !important;
+ padding-bottom: 30px;
+ height: 130px;
+}
+
+#All #backgroundBox h1 {
+ visibility: hidden;
+}
+
+
+#specialHome div.rightPart h1,
+div.focus {
+ color: #5f2167;
+}
+
+h1.top#frequence {
+ color: #CFBE00;
+}
+
+/****************************************************/
+/**** SCREEN NAV ****/
+#Nav nav{padding:0.1em;}
+
+#Nav input{color:#333;}
+#Nav ul li button,
+#Nav ul li a {
+ border-width:0 0 2px 0;
+ border-style: solid;
+ border-color: transparent;
+}
+
+#Nav .current,
+#Nav .active,#Nav .icon-check,#Nav .active *{
+ font-weight: normal;
+}
+
+#Nav .selected a,
+#Nav ul li.current a, #Nav ul a.active, #Nav button.active {
+ border-color: #333;
+}
+
+#Nav nav{
+ margin:0;
+}
+
+#specialHome h2,
+#Nav h2{
+ margin:0;
+ padding:0;
+}
+#Nav nav ul{
+ margin:1em 0 1em 0;
+}
+
+#Nav li {
+ padding-right: 1em;
+}
+
+#Nav li a{
+ display: inline-block;
+}
+#Nav nav ul.distributed li {padding: 0;}
+
+#fiber-nav{
+ font-size:150%;
+ border-width:0 0 2px 0;border-style:solid;
+}
+#fiber-nav li, #fiber-nav li a{
+ display:block;
+}
+#fiber-nav ul{
+ padding:0.5em;
+}
+#fiber-nav li a{
+ padding:0.5em;
+}
+#fiber-nav .selected > a,
+#fiber-nav .current {
+ font-weight:bold;
+}
+
+/****************************************************/
+/**** PLAYER ****/
+/****************************************************/
+/*#Home #player{ float: left; } */
+
+#player-container,
+ #player-container *{border-color:#CFBE00 !important;color:#CFBE00 !important;}
+
+#player-container .metas, #player-container img{border-color:#fff;}
+#player-container .padded{padding:0.3em;}
+
+#player-container button,#player-container a{
+}
+#player-container .metas{
+ float:right;
+}
+#DirectStreamPanikControler {
+ display:inline !important;
+}
+#chatSymbol,
+#streamSymbol{
+ font-size:3em;
+ float:left;
+ margin-right:5px;
+ position: relative;
+ z-index: 10;
+ top: -6px;
+}
+#CurrentlyPlaying{
+ padding:0 0 0 0;
+}
+
+#Player.withPlaylist #player-container #Playlist{
+ border-top:2px solid black;
+}
+#Player.withPlaylist #player-container #Playlist{
+ margin-top: 1em;
+ padding-top: 1em;
+}
+
+#player-container #myPlaylist {
+ clear: both;
+ padding: 1em 0 0 0;
+ height: auto;
+}
+
+#player-container #myPlaylist a {
+ margin-right: 30px;
+ white-space: normal;
+ padding-bottom: 1ex;
+}
+
+#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;
+}
+
+/*Playlist*/
+
+#Playlist #playlistLabel{
+ float:right;
+
+}
+#Playlist .playListControls{
+}
+#Playlist .playListControls button{
+ margin-right:0.5em;
+ display:inline-block;
+}
+#Playlist .playListControls .playPause{
+ font-size:3em;
+ margin-right:5px;
+ float:left;
+ position: relative;
+ top: -8px;
+}
+
+#Playlist .playing .icon-pause{
+ -webkit-animation: loading 1s infinite linear;
+ -moz-animation: loading 1s infinite linear;
+ -o-animation: loading 1s infinite linear;
+ animation: loading 1s infinite linear;
+}
+#Playlist .playlistControls button,#Playlist .playlistControls .button{
+ margin:0 0.1em 0 0.1em;
+}
+#Playlist li{
+ clear:right;
+}
+#Playlist .soundControls button{}
+
+#player-container #Playlist ol{
+ clear:right;
+ padding:0;
+ margin-left: 50px;
+}
+#player-container #Playlist ol li{
+ line-height:1.3em;
+ padding:0;
+ margin:0;
+}
+#Playlist ol li .soundControls{
+ line-height:1.5em;
+ height:1.5em;
+ clear:right;
+ float:right;
+}
+#Playlist ol li .title{
+ margin-right:70px;
+ display:block;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#player .active{
+ text-transform:uppercase;
+ font-weight:bold;
+}
+/*limit height of playlist*/
+#player #CurrentlyPlaying,
+ #player-container #Playlist ol{
+ opacity:0.9;
+ padding-top:0.2em;
+ height:auto;
+ overflow:auto;
+}
+
+@media screen and (max-width: 760px) {
+ #backgroundBox {
+ background-position: center 30px;
+ background-size: 130px;
+ }
+ #All h1.top#radiopanik {
+ height: 80px;
+ }
+ #Player{
+ margin-top:1em;
+ }
+ #Player.withPlaylist #player-container #audioPlayer,
+ #Player.withPlaylist #player-container #audioPlayer,
+ #Player.withPlaylist #player-container #Playlist{
+ float:none !important;
+ width:auto !important;
+ border-right:none !important;
+ max-width:auto !important;
+ }
+
+}
+
+/****************************************************/
+/**** #Changing #Footer ... ****/
+/****************************************************/
+#Changing{
+ display: flex;
+ flex-direction: column;
+ min-height: 97vh;
+}
+
+#Main{
+ flex-grow: 1;
+ color:#333;
+ background-color: white;
+}
+#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;
+ background-color:#CFBE00;
+ 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{
+ background-color:#CFBE00;
+ border-color:yellow;
+}
+#main {}
+#mainLegend{
+ width:30%;
+ text-align:right;
+ float:right;
+ padding:1em;
+}
+
+#Footer{
+ border-top:2px solid #333;
+ padding-top: 2em;
+ padding-bottom: 80px;
+}
+
+#Footer ul {
+}
+
+#Footer ul li {
+ padding-right: 2em;
+}
+
+#Footer a:hover {
+ opacity:0.6;
+}
+
+
+/****************************************************/
+.inline .link{display:block;padding:1em;}
+/**** Liste ****/
+/**** EMISSIONS ****/
+#Emission .emission-detail .title{}
+/*
+*/
+#Emission-tabs-menu .sub{
+ margin-bottom:1em;
+}
+/**** Detail ****/
+.emission-detail .metas{
+ line-height:1.5em;
+ float: left;
+ width: 49%;
+ margin-top: 0;
+}
+
+.emission-detail h4.subtitle {
+ margin-top: 1em;
+ font-weight: normal;
+ font-family: 'Reglo';
+ text-transform: none;
+ float: left;
+}
+
+.emission-detail ul.schedule {
+ margin-top: 0;
+ margin-bottom: 1em;
+ }
+
+.emission-detail ul.schedule .weekdiff {
+ font-size: 80%;
+}
+
+.emission-detail article {
+ clear: both;
+}
+
+.emission-detail .logo{
+ float:right;
+ width: 50%;
+ margin-bottom: 1ex;
+}
+@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;
+}
+
+.emission .contacts {
+ clear: both;
+}
+
+/**** Inline ****/
+.emission.inline, .emission.resume {
+ padding:1em 0 1em 0;
+}
+
+.emission.inline div.date {
+ min-height: 3em;
+ text-align: center;
+ display:inline-block;
+ float:left;
+ margin-right:1em;
+}
+.emission .archived {
+ opacity:0.6;
+}
+
+.emission .link .description {
+ margin: 0px 0 5px 0;
+ font-family: "RegloMedium";
+}
+
+
+/**** EPISODE ****/
+/**** Detail ****/
+
+.episode .tag{
+}
+.episode.resume, .episode.inline{
+ padding:1em 0.5em 1em;
+}
+.episode.inline .dateBloc, .episode.resume .dateBloc{
+ float:left;
+}
+.episode.resume img {
+ border: 2px solid black;
+}
+
+.episode.resume .title{
+ margin-bottom:0.5em;
+}
+.episode.resume .logo{
+ float: right;
+}
+.topik.inline .logo,
+.episode.inline .logo {
+ min-height: 50px;
+ float: left;
+ margin-right: 1em;
+}
+.episode.resume .sound{
+ float:right;
+ margin:0 0 0.5em 0.5em;
+}
+.episode.inline .sound.right{
+ text-align:center;
+ font-size:70%;
+ position: relative;
+ z-index: 10;
+}
+.episode.inline .sound.right button{
+ font-size:1.5em;
+ display:inline;
+ text-align:center;
+ padding-bottom:0.05em;
+}
+.episode.resume .sound.right .icon-download{
+ text-align:center;
+}
+.episode.resume .sound.right .icon-download{
+ display:block;
+}
+
+.big.icon-pause,
+.big.icon-stop,
+.big.icon-share {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.episode.detail .logo.right{
+ max-width:50%;
+}
+
+.episode.resume .date .day, .emission-detail .date .day {
+}
+
+.episode.resume .content {
+ padding-left: 5em;
+}
+.episode.resume .content .title {
+}
+
+.episode.resume .logo {
+ margin:0 0 1em;
+ max-width:20%;
+}
+.episode.inline .date{
+ font-size:80%;
+}
+
+#Emission-tabs-menu .emissions-newsitems {
+ margin-bottom: 2em;
+}
+
+#Emission-tabs-menu .emissions-newsitems ul.list li {
+ border: 0;
+}
+
+#Emission-tabs-menu .futur-episodes h5,
+#Emission-tabs-menu .recent-episodes h5 {
+ font-size: 1.2em;
+}
+
+#Emission-tabs-menu #search-form {
+ margin-bottom: 1em;
+}
+
+div.extra-soundfiles h3 {
+ margin-top: 1em;
+ font-size: 2.5em;
+}
+
+div.extra-soundfiles ul li {
+ position: relative;
+}
+
+div.extra-soundfiles ul li div.audio {
+ display: inline;
+ top: 5px;
+ right: 0;
+ position: absolute;
+ font-size: 60%;
+}
+
+div.extra-soundfiles ul strong {
+ padding-right: 3em;
+}
+
+@media screen and (max-width: 400px) {
+ .episode .dateBloc{
+ width:4em;
+ font-size:80%
+ }
+
+ .episode.resume .content {
+ padding-left: 4em;
+ }
+}
+
+/****************************************************/
+/**** News ****/
+
+#newsRoll {
+ max-width: 500px;
+}
+
+.newsRoll .title{
+ background:black;
+ color:white;
+ bottom:0px;
+ opacity:0.9;
+ width:100%;
+ text-align: left;
+ font-family: "RegloBold";
+ position: absolute;
+ left: 0;
+}
+.newsRoll .title div{
+ padding: 1em;
+}
+.newsRoll a, .newsRoll button img{
+ border:3px solid #5f2167;
+}
+
+.newsRoll .by3 button {
+ width: 100%;
+}
+
+.soundfiles .special a,
+.news .special a {
+ position: relative;
+}
+
+.special .labels .item,
+.newsRoll .labels .item{
+ display:block;
+ background: #5f2167;
+ color:white;
+ margin:0.1em;
+ font-size:0.9em;
+ padding:0.3em;
+}
+.newsList .current a{
+ opacity:0.5;
+}
+/****************************************************/
+.list.news li {
+}
+
+.soundfiles ul.custom li a,
+.news ul.custom li a { max-width: 98%; }
+.news li.item a {padding:1em;}
+
+.logo img{
+ display:block;
+ border-style:solid;
+ border-width:3px;
+}
+ul.newsSpecial{
+ border-bottom:3px solid #ccc;
+}
+@media only screen and (max-width: 970px) {
+ .columns {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
+}
+
+
+/****************************************************/
+/**** Home & ****/
+/****************************************************/
+
+#Home #Nav .wrapper{
+ max-width:auto !important;
+ width:auto !important;
+}
+
+/*
+@media screen and (max-width:800px){
+ #Home .newsRoll .logo{
+ max-width:100px;
+ }
+}
+@media screen and (max-width:600px){
+ #Home .newsRoll .logo{
+ max-width:50px;
+ }
+}
+*/
+
+/****************************************************/
+/**** PROGRAM ****/
+/****************************************************/
+
+.program.tabs nav ul li{
+ display:table-cell;
+ width:14%;
+ text-align:center;
+}
+
+.program.tabs nav ul li.week-arrow {
+ width: 1%;
+ padding-bottom: 5px;
+}
+
+.program ul .dateBloc {
+ float:left;
+ padding-top:1em;
+}
+.program ul .schedule {
+ margin-left:5em;
+}
+.program .nonstop {
+ text-align:left;
+}
+.program-week .programDate{
+ float:left;
+ width:3em;
+}
+.program-week .programCell{
+ margin-left:3.5em;
+}
+.program-week .nonStop .programDate{
+ visibility:hidden;
+}
+.program-week .nonStop .programCell{
+ font-size:0.9em;
+ padding-left:50%;
+ text-align:right;
+}
+.program-week a.nonstop{
+ font-size:0.9em;
+ margin:0.1em;
+}
+.program-week .inline,.program-week .resume{padding:0;}
+.program-week .description{}
+
+.program-week .title {
+ color: black;
+ display: inline;
+}
+
+.program-week .smooth {
+ color: #666;
+ opacity: 1.0;
+ font-size: 80%;
+ padding-bottom: 8px;
+}
+
+.program-week .emission h5,
+.program-week .smooth .title {
+ color: #333;
+ text-transform: uppercase;
+}
+
+.program-week .description {
+ color: black;
+ font-size: 90%;
+}
+
+.program-week .programCell:hover {
+ opacity: 0.5;
+}
+
+#Changing .program-week .programCell a {
+ opacity: 1.0;
+}
+
+#Changing .program-week .programCell .smooth a {
+ opacity: 0.5;
+}
+
+#Changing .program-week .programCell .smooth h5 a {
+ opacity: 1.0;
+}
+
+
+/****************************************************/
+/**** SEARCH ****/
+/****************************************************/
+
+.search li.previous-page {
+ margin-bottom: 2ex;
+ text-align: left;
+ margin-left: 0ex;
+ font-style: italic;
+}
+
+.search li.next-page {
+ margin-top: 2ex;
+ text-align: right;
+ margin-right: 0;
+ font-style: italic;
+}
+
+.search-filters {
+ text-align: justify;
+}
+
+
+/****************************************************/
+/**** GRILLE ****/
+/****************************************************/
+
+#grid #Main {}
+#grid th{
+ color:#000;
+}
+#grid .heure {
+ height:50px !important;
+}
+#grid .heure.vertical {
+ padding:1.5em 0;
+}
+#grid .day {
+ padding:1em 0 1em 0;
+}
+#grid .nonstop {
+}
+#grid .item{
+ padding:0.5em 0.2em 0.5em 0.2em;
+}
+#grid .cell hr {
+ border:1px dotted #ddd;
+ margin:0.3em;
+}
+#grid .time-label{
+ margin-top:0.5em;
+}
+
+#grid .highlighted,#grid .highlighted *{
+ background:#333 !important;
+ color:white !important;
+}
+
+#grid .highlighted,#grid .highlighted *{
+ background:#333 !important;
+ color:white !important;
+}
+#Emissions li.item.normal{
+ display:none;
+}
+#Emissions li.item.hightlighted{
+ display:block !important;
+}
+
+#gridNav span.category {
+ text-transform: none;
+}
+
+
+/**** Navigation for static pages ****/
+
+#fiber-nav {
+ font-size: 150%;
+}
+#fiber-nav li, #fiber-nav li a {
+ display: block;
+}
+#fiber-nav ul{
+ padding: 0.5em;
+}
+#fiber-nav li a{
+ padding:0.5em;
+}
+
+#fiber-content a {
+ text-decoration: underline;
+}
+
+#fiber-content ul.list a {
+ text-decoration: none;
+}
+
+#fiber-content a:hover {
+ text-decoration: none;
+}
+
+.intro,
+.userContent,
+#fiber-content,
+.content,
+.content h5 {
+ line-height: 120%;
+}
+
+.userContent strong,
+#fiber-content strong {
+ text-transform: none;
+ font-family: "RegloBold";
+ font-style: normal;
+}
+
+.userContent em,
+#fiber-content em {
+ font-family: inherit;
+ font-style: italic;
+}
+
+/**** SCREEN SIZE ADAPTATIONS ****/
+ html #main{ font-size: 70%; }
+body { font-size: 18px;}
+@media (max-width: 300px){
+ body #All{ font-size: 80%; }
+}
+
+@media (min-width: 300px) and (max-width:800px){
+ body #All{ font-size: 85%; }
+}
+
+@media (min-width: 700px) and (max-width:1000px){
+ body #All{ font-size: 90%; }
+}
+
+@media (min-width: 1000px) {
+ body #All{ font-size: 100%; }
+}
+
+#subscribe-form {
+ position: relative;
+ margin-bottom: 2em;
+ padding-bottom: 2em;
+}
+
+#Home #subscribe-form {
+ margin-bottom: 0;
+}
+
+#subscribe-form ul.errorlist {
+ position: absolute;
+ bottom: -2em;
+ text-align: center;
+ display: block;
+ width: 100%;
+ padding: 0;
+ list-style: none;
+ color: #800;
+}
+
+#subscribe-form input {
+ width: 15em;
+ max-width: none;
+}
+
+#Nav div.search form {
+ padding: 1em 0;
+}
+
+div.episode.resume div.title {
+ white-space: normal;
+}
+
+#Home div.program.tabs {
+ margin: 1em 0;
+}
+
+nav#program li {
+ display: block;
+ margin: 0;
+}
+
+#recent-emissions,
+#recent-news,
+#recent-sounds {
+ margin-top: 2em;
+}
+
+#recent-emissions h3,
+#recent-news h3,
+#recent-sounds h3 {
+ font-size: 140%;
+}
+
+#recent-emissions h3.sectionLabel {
+ margin-bottom: 0;
+}
+
+.episode.soundfile {
+ padding: 0;
+}
+
+.soundfile .smooth {
+ color: #666;
+ opacity: 1.0;
+ font-size: 80%;
+}
+
+
+.soundfile p.date {
+ margin: 0;
+}
+
+.frontpage.soundfile .audio {
+ font-size: 80%;
+ padding-top: 0.5ex;
+ padding-bottom: 1ex;
+}
+
+#panikdb {
+ position: absolute;
+ top: -20px;
+ right: 0px;
+ background: white;
+ color: #888;
+ padding: 5px 10px;
+ border: 1px solid #888;
+ border-width: 1px 1px 0 1px;
+ -webkit-transform-origin: bottom right;
+ -webkit-transform: rotate(270deg);
+ -moz-transform-origin: bottom right;
+ -moz-transform: rotate(270deg);
+ transform-origin: bottom right;
+ transform: rotate(270deg);
+}
+
+img.logo.right {
+ margin-bottom: 1em;
+}
+
+.soundfile .special,
+.newsitem .special {
+ margin-bottom: 2em;
+}
+
+.newsitem .special .smooth {
+ padding-top: 5px;
+}
+
+/* USER CONTENT */
+
+div.userContent ul {
+ margin: 1em 0;
+}
+
+div.userContent h1,
+div.userContent h2,
+div.userContent h3,
+div.userContent h4 {
+ text-transform: none;
+ font-family: "Reglo";
+ font-weight: normal;
+}
+
+div.userContent h1 { font-size: 2em; }
+div.userContent h2 { font-size: 1.8em; }
+div.userContent h3 { font-size: 1.5em; }
+div.userContent h4 { font-size: 1.5em; }
+div.userContent a { text-decoration: underline; }
+
+div.userContent a.tag { text-decoration: none; }
+
+@media screen and (max-width: 760px) {
+ #streamSymbol{
+ top: 0;
+ }
+ #MainHeader {
+ margin: 0 auto;
+ }
+ #All #backgroundBox h1.top {
+ width: 94%;
+ }
+
+ #Player.withoutPlaylist #player-container #audioPlayer{
+ margin:auto;
+ width:100%;
+ }
+ #Player.withoutPlaylist #player-container #audioPlayer #Live{
+ font-size:150%;
+ }
+
+
+ #player-container { width:100%;left:0;border-width: 2px 0 0 0;border-style:solid;}
+ #player-container{
+ background: #CFBE00;
+ }
+ #player-container * {color: white !important; }
+ #player-container{
+ z-index:500;
+ position:fixed;
+ width:100% !important;
+ /*top:2em;*/
+ font-size:80%;
+ bottom:0em;
+ border-bottom:none;
+ }
+ #Player.withPlaylist #player-container #audioPlayer{
+ float:left;
+ width:50%;
+ border-right:2px solid black;
+ }
+ #Player.withPlaylist #player-container #Playlist{
+ float:right;
+ width:49%;
+ text-align:left;
+ }
+ #player-container #myPlaylist {
+ padding: 0;
+ }
+
+ #player-container #myPlaylist a {
+ white-space: nowrap;
+ }
+
+ #player-container #Playlist ol{
+ margin-left: 30px;
+ }
+}
+
+div.emission-logo {
+ margin-left: 1em;
+}
+
+div.extra-soundfiles {
+ clear: both;
+}
+
+h3.episode-subtitle {
+ font-size: 2.5em;
+}
+
+.waveform {
+ display: none;
+ position: relative;
+}
+
+.waveform span {
+ background: #3A3A3A;
+ display: inline-block;
+ width: 0.50%;
+}
+
+.waveform span.done {
+ background: linear-gradient(to top, #3A3A3A 0%, #858585 80%);
+}
+
+.waveform span.done.current + span {
+ background: #CFBE00;
+}
+
+.waveform i.duration {
+ position: absolute;
+ right: 4px;
+ bottom: 4px;
+ color: #CFBE00;
+ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+ font-style: normal;
+ font-weight: bold;
+}
+
+div.fragment-sound {
+ position: relative;
+}
+
+div.soundcell div.logo {
+ vertical-align: top;
+}
+
+div.fragment-sound {
+}
+
+div.extra-soundfiles div.fragment-sound {
+ margin-top: 5px;
+}
+
+div.extra-soundfiles div.fragment-name {
+ font-style: italic;
+ position: relative;
+ top: 1ex;
+ max-width: 70%;
+}
+
+div.extra-soundfiles ul li div.fragment-sound div.waveform {
+}
+div.extra-soundfiles ul li div.fragment-sound div.audio {
+ bottom: 0;
+}
+
+#fiber-content div.extra-soundfiles strong {
+ text-transform: uppercase;
+
+}
+
+.nonstop-track-title, .nonstop-track-artist {
+ font-size: 80%;
+}
+
+.soundfile-info {
+ padding-right: 75px;
+}
+
+#fiber-content div.extra-soundfiles .soundfile-info strong {
+ padding-right: 0;
+}
+
+#fiber-content div.extra-soundfiles .soundfile-info a {
+ text-decoration: none;
+}
+
+#fiber-content div.extra-soundfiles {
+ margin: 1em 0;
+}
+
+div.extra-soundfiles div.logo {
+ display: inline-block;
+}
+
+div#fiber-content div.extra-soundfiles ul.list {
+ display: inline-block;
+ width: 88%;
+ width: calc(100% - 72px);
+}
+
+div.download-links {
+ position: absolute;
+ z-index: 1000;
+ text-align: right;
+}
+
+div.hidden-download-links {
+ display: none !important;
+}
+
+div.episode-detail div.sound div.download-links {
+ display: inline-block;
+ padding-top: 1ex;
+ padding-left: 1ex;
+}
+
+div.extra-soundfiles div.download-links {
+ background: white;
+}
+
+h1.top a.dimmed {
+ opacity: 0.7;
+}
+
+div#agenda div.content-inline {
+ margin-bottom: 1em;
+}
+
+div.previous-and-next-months {
+ margin-top: 1em;
+}
+
+div.publication-date.date.smooth {
+ font-size: 80%;
+}
+
+#All h1.top.fullwidth {
+ width: 150%;
+}
+
+div.gallery img {
+ padding: 2px;
+ background: white;
+ border: 1px solid #333;
+}
+
+div#dialog-background,
+div.gallery div.first {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.9);
+ z-index: 1000;
+ text-align: center;
+}
+
+div.gallery div.first img {
+ padding: 5px;
+ padding-bottom: 25px;
+ margin-top: -240px;
+ margin-left: -320px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transition: all 0.5s ease;
+ transform-origin: bottom left;
+}
+
+div.portrait div.gallery div.first img {
+ margin-top: -320px;
+ margin-left: -240px;
+}
+
+div.gallery {
+ border-bottom: 1px solid #ccc;
+}
+
+div.gallery span.gallery-legend {
+ display: inline-block;
+ position: absolute;
+ top: 50%;
+ margin-top: 250px;
+ left: 0%;
+ width: 100%;
+ color: #000;
+ z-index: 1000;
+}
+
+div.portrait div.gallery span.gallery-legend {
+ margin-top: 330px;
+}
+
+@media screen and (max-width: 640px) {
+ div.portrait div.gallery div.first img,
+ div.gallery div.first img {
+ max-width: 80vw;
+ margin: 0;
+ max-height: 80vh;
+ left: 10vw;
+ top: 10vh;
+ display: inline-block;
+ }
+}
+
+ul.tags {
+ padding-top: 1em;
+ clear: both;
+}
+
+div.topik.inline {
+ clear: both;
+ margin-top: 1em;
+}
+
+#fiber-content div.topikcell a {
+ text-decoration: none;
+ height: 500px;
+}
+
+#fiber-content div.topikcell .topik-large a {
+ height: auto;
+}
+
+div.topikcellcontent h5 {
+ padding-top: 1ex;
+}
+
+div.topikcellcontent.topik-large a {
+ width: 100%;
+ float: none;
+ display: inline-block;
+ text-align: left;
+}
+
+div.topikcellcontent.topik-large img {
+ float: left;
+ margin-right: 1em;
+}
+
+div.topikcellcontent a {
+ margin-bottom: 2em;
+ display: inline-block;
+ text-align: left;
+ width: 50%;
+ box-sizing: border-box;
+ padding-right: 2em;
+ float: left;
+}
+
+div.topikcellcontent img {
+}
+
+div.topikcellcontent h2 {
+ font-size: 3.5em;
+}
+
+@media only screen and (min-width: 1250px) {
+ div.topikcellcontent a {
+ display: inline-block;
+ text-align: left;
+ width: 50%;
+ float: left;
+ }
+}
+
+.program-week img.smooth {
+ padding-bottom: 0;
+}
+
+div#dialog-background {
+ display: flex;
+}
+div#dialog-embed {
+ position: relative;
+ background: white;
+ width: 50%;
+ margin: auto;
+ text-align: left;
+ padding: 1ex;
+}
+
+div#dialog-embed textarea {
+ width: 100%;
+ max-width: none;
+}
+
+div#dialog-embed #close-button {
+ position: absolute;
+ right: 1ex;
+}
+
+body#embed {
+ min-height: auto !important;
+ margin: 0;
+ background: white;
+}
+
+body#embed #Main {
+ background: transparent;
+}
+
+body#embed #Commons,
+body#embed #metaNav,
+body#embed #Footer,
+body#embed #userLog,
+body#embed #panikdb,
+body#embed #Player {
+ display: none;
+}
+
+body#embed #Changing {
+ float: none;
+ width: auto;
+}
+
+body#embed #Main > .wrapper {
+ padding: 0;
+}
+
+body#embed .logo {
+ padding-top: 4px;
+}
+
+body#embed ul.custom {
+ display: inline-block;
+ width: calc(100% - 72px);
+}
+
+body#embed ul.custom .soundfile-info {
+ padding: 1ex;
+}
+
+body#embed span.fragment-title {
+ font-weight: normal;
+}
+
+table.playlist {
+ width: 90%;
+}
+
+table.playlist td {
+ padding: 0.5ex;
+ text-align: left;
+}
+
+table.playlist td.tracktime {
+ width: 6ex;
+ text-align: center;
+}
+
+p.playlist-disclaimer {
+ margin-top: 2em;
+ max-width: 60ex;
+ font-style: italic;
+}
+
+
+#main-topiks #fiber-nav li ul {
+ padding-top: 0;
+ padding-left: 2em;
+}
+#main-topiks #fiber-nav li ul li {
+ padding-left: 0;
+ font-size: 80%;
+}
+
+#main-topiks #fiber-nav li ul li a {
+ padding-left: 0;
+}
+
+div.commands {
+ display: flex;
+ width: 90vw;
+}
+
+@media screen and (min-width:760px){
+ div.commands {
+ width: calc(90vw - 240px);
+ }
+}
+
+input#msg {
+ flex-grow: 1;
+}
+
+div.chat-area {
+ max-width: 60em;
+}
+
+#chat {
+ margin-top: 1ex;
+}
+
+#chat div.msg {
+ position: relative;
+ margin-bottom: 1ex;
+ transition: opacity 1s ease;
+}
+
+#chat div.msg.new {
+ opacity: 0;
+}
+
+#chat div.msg.msg-out span.content {
+ font-size: 90%;
+ color: #444;
+}
+
+#chat span.from {
+ display: inline-block;
+ width: 10rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #888;
+ position: absolute;
+}
+#chat span.content {
+ display: inline-block;
+ padding-left: 11rem;
+}
+
+#chat div.msg.info span.content {
+ padding-left: 1rem;
+ font-style: italic;
+ color: #666;
+}
+
+h1.top > span.chat.with-logo {
+ position: relative;
+ left: 140px;
+ display: inline-block;
+ max-width: calc(100% - 140px);
+}
+
+div.top-logo {
+ position: absolute;
+ top: 30px;
+}
+
+div.top-logo img {
+ border: 2px solid black;
+}
+
+@media screen and (max-width:760px){
+ div.top-logo {
+ display: none;
+ }
+ h1.top > span.chat.with-logo {
+ position: static;
+ max-width: none;
+ }
+ div.topikcellcontent a {
+ width: auto;
+ }
+ #fiber-content div.topikcell a {
+ height: auto;
+ }
+}
+
+div#CurrentlyChatting {
+ cursor: pointer;
+ margin-top: 1em;
+}
+
+div.description-emission-chat {
+ margin-bottom: 2em;
+}
+
+div.chatPart h3 {
+ padding-top: 0;
+}
+
+div#chat.moderation .msg-in span.from {
+ cursor: pointer;
+}
+
+div#chat.moderation .msg-in span.from:hover::after {
+ padding-left: 1ex;
+ font-family: FontAwesome;
+ content: "\f056";
+ font-size: 80%;
+}
+
+div.programCell a.playlist {
+ font-size: 80%;
+}
--- /dev/null
+@font-face {
+ font-family: 'RegloNormal';
+ src: url('../reglo/RE01.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'RegloMedium';
+ src: url('../reglo/RE02-Medium.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'RegloBold';
+ src: url('../reglo/RE03-Bold.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'RE04';
+ src: url('../reglo/RE04-Bold.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'RE05';
+ src: url('../reglo/RE05-Bold.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'RegloSymbol';
+ src: url('../reglo/RE06.otf');
+ font-weight: normal;
+ font-style: normal;
+ line-height: 0 !important;
+}
+
+@font-face {
+ font-family: 'Reglo';
+ src: url('../reglo/Reglo-Bold.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'Symbols';
+ src: url('../reglo/RESYMBOL-resized.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'SymbolsResized';
+ src: url('../reglo/RESYMBOL-resized.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'RegloScale';
+ src: url('../reglo/RegloScaleBold.otf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Montserrat';
+ src: url('../fonts/Montserrat-Regular.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Montserrat';
+ src: url('../fonts/Montserrat-Bold.ttf');
+ font-weight: bold;
+ font-style: normal;
+}
+
+[class^="icon-"],
+[class*=" icon-"]{
+ /*font-size:1.3em;*/
+}
+.resymbol{
+ vertical-align: middle;
+ display: inline-block;
+ font-family: 'Symbols';
+}
+.resymbol.big, .icons.big{
+ font-size:2em;
+}
+.resymbol.huge, .icons.huge{
+ font-size:3em;
+}
+.info:before,.warning:before,.error:before{
+ font-family: FontAwesome;
+ display:inline-block;
+ margin-right:0.2em;
+}
+.info:before {
+ content: "\f05a";
+}
+.warning:before {
+ content: "\f071";
+}
+.error:before {
+ content: "\f056 ";
+}
+.checked:before {
+ content: "\f056 ";
+}
+
+.icon-communautaire:before {
+ content: "▲"; /* ▴ */
+}
+.icon-musique:before {
+ content: "△"; /* ▵ */
+}
+.icon-creation:before {
+ content: "○"; /* ○ */
+}
+.icon-agenda-culturel:before {
+ content: "●"; /* ● */
+}
+.icon-infodebats:before {
+ content: "■"; /* ■ */
+ /*content: "□ "; □ */
+}
+
+++ /dev/null
-/******************/
-/*HTML TAG DISPLAYS */
-/******************/
-body {
- font-family: "RegloNormal";
- line-height: normal;
- text-align: left;
- margin:1.8em auto 0 auto;
- /*padding: 0px 10px;*/
- clear: both;
-}
-code,pre{
- display:block;
- overflow:auto;
- padding:0.5em;
- background:black !important;
- color:white !important;
- font-family:monospace;
-}
-audio {
- display:block;
- width: 90%;
- margin:0.5em auto 1em auto;
-}
-
-a {
- color:inherit;
- text-decoration: none;
-}
-.userContent a:hover {
- text-decoration: underline;
-}
-a.block:hover,nav a:hover{
- text-decoration: none;
-}
-button, .button{
- margin:0 0 0 0;
- padding: 0 0 0 0;
- cursor:pointer ;
- background:none;
-}
-img {max-width:100%;}
-img.logo{border:2px solid black;}
-
-header{
- padding:0 0 2em 0;
- font-family: 'RegloBold';
-}
-h1, h2, h3, h4, h5{
- font-family: 'RegloBold';
- line-height:1em;
- padding:0.2em 0 0.2em 0;
-}
-h1, h2, h3, h4{
- text-transform: uppercase;
-}
-h1 { font-size: 6em;}
-h2 { font-size: 4em;}
-h3 { font-size: 3em;}
-h4 { font-size: 1.8em;}
-h5 { font-size: 1.1em;}
-
-/*Specific rules for text writen by final users */
-.userContent h1 { font-size: 2em;}
-.userContent h2 { font-size: 1.9em;}
-h1, h2, h3, h4, .squashed{
- font-family: 'RegloScale';
- }
-
-nav{
- padding:0em;
- font-family: "RegloBold";
- text-transform: uppercase;
-}
-hr {
- height: 0;
- margin:0.5em 0 0.5em 0;
- padding:0;
- border-style:solid;
- border-width:2px 0 0 0 ;
- border-color:black;
-}
-table{
- margin:auto;
- table-layout:fixed;
-}
-table,td,tr {
- padding:0;
- margin:0;
- word-wrap: break-word;
- text-overflow: ellipsis;
- text-align: center;
- vertical-align: middle;
- border: 1px solid #D0D0D0;
- border-collapse:collapse;
-}
-th {
- white-space: nowrap;
- text-transform: uppercase;
-}
-tr{
-}
-p {
- /*line-height: 1.2;*/
- margin-bottom: 1em;
-}
-p a {
- text-decoration: underline
-}
-
-em {
- font-family: "RegloBold";
- font-style: normal;
-}
-strong{
- text-transform: uppercase;}
-blockquote {
- padding: 1em;
- font-style:italic;
-}
-
-dl{}
-dt, dd{
- letter-spacing:1px;
- line-height: 150%;
-}
-dt {
- float:left;
- font-family: "RegloBold";
- margin-right: 0.3em;
-}
-dd {
- font-family: "RegloNormal";
-}
-
-dt:after {
- content: ":";
-}
-
-dl.metadata dt {
- clear: none;
- margin: 0;
-}
-
-dl.metadata dd {
- margin-right: 4px;
- }
-
-button {display:inline-block;}
-button {
- font-family: "RegloBold";
- text-transform: uppercase;
-}
-ul, ol, dl {
- margin: 0;
- padding: 0 0 0 2em;
-}
-nav ul, ul.inline, ul.custom, ul.custom li{
- list-style: none;
- margin: 0;
- padding: 0;
-}
-nav ul li, ul.inline li{
- display:inline;
-}
-ul.list{
- list-style-type:square; /*Not working but why?*/
- list-style-position:inside;
-}
-ul.list > li{
- padding:0.5em 0 0.5em 0;
- border-bottom:1px solid #ccc;
-}
-
-/******************/
-/*USEFULL CLASSES */
-/******************/
-
-
-ul.distributed{
- display:table;
- width:100%;
- text-align:center;
- margin:0;
- padding:0;
- border-collapse:collapse;
-}
-ul.distributed li{
- display:table-cell;
- text-align:center;
-}
-ul.distributed.by2 li{
- width:50%;
-}
-ul.distributed.by3 li{
- width:33%;
-}
-ul.distributed.by4 li{
- width:25%;
-}
-ul.distributed.by5 li{
- width:20%;
-}
-ul.distributed.by6 li{
- width:16.6666%;
-}
-ul.distributed.by7 li{
- width:14.285%;
-}
-
-a.active, button.active{
- font-weight:bold;
- text-decoration:none;
- border-bottom: 2px solid;
-}
-.active *{
- font-weight:inherit;
-}
-
-.todo:hover, .todo *:hover{
- text-decoration: line-through;
- color:red !important;
-}
-
-
-.focusFade {
- -webkit-transition-property: color;
- -webkit-transition-duration: 0.2s;
- -webkit-transition-timing-function: ease;
- }
-
-.extra-margin {
- margin-bottom: 16px;
-}
-.ellipsis{
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-.block {display:block;}
-.inBlock{display:inline-block;}
-.right{float:right;margin-left:1em;}
-.left{float:left;margin-right:1em;}
-.userContent .right, .userContent .left{
- margin-bottom:1.5em;
-}
-img.right, img.left{max-width:50%;}
-.smooth{opacity:0.5;}
-.hidden{display:none;}
-.invisible{visibility:hidden;}
-.padded{padding:1.5em;}
-.marged{margin:1.5em 0 1.5em 0;}
-
-.small{ font-size: 80%;}
-.big{ font-size: 150%;}
-.huge{ font-size: 200%;}
-
-.absolute{
- position:absolute;
-}
-.relative{
- position:relative;
-}
-.nowrap {
- white-space: nowrap;
-}
-.center{
- text-align:center;
- margin-left:auto;
- margin-right:auto;
-}
-
-.loading{
- -webkit-animation: loading 1s infinite linear;
- -moz-animation: loading 1s infinite linear;
- -o-animation: loading 1s infinite linear;
- animation: loading 1s infinite linear;
-}
-@-webkit-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
-@-moz-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
-@-o-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
-@keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
-
-.spinning {
- position:relative;
- /*
- -webkit-animation: rotation 10s infinite linear;
- -moz-animation: rotation 10s infinite linear;
- -o-animation: rotation 10s infinite linear;
- animation: rotation 10s infinite linear;
- */
-}
-@-webkit-keyframes rotation {
- from {-webkit-transform: rotate(0deg);}
- to {-webkit-transform: rotate(359deg);}
-}
-@-moz-keyframes rotation {
- from {-moz-transform: rotate(0deg);}
- to {-moz-transform: rotate(359deg);}
-}
-@-o-keyframes rotation {
- from {-o-transform: rotate(0deg);}
- to {-o-transform: rotate(359deg);}
-}
-@keyframes rotation {
- from {transform: rotate(0deg);}
- to {transform: rotate(359deg);}
-}
-.vertical {
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-}
-.columns{column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0;}
-.columns.padded{column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em;}
-.columns li{
- display:inline-block;
- width:100%;
- column-break-inside: avoid;
- -moz-column-break-inside: avoid;
- -webkit-column-break-inside: avoid;
- break-inside: avoid-column;
- -webkit-break-inside: avoid-column;
- -moz-break-inside: avoid-column;
-}
-@media only screen and (min-width: 600px) {
- .columns{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
-}
-.columns.by3{column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;}
-
-/* And the rest is Eric & Seb, AGPLv3*/
-
-label, select, input, button, textarea{
- font-size:inherit;
-}
-label {
- margin-right:1em;
- height: 1.2em;
- display: inline-block;
- text-transform: uppercase;
-}
-
-select {
- height: 1.2em;
- -webkit-appearance: none;
- -moz-appearance: window;
-}
-
-select[multiple],
-select[size] {
- height: auto;
- background-image: inherit;
-}
-
-input[type=date] {
- -webkit-appearance: none;
- -moz-appearance: window;
-}
-
-select, select option {
- height: 1.2em;
- text-transform: none;
-}
-
-input, select {
- height: 1.2em;
- background: #fff;
-}
-
-
-input[type=text], textarea{
- width: 100%;
- max-width:10em;
- display: inline-block;
- border:2px solid black;
- border-radius:0.2em;
- -moz-border-radius:0.2em;
- -webkit-border-radius:0.2em;
-}
-
-input[type=submit] {
- text-align: left;
- border: none;
-}
-
-/**
- * For modern browsers
- * 1. The space content is one way to avoid an Opera bug when the
- * contenteditable attribute is included anywhere else in the document.
- * Otherwise it causes space to appear at the top and bottom of elements
- * that are clearfixed.
- * 2. The use of `table` rather than `block` is only necessary if using
- * `:before` to contain the top-margins of child elements.
- */
-.cf:before, .cf:after {
- content: " "; /* 1 */
- display: table; /* 2 */
-}
-
-.cf:after {
- clear: both;
-}
-
-/**
- * For IE 6/7 only
- * Include this rule to trigger hasLayout and contain floats.
- */
-.cf {
- *zoom: 1;
-}
-
-/* icons */
-
-@font-face {
- font-family: 'FontAwesome';
- src: url('../font-awesome/font/fontawesome-webfont.eot?v=3.2.1');
- src: url('../font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
- font-weight: normal;
- font-style: normal;
-}
-/* FONT AWESOME CORE
- * -------------------------- */
-[class^="icon-"],
-[class*=" icon-"] {
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- text-decoration: inherit;
- -webkit-font-smoothing: antialiased;
- *margin-right: .3em;
-}
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
- text-decoration: inherit;
- display: inline-block;
- speak: none;
-}
-/* makes sure icons active on rollover in links */
-a [class^="icon-"],
-a [class*=" icon-"] {
- display: inline;
-}
-
-/* reglo symbols variants */
-[class^="icon-"].resymbol,
-[class*=" icon-"].resymbol {
- font-family: Symbols;
-}
-
-/* specific icon classes */
-.icon-archive:before { content: "\f187"; }
-.icon-bolt:before { content: "\f0e7"; }
-.icon-bullhorn:before { content: "\f0a1"; }
-.icon-calendar:before { content: "\f073"; }
-.icon-check:before { content: "\f046"; }
-.icon-check-empty:before { content: "\f096"; }
-.icon-chevron-sign-left:before { content: "\f137"; }
-.icon-chevron-sign-right:before { content: "\f138"; }
-.icon-comments:before { content: "\f086"; }
-.icon-double-angle-left:before { content: "\f100"; }
-.icon-download:before { content: "\f01a"; }
-.icon-envelope:before { content: "\f0e0"; }
-.icon-file:before { content: "\f15b"; }
-.icon-globe:before { content: "\f0ac"; }
-.icon-headphones:before { content: "\f025"; }
-.icon-home:before { content: "\f015"; }
-.icon-info-sign:before { content: "\f05a"; }
-.icon-microphone:before { content: "\f130"; }
-.icon-pause:before { content: "\f04c"; }
-.icon-play:before { content: "\f04b"; }
-.icon-play-sign:before { content: "\f144"; }
-.icon-plus-sign:before { content: "\f055"; }
-.icon-question-sign:before { content: "\f059"; }
-.icon-remove:before { content: "\f00d"; }
-.icon-rss:before { content: "\f09e"; }
-.icon-search:before { content: "\f002"; }
-.icon-share:before { content: "\f045"; }
-.icon-step-backward:before { content: "\f048"; }
-.icon-step-forward:before { content: "\f051"; }
-.icon-stop:before { content: "\f04d"; }
-.icon-trash:before { content: "\f014"; }
-.icon-volume-up:before { content: "\f028"; }
+++ /dev/null
-/**
- * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
- * http://cssreset.com
- */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend, button,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- /*font: inherit;*/
- color:inherit;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
- display: block;
-}
-body {
- line-height: 1;
-}
-ol, ul {
-}
-blockquote, q {
- quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: '';
- content: none;
-}
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-h1, h2, h3, h5, h6 {
- font-weight: normal;
-}
-button{background:none;border:none;}
-button:focus::-moz-focus-inner,
-button::-moz-focus-inner,
-input[type="reset"]::-moz-focus-inner,
-input[type="button"]::-moz-focus-inner,
-input[type="submit"]::-moz-focus-inner,
-input[type="file"] > input[type="button"]::-moz-focus-inner {
- border: 0px dotted transparent;
-}
-/* The following code is taken from Normalize.css,
- * available under the MIT License:
- *
- * Copyright (c) Nicolas Gallagher and Jonathan Neal
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- */
-
-// ==========================================================================
-// Forms
-// ==========================================================================
-
-//
-
-
-//
-// 1. Correct `color` not being inherited in IE 8/9.
-// 2. Remove padding so people aren't caught out if they zero out fieldsets.
-//
-
-legend {
- border: 0; // 1
- padding: 0; // 2
-}
-
-//
-// 1. Correct font family not being inherited in all browsers.
-// 2. Correct font size not being inherited in all browsers.
-// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
-//
-
-button,
-input,
-select,
-textarea {
- font-family: inherit; // 1
- font-size: 100%; // 2
- margin: 0; // 3
- border: none;
-}
-
-//
-// Address Firefox 4+ setting `line-height` on `input` using `!important` in
-// the UA stylesheet.
-//
-
-button,
-input {
- line-height: normal;
-}
-
-//
-// Address inconsistent `text-transform` inheritance for `button` and `select`.
-// All other form control elements do not inherit `text-transform` values.
-// Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
-// Correct `select` style inheritance in Firefox 4+ and Opera.
-//
-
-button,
-select {
- text-transform: none;
-}
-
-//
-// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-// and `video` controls.
-// 2. Correct inability to style clickable `input` types in iOS.
-// 3. Improve usability and consistency of cursor style between image-type
-// `input` and others.
-//
-
-button,
-html input[type="button"], // 1
-input[type="reset"],
-input[type="submit"] {
- -webkit-appearance: button; // 2
- cursor: pointer; // 3
-}
-
-//
-// Re-set default cursor for disabled elements.
-//
-
-button[disabled],
-html input[disabled] {
- cursor: default;
-}
-
-//
-// 1. Address box sizing set to `content-box` in IE 8/9.
-// 2. Remove excess padding in IE 8/9.
-//
-
-input[type="checkbox"],
-input[type="radio"] {
- box-sizing: border-box; // 1
- padding: 0; // 2
-}
-
-//
-// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
-// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
-// (include `-moz` to future-proof).
-//
-
-input[type="search"] {
- -webkit-appearance: textfield; // 1
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box; // 2
- box-sizing: content-box;
-}
-
-//
-// Remove inner padding and search cancel button in Safari 5 and Chrome
-// on OS X.
-//
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-//
-// Remove inner padding and border in Firefox 4+.
-//
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-//
-// 1. Remove default vertical scrollbar in IE 8/9.
-// 2. Improve readability and alignment in all browsers.
-//
-
-textarea {
- overflow: auto; // 1
- vertical-align: top; // 2
-}
-
+++ /dev/null
-/* COLORS
-
-@black: #000000;
-@orange: #CFBE00; -- highlight & stuff
-@blue: #5f2167; -- focus & stuff
-@white: #FFFFFF;
- */
-
-/****************************************************/
-/* FONTS */
-
-.resymbol:hover,.control:hover{ opacity:0.5; }
-.date, .dateBloc {
- font-family: "Reglo";
- text-transform: uppercase;
-}
-.inline .date, .resume .date{
- text-align: center;
-}
-.dateBloc{width:4em;
- text-align: center;}
-.dateBloc{display:inline-block;}
-.dateBloc *{line-height: 100%;}
-.dateBloc .day {font-size: 1.8em;}
-.dateBloc .number {font-size: 1.8em;}
-.dateBloc .month {font-size: 0.8em;}
-.dateBloc .time {font-size: 1.2em;margin: 0.2em 0;}
-
-.dateBloc.small{
- font-size: 80%;
-}
-
-.date.smooth {
- text-transform: none;
- font-size: 100%;
- font-family: RegloNormal;
-}
-
-.tabs .ui-tabs-nav {
- font-family: "Reglo";
- text-transform: uppercase;
-}
-.legend{
- font-family: "Reglo";
- font-size:1.2em;
- border-bottom:3px solid black;
- padding: 0.2em 0 0.2em 0;
- margin: 0.2em 0 0.2em 0;
-}
-#Main .sectionLabel{
- margin-bottom:1em;
-}
-
-.sectionLabel, .label {
- text-transform: uppercase;
- font-family: "Reglo";
- font-size:1.3em;
-}
-
-.rightPart .right.sectionLabel {
- text-transform: none;
- border-bottom: 1px solid black;
- padding-bottom: 3px;
-}
-
-h5.focus-title {
- color: #5f2167;
-}
-
-.rightPart #search-form {
- text-align: right;
- margin-bottom: 2em;
-}
-
-.label.relative{
- background-color:black;
- position: absolute;
- left:10px;
- top:-5px;
- color:white;
- padding:5px 7px 0px 7px;
-}
-
-#RefreshWhatsOnAir {
- opacity: 0.2;
-}
-
-#RefreshWhatsOnAir.spinning {
- opacity: 0.8;
-}
-
-/****************************************************/
-/* WRAPPER */
-/****************************************************/
-.wrapper {max-width: 1560px; padding:0 1%;}
-.wrapper.text {max-width: 780px; margin:auto;}
-.wrapper .rightPart{margin-top:1em;}
-
-@media screen and (min-width: 760px) {
- #player-container.fixed {
- position: fixed;
- top: 50px;
- width: calc(0% + 235px);
- }
- .wrapper .rightPart{
- margin-top:0;
- }
- .wrapper.sided .leftPart,
- .wrapper.sided .rightPart{
- width:45%;
- }
- .wrapper.navigation .leftPart{
- width:60%;
- }
- .wrapper.navigation .rightPart{
- width:35%;
- }
- .wrapper .leftPart{
- float:left;
- }
- .wrapper .rightPart{
- float:right;
- }
- #specialHome {
- padding-left: 0;
- }
- /*
- #specialHome .leftPart,
- #specialHome .rightPart {
- width: 100%;
- }
- */
- p.intro {
- padding-top: 0px;
- padding-bottom: 40px;
- }
-}
-
-
-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;
-}
-
-button.tag, a.tag{
- font-size:0.9em;
- background:white;
- font-family: "RegloBold";
- text-transform: uppercase;
- display:inline-block;
- border: 1px solid #CCC !important;
- color:#342E2E;
- margin: 0.2em;
- padding: 0.3em;
- border-radius: 0.7em;
- -moz-border-radius: 0.7em;
- -webkit-border-radius: 0.7em;
-}
-button.check, a.check {
- font-size:0.9em;
- text-transform: none;
- display:inline-block;
- margin: 0.2em;
- padding: 0.3em;
-}
-
-.category{
- font-family: "RegloBold";
- text-transform: uppercase;
-}
-button.check:before, a.check:before {
- display:inline-block;
- width:1.5em;
-}
-.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;
-}
-.ui-tooltip {
- border:1px solid white;
- position:absolute;
- margin:0;
- padding: 0.5em;
- background:#222;
- color: white;
- z-index: 9999;
- max-width: 50%;
- background: white;
- color: #222;
- border-color: #222;
-}
-/****************************************************/
-/**** BODY ****/
-/****************************************************/
-body{
- background: white;
- color: #333;
-}
-/****************************************************/
-/**** metaNAV ****/
-/****************************************************/
-
-#metaNav {
- color: #e8e8e8;
- background-color: #3a3a3a;
- position:fixed;
- z-index:1000;
- top:0px;
- width:100%;
- font-size: 90%;
-}
-#metaNav ul{
-}
-#metaNav ul li{
- float: left;
- padding: 0 1em;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow:hidden;
-}
-
-#metaNav ul li#nav-search {
- float: right;
-}
-
-#metaNav ul li a{
- height: 2em;
- display:block;
-}
-
-#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;
-}
-
-#metaNav ul li a span{
- padding:0.4em 0 0.5em 0;
- display:inline-block;
-}
-
-#metaNav ul li a span.nav-icon {
-}
-
-#metaNav a:focus, #metaNav a:hover{
- opacity:0.8;
-}
-#metaNav ul li.active, #metaNav ul li.active a{
- color: white;
-}
-
-#metaNav ul li.active span.iconLabel {
-}
-
-#metaNav li#nav-search a {
- display: inline;
-}
-
-#metaNav form {
- display: inline-block;
- padding-top: 0.2em;
-}
-
-#metaNav input {
- border: 1px solid #ececec;
- width: 10em;
-}
-
-@media screen and (max-width:760px){
- #metaNav .iconLabel {display:none;}
- #metaNav ul li a span.nav-icon { display: inline-block; }
- #metaNav ul li {
- padding: 0;
- }
- #metaNav ul li a {
- padding: 0 1em;
- }
- #metaNav form {
- display: none;
- }
- #metaNav ul li#nav-language {
- padding: 0.2em 0 0 1em;
- }
- div#Changing {
- margin: 0 5px;
- }
-}
-@media screen and (max-width:400px){
- #metaNav ul li#nav-language {
- padding: 0.2em 0 0 1ex;
- }
- #metaNav ul li a {
- padding: 0 1ex;
- }
-}
-
-/****************************************************/
-/**** Commons ****/
-/****************************************************/
-
-.audio button {color:#CFBE00 !important;}
-/****************************************************/
-/**** HEADER ****/
-/****************************************************/
-
-/* PANIK LOGO */
-#Commons{
- background: #fff;
-}
-#Commons .wrapper{
-}
-#mainHeader {
- padding-bottom:1em;
-}
-#mainHeader {
- font-size:70%;
-}
-#mainHeader *{color:black !important;line-height:1em;}
-#mainHeader #radioPanik{}
-
-#Panik img{display:block;margin:auto;max-height:200px;}
-#mainHeader h1{
- padding-left:75px;
-}
-#player-container #player{
- padding:0 0 0 0;
- min-width: 240px;
-}
-
-#Changing h1.top a:hover {
- opacity: 1.0;
-}
-
-@media screen and (max-width: 760px) {
- #All h1.top {
- font-size: 60px;
- padding: 0;
- padding-top: 10px;
- text-align: center;
- }
- #specialHome .leftPart h1.top {
- display: none;
- }
- #specialHome .leftPart h2 {
- padding-top: 10px;
- text-align: center;
- }
-}
-
-@media screen and (min-width: 760px) {
- #Commons {
- float: left;
- width: 20%;
- width: -webkit-calc(0% + 240px);
- width: -moz-calc(0% + 240px);
- width: calc(0% + 240px);
- }
- #Changing {
- position: relative;
- float: right;
- width: 78%;
- width: -webkit-calc(100% - 280px);
- width: -moz-calc(100% - 280px);
- width: calc(100% - 280px);
- }
- #All h1.top {
- font-size: 120px;
- font-family: RegloScale;
- text-transform: uppercase;
- padding-left: 0;
- padding-top: 40px;
- padding-bottom: 0;
- }
-
- #metaNav {
- padding-top: 2px;
- }
- #metaNav .nav-icon {
- display: none !important;
- }
-
- ul#ticker {
- margin-bottom: 10px;
- }
-
- #News div.mainSub,
- #About div.mainSub,
- #Emissions div.mainSub {
- position: absolute;
- top: 50px;
- left: 320px;
- width: 60%;
- width: calc(98% - 320px);
- }
-
- #News div.mainSub ul,
- #About div.mainSub ul,
- #Emissions div.mainSub ul {
- padding: 0;
- font-family: Reglo;
- font-weight: normal;
- }
-
- #News div.mainSub ul li,
- #About div.mainSub ul li,
- #Emissions div.mainSub ul li {
- }
-
- #News .news.wrapper {
- padding: 0;
- }
-
- #News .news.wrapper li a {
- margin-left: 0;
- padding-left: 0;
- }
-
- #Nav header.marged,
- #Main > .marged {
- margin: 0;
- }
-
- #Related .wrapper,
- #Main > .wrapper,
- #Main > .soundfiles > .wrapper,
- #Main > .news > .wrapper,
- #Nav > .wrapper {
- padding-left: 0;
- }
-
- #All #Nav nav ul {
- margin-top: 0;
- }
-
- #Related .padded,
- div.program.padded {
- padding-top: 0;
- padding-left: 0;
- }
-
- div.program.padded {
- padding-top: 1.5em;
- }
-
- #fiber-content h2.title {
- margin-top: 0;
- padding-top: 0;
- }
-
-}
-
-#backgroundBox {
- background: white center 40px no-repeat url(../img/Radio_Panik_Logo_2016-01.png);
-}
-
-#All #backgroundBox h1.top {
- font-size: 50px;
- padding-left: 10px;
- width: 200%;
-}
-
-#backgroundBox h1 {
- color: #CFBE00 !important;
-}
-
-#All h1.top#radiopanik {
- padding-top: 0;
- color: black !important;
- padding-bottom: 30px;
- height: 130px;
-}
-
-#All #backgroundBox h1 {
- visibility: hidden;
-}
-
-
-#specialHome div.rightPart h1,
-div.focus {
- color: #5f2167;
-}
-
-h1.top#frequence {
- color: #CFBE00;
-}
-
-/****************************************************/
-/**** SCREEN NAV ****/
-#Nav nav{padding:0.1em;}
-
-#Nav input{color:#333;}
-#Nav ul li button,
-#Nav ul li a {
- border-width:0 0 2px 0;
- border-style: solid;
- border-color: transparent;
-}
-
-#Nav .current,
-#Nav .active,#Nav .icon-check,#Nav .active *{
- font-weight: normal;
-}
-
-#Nav .selected a,
-#Nav ul li.current a, #Nav ul a.active, #Nav button.active {
- border-color: #333;
-}
-
-#Nav nav{
- margin:0;
-}
-
-#specialHome h2,
-#Nav h2{
- margin:0;
- padding:0;
-}
-#Nav nav ul{
- margin:1em 0 1em 0;
-}
-
-#Nav li {
- padding-right: 1em;
-}
-
-#Nav li a{
- display: inline-block;
-}
-#Nav nav ul.distributed li {padding: 0;}
-
-#fiber-nav{
- font-size:150%;
- border-width:0 0 2px 0;border-style:solid;
-}
-#fiber-nav li, #fiber-nav li a{
- display:block;
-}
-#fiber-nav ul{
- padding:0.5em;
-}
-#fiber-nav li a{
- padding:0.5em;
-}
-#fiber-nav .selected > a,
-#fiber-nav .current {
- font-weight:bold;
-}
-
-/****************************************************/
-/**** PLAYER ****/
-/****************************************************/
-/*#Home #player{ float: left; } */
-
-#player-container,
- #player-container *{border-color:#CFBE00 !important;color:#CFBE00 !important;}
-
-#player-container .metas, #player-container img{border-color:#fff;}
-#player-container .padded{padding:0.3em;}
-
-#player-container button,#player-container a{
-}
-#player-container .metas{
- float:right;
-}
-#DirectStreamPanikControler {
- display:inline !important;
-}
-#chatSymbol,
-#streamSymbol{
- font-size:3em;
- float:left;
- margin-right:5px;
- position: relative;
- z-index: 10;
- top: -6px;
-}
-#CurrentlyPlaying{
- padding:0 0 0 0;
-}
-
-#Player.withPlaylist #player-container #Playlist{
- border-top:2px solid black;
-}
-#Player.withPlaylist #player-container #Playlist{
- margin-top: 1em;
- padding-top: 1em;
-}
-
-#player-container #myPlaylist {
- clear: both;
- padding: 1em 0 0 0;
- height: auto;
-}
-
-#player-container #myPlaylist a {
- margin-right: 30px;
- white-space: normal;
- padding-bottom: 1ex;
-}
-
-#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;
-}
-
-/*Playlist*/
-
-#Playlist #playlistLabel{
- float:right;
-
-}
-#Playlist .playListControls{
-}
-#Playlist .playListControls button{
- margin-right:0.5em;
- display:inline-block;
-}
-#Playlist .playListControls .playPause{
- font-size:3em;
- margin-right:5px;
- float:left;
- position: relative;
- top: -8px;
-}
-
-#Playlist .playing .icon-pause{
- -webkit-animation: loading 1s infinite linear;
- -moz-animation: loading 1s infinite linear;
- -o-animation: loading 1s infinite linear;
- animation: loading 1s infinite linear;
-}
-#Playlist .playlistControls button,#Playlist .playlistControls .button{
- margin:0 0.1em 0 0.1em;
-}
-#Playlist li{
- clear:right;
-}
-#Playlist .soundControls button{}
-
-#player-container #Playlist ol{
- clear:right;
- padding:0;
- margin-left: 50px;
-}
-#player-container #Playlist ol li{
- line-height:1.3em;
- padding:0;
- margin:0;
-}
-#Playlist ol li .soundControls{
- line-height:1.5em;
- height:1.5em;
- clear:right;
- float:right;
-}
-#Playlist ol li .title{
- margin-right:70px;
- display:block;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-#player .active{
- text-transform:uppercase;
- font-weight:bold;
-}
-/*limit height of playlist*/
-#player #CurrentlyPlaying,
- #player-container #Playlist ol{
- opacity:0.9;
- padding-top:0.2em;
- height:auto;
- overflow:auto;
-}
-
-@media screen and (max-width: 760px) {
- #backgroundBox {
- background-position: center 30px;
- background-size: 130px;
- }
- #All h1.top#radiopanik {
- height: 80px;
- }
- #Player{
- margin-top:1em;
- }
- #Player.withPlaylist #player-container #audioPlayer,
- #Player.withPlaylist #player-container #audioPlayer,
- #Player.withPlaylist #player-container #Playlist{
- float:none !important;
- width:auto !important;
- border-right:none !important;
- max-width:auto !important;
- }
-
-}
-
-/****************************************************/
-/**** #Changing #Footer ... ****/
-/****************************************************/
-#Changing{
- display: flex;
- flex-direction: column;
- min-height: 97vh;
-}
-
-#Main{
- flex-grow: 1;
- color:#333;
- background-color: white;
-}
-#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;
- background-color:#CFBE00;
- 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{
- background-color:#CFBE00;
- border-color:yellow;
-}
-#main {}
-#mainLegend{
- width:30%;
- text-align:right;
- float:right;
- padding:1em;
-}
-
-#Footer{
- border-top:2px solid #333;
- padding-top: 2em;
- padding-bottom: 80px;
-}
-
-#Footer ul {
-}
-
-#Footer ul li {
- padding-right: 2em;
-}
-
-#Footer a:hover {
- opacity:0.6;
-}
-
-
-/****************************************************/
-.inline .link{display:block;padding:1em;}
-/**** Liste ****/
-/**** EMISSIONS ****/
-#Emission .emission-detail .title{}
-/*
-*/
-#Emission-tabs-menu .sub{
- margin-bottom:1em;
-}
-/**** Detail ****/
-.emission-detail .metas{
- line-height:1.5em;
- float: left;
- width: 49%;
- margin-top: 0;
-}
-
-.emission-detail h4.subtitle {
- margin-top: 1em;
- font-weight: normal;
- font-family: 'Reglo';
- text-transform: none;
- float: left;
-}
-
-.emission-detail ul.schedule {
- margin-top: 0;
- margin-bottom: 1em;
- }
-
-.emission-detail ul.schedule .weekdiff {
- font-size: 80%;
-}
-
-.emission-detail article {
- clear: both;
-}
-
-.emission-detail .logo{
- float:right;
- width: 50%;
- margin-bottom: 1ex;
-}
-@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;
-}
-
-.emission .contacts {
- clear: both;
-}
-
-/**** Inline ****/
-.emission.inline, .emission.resume {
- padding:1em 0 1em 0;
-}
-
-.emission.inline div.date {
- min-height: 3em;
- text-align: center;
- display:inline-block;
- float:left;
- margin-right:1em;
-}
-.emission .archived {
- opacity:0.6;
-}
-
-.emission. .link .description {
- margin: 0px 0 5px 0;
- font-family: "RegloMedium";
-}
-
-
-/**** EPISODE ****/
-/**** Detail ****/
-
-.episode .tag{
-}
-.episode.resume, .episode.inline{
- padding:1em 0.5em 1em;
-}
-.episode.inline .dateBloc, .episode.resume .dateBloc{
- float:left;
-}
-.episode.resume img {
- border: 2px solid black;
-}
-
-.episode.resume .title{
- margin-bottom:0.5em;
-}
-.episode.resume .logo{
- float: right;
-}
-.topik.inline .logo,
-.episode.inline .logo {
- min-height: 50px;
- float: left;
- margin-right: 1em;
-}
-.episode.resume .sound{
- float:right;
- margin:0 0 0.5em 0.5em;
-}
-.episode.inline .sound.right{
- text-align:center;
- font-size:70%;
- position: relative;
- z-index: 10;
-}
-.episode.inline .sound.right button{
- font-size:1.5em;
- display:inline;
- text-align:center;
- padding-bottom:0.05em;
-}
-.episode.resume .sound.right .icon-download{
- text-align:center;
-}
-.episode.resume .sound.right .icon-download{
- display:block;
-}
-
-.big.icon-pause,
-.big.icon-stop,
-.big.icon-share {
- display: inline-block;
- vertical-align: middle;
-}
-
-.episode.detail .logo.right{
- max-width:50%;
-}
-
-.episode.resume .date .day, .emission-detail .date .day {
-}
-
-.episode.resume .content {
- padding-left: 5em;
-}
-.episode.resume .content .title {
-}
-
-.episode.resume .logo {
- margin:0 0 1em;
- max-width:20%;
-}
-.episode.inline .date{
- font-size:80%;
-}
-
-#Emission-tabs-menu .emissions-newsitems {
- margin-bottom: 2em;
-}
-
-#Emission-tabs-menu .emissions-newsitems ul.list li {
- border: 0;
-}
-
-#Emission-tabs-menu .futur-episodes h5,
-#Emission-tabs-menu .recent-episodes h5 {
- font-size: 1.2em;
-}
-
-#Emission-tabs-menu #search-form {
- margin-bottom: 1em;
-}
-
-div.extra-soundfiles h3 {
- margin-top: 1em;
- font-size: 2.5em;
-}
-
-div.extra-soundfiles ul li {
- position: relative;
-}
-
-div.extra-soundfiles ul li div.audio {
- display: inline;
- top: 5px;
- right: 0;
- position: absolute;
- font-size: 60%;
-}
-
-div.extra-soundfiles ul strong {
- padding-right: 3em;
-}
-
-@media screen and (max-width: 400px) {
- .episode .dateBloc{
- width:4em;
- font-size:80%
- }
-
- .episode.resume .content {
- padding-left: 4em;
- }
-}
-
-/****************************************************/
-/**** News ****/
-
-#newsRoll {
- max-width: 500px;
-}
-
-.newsRoll .title{
- background:black;
- color:white;
- bottom:0px;
- opacity:0.9;
- width:100%;
- text-align: left;
- font-family: "RegloBold";
- position: absolute;
- left: 0;
-}
-.newsRoll .title div{
- padding: 1em;
-}
-.newsRoll a, .newsRoll button img{
- border:3px solid #5f2167;
-}
-
-.newsRoll .by3 button {
- width: 100%;
-}
-
-.soundfiles .special a,
-.news .special a {
- position: relative;
-}
-
-.special .labels .item,
-.newsRoll .labels .item{
- display:block;
- background: #5f2167;
- color:white;
- margin:0.1em;
- font-size:0.9em;
- padding:0.3em;
-}
-.newsList .current a{
- opacity:0.5;
-}
-/****************************************************/
-.list.news li {
-}
-
-.soundfiles ul.custom li a,
-.news ul.custom li a { max-width: 98%; }
-.news li.item a {padding:1em;}
-
-.logo img{
- display:block;
- border-style:solid;
- border-width:3px;
-}
-ul.newsSpecial{
- border-bottom:3px solid #ccc;
-}
-@media only screen and (max-width: 970px) {
- .columns {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
-}
-
-
-/****************************************************/
-/**** Home & ****/
-/****************************************************/
-
-#Home #Nav .wrapper{
- max-width:auto !important;
- width:auto !important;
-}
-
-/*
-@media screen and (max-width:800px){
- #Home .newsRoll .logo{
- max-width:100px;
- }
-}
-@media screen and (max-width:600px){
- #Home .newsRoll .logo{
- max-width:50px;
- }
-}
-*/
-
-/****************************************************/
-/**** PROGRAM ****/
-/****************************************************/
-
-.program.tabs nav ul li{
- display:table-cell;
- width:14%;
- text-align:center;
-}
-
-.program.tabs nav ul li.week-arrow {
- width: 1%;
- padding-bottom: 5px;
-}
-
-.program ul .dateBloc {
- float:left;
- padding-top:1em;
-}
-.program ul .schedule {
- margin-left:5em;
-}
-.program .nonstop {
- text-align:left;
-}
-.program-week .programDate{
- float:left;
- width:3em;
-}
-.program-week .programCell{
- margin-left:3.5em;
-}
-.program-week .nonStop .programDate{
- visibility:hidden;
-}
-.program-week .nonStop .programCell{
- font-size:0.9em;
- padding-left:50%;
- text-align:right;
-}
-.program-week a.nonstop{
- font-size:0.9em;
- margin:0.1em;
-}
-.program-week .inline,.program-week .resume{padding:0;}
-.program-week .description{}
-
-.program-week .title {
- color: black;
- display: inline;
-}
-
-.program-week .smooth {
- color: #666;
- opacity: 1.0;
- font-size: 80%;
- padding-bottom: 8px;
-}
-
-.program-week .emission h5,
-.program-week .smooth .title {
- color: #333;
- text-transform: uppercase;
-}
-
-.program-week .description {
- color: black;
- font-size: 90%;
-}
-
-.program-week .programCell:hover {
- opacity: 0.5;
-}
-
-#Changing .program-week .programCell a {
- opacity: 1.0;
-}
-
-#Changing .program-week .programCell .smooth a {
- opacity: 0.5;
-}
-
-#Changing .program-week .programCell .smooth h5 a {
- opacity: 1.0;
-}
-
-
-/****************************************************/
-/**** SEARCH ****/
-/****************************************************/
-
-.search li.previous-page {
- margin-bottom: 2ex;
- text-align: left;
- margin-left: 0ex;
- font-style: italic;
-}
-
-.search li.next-page {
- margin-top: 2ex;
- text-align: right;
- margin-right: 0;
- font-style: italic;
-}
-
-.search-filters {
- text-align: justify;
-}
-
-
-/****************************************************/
-/**** GRILLE ****/
-/****************************************************/
-
-#grid #Main {}
-#grid th{
- color:#000;
-}
-#grid .heure {
- height:50px !important;
-}
-#grid .heure.vertical {
- padding:1.5em 0;
-}
-#grid .day {
- padding:1em 0 1em 0;
-}
-#grid .nonstop {
-}
-#grid .item{
- padding:0.5em 0.2em 0.5em 0.2em;
-}
-#grid .cell hr {
- border:1px dotted #ddd;
- margin:0.3em;
-}
-#grid .time-label{
- margin-top:0.5em;
-}
-
-#grid .highlighted,#grid .highlighted *{
- background:#333 !important;
- color:white !important;
-}
-
-#grid .highlighted,#grid .highlighted *{
- background:#333 !important;
- color:white !important;
-}
-#Emissions li.item.normal{
- display:none;
-}
-#Emissions li.item.hightlighted{
- display:block !important;
-}
-
-#gridNav span.category {
- text-transform: none;
-}
-
-
-/**** Navigation for static pages ****/
-
-#fiber-nav {
- font-size: 150%;
-}
-#fiber-nav li, #fiber-nav li a {
- display: block;
-}
-#fiber-nav ul{
- padding: 0.5em;
-}
-#fiber-nav li a{
- padding:0.5em;
-}
-
-#fiber-content a {
- text-decoration: underline;
-}
-
-#fiber-content ul.list a {
- text-decoration: none;
-}
-
-#fiber-content a:hover {
- text-decoration: none;
-}
-
-.intro,
-.userContent,
-#fiber-content,
-.content,
-.content h5 {
- line-height: 120%;
-}
-
-.userContent strong,
-#fiber-content strong {
- text-transform: none;
- font-family: "RegloBold";
- font-style: normal;
-}
-
-.userContent em,
-#fiber-content em {
- font-family: inherit;
- font-style: italic;
-}
-
-/**** SCREEN SIZE ADAPTATIONS ****/
- html #main{ font-size: 70%; }
-body { font-size: 18px;}
-@media (max-width: 300px){
- body #All{ font-size: 80%; }
-}
-
-@media (min-width: 300px) and (max-width:800px){
- body #All{ font-size: 85%; }
-}
-
-@media (min-width: 700px) and (max-width:1000px){
- body #All{ font-size: 90%; }
-}
-
-@media (min-width: 1000px) {
- body #All{ font-size: 100%; }
-}
-
-#subscribe-form {
- position: relative;
- margin-bottom: 2em;
- padding-bottom: 2em;
-}
-
-#Home #subscribe-form {
- margin-bottom: 0;
-}
-
-#subscribe-form ul.errorlist {
- position: absolute;
- bottom: -2em;
- text-align: center;
- display: block;
- width: 100%;
- padding: 0;
- list-style: none;
- color: #800;
-}
-
-#subscribe-form input {
- width: 15em;
- max-width: none;
-}
-
-#Nav div.search form {
- padding: 1em 0;
-}
-
-div.episode.resume div.title {
- white-space: normal;
-}
-
-#Home div.program.tabs {
- margin: 1em 0;
-}
-
-nav#program li {
- display: block;
- margin: 0;
-}
-
-#recent-emissions,
-#recent-news,
-#recent-sounds {
- margin-top: 2em;
-}
-
-#recent-emissions h3,
-#recent-news h3,
-#recent-sounds h3 {
- font-size: 140%;
-}
-
-#recent-emissions h3.sectionLabel {
- margin-bottom: 0;
-}
-
-.episode.soundfile {
- padding: 0;
-}
-
-.soundfile .smooth {
- color: #666;
- opacity: 1.0;
- font-size: 80%;
-}
-
-
-.soundfile p.date {
- margin: 0;
-}
-
-.frontpage.soundfile .audio {
- font-size: 80%;
- padding-top: 0.5ex;
- padding-bottom: 1ex;
-}
-
-#panikdb {
- position: absolute;
- top: -20px;
- right: 0px;
- background: white;
- color: #888;
- padding: 5px 10px;
- border: 1px solid #888;
- border-width: 1px 1px 0 1px;
- -webkit-transform-origin: bottom right;
- -webkit-transform: rotate(270deg);
- -moz-transform-origin: bottom right;
- -moz-transform: rotate(270deg);
- transform-origin: bottom right;
- transform: rotate(270deg);
-}
-
-img.logo.right {
- margin-bottom: 1em;
-}
-
-.soundfile .special,
-.newsitem .special {
- margin-bottom: 2em;
-}
-
-.newsitem .special .smooth {
- padding-top: 5px;
-}
-
-/* USER CONTENT */
-
-div.userContent ul {
- margin: 1em 0;
-}
-
-div.userContent h1,
-div.userContent h2,
-div.userContent h3,
-div.userContent h4 {
- text-transform: none;
- font-family: "Reglo";
- font-weight: normal;
-}
-
-div.userContent h1 { font-size: 2em; }
-div.userContent h2 { font-size: 1.8em; }
-div.userContent h3 { font-size: 1.5em; }
-div.userContent h4 { font-size: 1.5em; }
-div.userContent a { text-decoration: underline; }
-
-div.userContent a.tag { text-decoration: none; }
-
-@media screen and (max-width: 760px) {
- #streamSymbol{
- top: 0;
- }
- #MainHeader {
- margin: 0 auto;
- }
- #All #backgroundBox h1.top {
- width: 94%;
- }
-
- #Player.withoutPlaylist #player-container #audioPlayer{
- margin:auto;
- width:100%;
- }
- #Player.withoutPlaylist #player-container #audioPlayer #Live{
- font-size:150%;
- }
-
-
- #player-container { width:100%;left:0;border-width: 2px 0 0 0;border-style:solid;}
- #player-container{
- background: #CFBE00;
- }
- #player-container * {color: white !important; }
- #player-container{
- z-index:500;
- position:fixed;
- width:100% !important;
- /*top:2em;*/
- font-size:80%;
- bottom:0em;
- border-bottom:none;
- }
- #Player.withPlaylist #player-container #audioPlayer{
- float:left;
- width:50%;
- border-right:2px solid black;
- }
- #Player.withPlaylist #player-container #Playlist{
- float:right;
- width:49%;
- text-align:left;
- }
- #player-container #myPlaylist {
- padding: 0;
- }
-
- #player-container #myPlaylist a {
- white-space: nowrap;
- }
-
- #player-container #Playlist ol{
- margin-left: 30px;
- }
-}
-
-div.emission-logo {
- margin-left: 1em;
-}
-
-div.extra-soundfiles {
- clear: both;
-}
-
-h3.episode-subtitle {
- font-size: 2.5em;
-}
-
-.waveform {
- display: none;
- position: relative;
-}
-
-.waveform span {
- background: #3A3A3A;
- display: inline-block;
- width: 0.50%;
-}
-
-.waveform span.done {
- background: linear-gradient(to top, #3A3A3A 0%, #858585 80%);
-}
-
-.waveform span.done.current + span {
- background: #CFBE00;
-}
-
-.waveform i.duration {
- position: absolute;
- right: 4px;
- bottom: 4px;
- color: #CFBE00;
- text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
- font-style: normal;
- font-weight: bold;
-}
-
-div.fragment-sound {
- position: relative;
-}
-
-div.soundcell div.logo {
- vertical-align: top;
-}
-
-div.fragment-sound {
-}
-
-div.extra-soundfiles div.fragment-sound {
- margin-top: 5px;
-}
-
-div.extra-soundfiles div.fragment-name {
- font-style: italic;
- position: relative;
- top: 1ex;
- max-width: 70%;
-}
-
-div.extra-soundfiles ul li div.fragment-sound div.waveform {
-}
-div.extra-soundfiles ul li div.fragment-sound div.audio {
- bottom: 0;
-}
-
-#fiber-content div.extra-soundfiles strong {
- text-transform: uppercase;
-
-}
-
-.nonstop-track-title, .nonstop-track-artist {
- font-size: 80%;
-}
-
-.soundfile-info {
- padding-right: 75px;
-}
-
-#fiber-content div.extra-soundfiles .soundfile-info strong {
- padding-right: 0;
-}
-
-#fiber-content div.extra-soundfiles .soundfile-info a {
- text-decoration: none;
-}
-
-#fiber-content div.extra-soundfiles {
- margin: 1em 0;
-}
-
-div.extra-soundfiles div.logo {
- display: inline-block;
-}
-
-div#fiber-content div.extra-soundfiles ul.list {
- display: inline-block;
- width: 88%;
- width: calc(100% - 72px);
-}
-
-div.download-links {
- position: absolute;
- z-index: 1000;
- text-align: right;
-}
-
-div.hidden-download-links {
- display: none !important;
-}
-
-div.episode-detail div.sound div.download-links {
- display: inline-block;
- padding-top: 1ex;
- padding-left: 1ex;
-}
-
-div.extra-soundfiles div.download-links {
- background: white;
-}
-
-h1.top a.dimmed {
- opacity: 0.7;
-}
-
-div#agenda div.content-inline {
- margin-bottom: 1em;
-}
-
-div.previous-and-next-months {
- margin-top: 1em;
-}
-
-div.publication-date.date.smooth {
- font-size: 80%;
-}
-
-#All h1.top.fullwidth {
- width: 150%;
-}
-
-div.gallery img {
- padding: 2px;
- background: white;
- border: 1px solid #333;
-}
-
-div#dialog-background,
-div.gallery div.first {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.9);
- z-index: 1000;
- text-align: center;
-}
-
-div.gallery div.first img {
- padding: 5px;
- padding-bottom: 25px;
- margin-top: -240px;
- margin-left: -320px;
- position: absolute;
- top: 50%;
- left: 50%;
- transition: all 0.5s ease;
- transform-origin: bottom left;
-}
-
-div.portrait div.gallery div.first img {
- margin-top: -320px;
- margin-left: -240px;
-}
-
-div.gallery {
- border-bottom: 1px solid #ccc;
-}
-
-div.gallery span.gallery-legend {
- display: inline-block;
- position: absolute;
- top: 50%;
- margin-top: 250px;
- left: 0%;
- width: 100%;
- color: #000;
- z-index: 1000;
-}
-
-div.portrait div.gallery span.gallery-legend {
- margin-top: 330px;
-}
-
-@media screen and (max-width: 640px) {
- div.portrait div.gallery div.first img,
- div.gallery div.first img {
- max-width: 80vw;
- margin: 0;
- max-height: 80vh;
- left: 10vw;
- top: 10vh;
- display: inline-block;
- }
-}
-
-ul.tags {
- padding-top: 1em;
- clear: both;
-}
-
-div.topik.inline {
- clear: both;
- margin-top: 1em;
-}
-
-#fiber-content div.topikcell a {
- text-decoration: none;
- height: 500px;
-}
-
-#fiber-content div.topikcell .topik-large a {
- height: auto;
-}
-
-div.topikcellcontent h5 {
- padding-top: 1ex;
-}
-
-div.topikcellcontent.topik-large a {
- width: 100%;
- float: none;
- display: inline-block;
- text-align: left;
-}
-
-div.topikcellcontent.topik-large img {
- float: left;
- margin-right: 1em;
-}
-
-div.topikcellcontent a {
- margin-bottom: 2em;
- display: inline-block;
- text-align: left;
- width: 50%;
- box-sizing: border-box;
- padding-right: 2em;
- float: left;
-}
-
-div.topikcellcontent img {
-}
-
-div.topikcellcontent h2 {
- font-size: 3.5em;
-}
-
-@media only screen and (min-width: 1250px) {
- div.topikcellcontent a {
- display: inline-block;
- text-align: left;
- width: 50%;
- float: left;
- }
-}
-
-.program-week img.smooth {
- padding-bottom: 0;
-}
-
-div#dialog-background {
- display: flex;
-}
-div#dialog-embed {
- position: relative;
- background: white;
- width: 50%;
- margin: auto;
- text-align: left;
- padding: 1ex;
-}
-
-div#dialog-embed textarea {
- width: 100%;
- max-width: none;
-}
-
-div#dialog-embed #close-button {
- position: absolute;
- right: 1ex;
-}
-
-body#embed {
- min-height: auto !important;
- margin: 0;
- background: white;
-}
-
-body#embed #Main {
- background: transparent;
-}
-
-body#embed #Commons,
-body#embed #metaNav,
-body#embed #Footer,
-body#embed #userLog,
-body#embed #panikdb,
-body#embed #Player {
- display: none;
-}
-
-body#embed #Changing {
- float: none;
- width: auto;
-}
-
-body#embed #Main > .wrapper {
- padding: 0;
-}
-
-body#embed .logo {
- padding-top: 4px;
-}
-
-body#embed ul.custom {
- display: inline-block;
- width: calc(100% - 72px);
-}
-
-body#embed ul.custom .soundfile-info {
- padding: 1ex;
-}
-
-body#embed span.fragment-title {
- font-weight: normal;
-}
-
-table.playlist {
- width: 90%;
-}
-
-table.playlist td {
- padding: 0.5ex;
- text-align: left;
-}
-
-table.playlist td.tracktime {
- width: 6ex;
- text-align: center;
-}
-
-p.playlist-disclaimer {
- margin-top: 2em;
- max-width: 60ex;
- font-style: italic;
-}
-
-
-#main-topiks #fiber-nav li ul {
- padding-top: 0;
- padding-left: 2em;
-}
-#main-topiks #fiber-nav li ul li {
- padding-left: 0;
- font-size: 80%;
-}
-
-#main-topiks #fiber-nav li ul li a {
- padding-left: 0;
-}
-
-div.commands {
- display: flex;
- width: 90vw;
-}
-
-@media screen and (min-width:760px){
- div.commands {
- width: calc(90vw - 240px);
- }
-}
-
-input#msg {
- flex-grow: 1;
-}
-
-div.chat-area {
- max-width: 60em;
-}
-
-#chat {
- margin-top: 1ex;
-}
-
-#chat div.msg {
- position: relative;
- margin-bottom: 1ex;
- transition: opacity 1s ease;
-}
-
-#chat div.msg.new {
- opacity: 0;
-}
-
-#chat div.msg.msg-out span.content {
- font-size: 90%;
- color: #444;
-}
-
-#chat span.from {
- display: inline-block;
- width: 10rem;
- overflow: hidden;
- text-overflow: ellipsis;
- color: #888;
- position: absolute;
-}
-#chat span.content {
- display: inline-block;
- padding-left: 11rem;
-}
-
-#chat div.msg.info span.content {
- padding-left: 1rem;
- font-style: italic;
- color: #666;
-}
-
-h1.top > span.chat.with-logo {
- position: relative;
- left: 140px;
- display: inline-block;
- max-width: calc(100% - 140px);
-}
-
-div.top-logo {
- position: absolute;
- top: 30px;
-}
-
-div.top-logo img {
- border: 2px solid black;
-}
-
-@media screen and (max-width:760px){
- div.top-logo {
- display: none;
- }
- h1.top > span.chat.with-logo {
- position: static;
- max-width: none;
- }
- div.topikcellcontent a {
- width: auto;
- }
- #fiber-content div.topikcell a {
- height: auto;
- }
-}
-
-div#CurrentlyChatting {
- cursor: pointer;
- margin-top: 1em;
-}
-
-div.description-emission-chat {
- margin-bottom: 2em;
-}
-
-div.chatPart h3 {
- padding-top: 0;
-}
-
-div#chat.moderation .msg-in span.from {
- cursor: pointer;
-}
-
-div#chat.moderation .msg-in span.from:hover::after {
- padding-left: 1ex;
- font-family: FontAwesome;
- content: "\f056";
- font-size: 80%;
-}
-
-div.programCell a.playlist {
- font-size: 80%;
-}
+++ /dev/null
-@font-face {
- font-family: 'RegloNormal';
- src: url('../reglo/RE01.otf');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'RegloMedium';
- src: url('../reglo/RE02-Medium.otf');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'RegloBold';
- src: url('../reglo/RE03-Bold.otf');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'RE04';
- src: url('../reglo/RE04-Bold.otf');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'RE05';
- src: url('../reglo/RE05-Bold.otf');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'RegloSymbol';
- src: url('../reglo/RE06.otf');
- font-weight: normal;
- font-style: normal;
- line-height: 0 !important;
-}
-
-@font-face {
- font-family: 'Reglo';
- src: url('../reglo/Reglo-Bold.otf');
- font-weight: normal;
- font-style: normal;
-}
-@font-face {
- font-family: 'Symbols';
- src: url('../reglo/RESYMBOL-resized.otf');
- font-weight: normal;
- font-style: normal;
-}
-@font-face {
- font-family: 'SymbolsResized';
- src: url('../reglo/RESYMBOL-resized.otf');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'RegloScale';
- src: url('../reglo/RegloScaleBold.otf');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Montserrat';
- src: url('../fonts/Montserrat-Regular.ttf');
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Montserrat';
- src: url('../fonts/Montserrat-Bold.ttf');
- font-weight: bold;
- font-style: normal;
-}
-
-[class^="icon-"],
-[class*=" icon-"]{
- /*font-size:1.3em;*/
-}
-.resymbol{
- vertical-align: middle;
- display: inline-block;
- font-family: 'Symbols';
-}
-.resymbol.big, .icons.big{
- font-size:2em;
-}
-.resymbol.huge, .icons.huge{
- font-size:3em;
-}
-.info:before,.warning:before,.error:before{
- font-family: FontAwesome;
- display:inline-block;
- margin-right:0.2em;
-}
-.info:before {
- content: "\f05a";
-}
-.warning:before {
- content: "\f071";
-}
-.error:before {
- content: "\f056 ";
-}
-.checked:before {
- content: "\f056 ";
-}
-
-.icon-communautaire:before {
- content: "▲"; /* ▴ */
-}
-.icon-musique:before {
- content: "△"; /* ▵ */
-}
-.icon-creation:before {
- content: "○"; /* ○ */
-}
-.icon-agenda-culturel:before {
- content: "●"; /* ● */
-}
-.icon-infodebats:before {
- content: "■"; /* ■ */
- /*content: "□ "; □ */
-}
-
<link rel="alternate" type="application/rss+xml" href="{% url 'atom-feed' %}" title="News atom feed">
<link rel="alternate" type="application/rss+xml" href="{% url 'podcasts-feed' %}" title="Podcast sounds">
- {% compress css %}
- <link rel="stylesheet" href="{{ STATIC_URL }}css/reset.css" type="text/css" />
- <link rel="stylesheet" href="{{ STATIC_URL }}css/type.css" type="text/css" />
- <link rel="stylesheet" href="{{ STATIC_URL }}css/general.css" type="text/css" />
- <link rel="stylesheet" href="{{ STATIC_URL }}css/specifics.css" type="text/css" />
- {% endcompress %}
+ <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css" type="text/css" />
{% compress js %}
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.10.2.min.js"></script>