font-family: Cervo, sans-serif;
line-height: normal;
text-align: left;
- margin:0 auto 0 auto;
- /*padding: 0px 10px;*/
+ margin: 0 auto 0 auto;
clear: both;
font-size: 22px;
+ background: $darkmauve;
+ color: $white;
}
a {
color: #222;
border-color: #222;
}
-/****************************************************/
-/**** BODY ****/
-/****************************************************/
-body{
- background: $darkmauve;
- color: $white;
-}
-/****************************************************/
-/**** 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: 3em;
- line-height: 3em;
- display:block;
-}
-
-#metaNav ul li#nav-language span {
- cursor: pointer;
- height: 3em;
- line-height: 3em;
- display: inline-block;
-}
-
-#metaNav ul li#nav-language span.lang-on {
- color: white;
-}
-
-#metaNav ul li a span{
- 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;
-}
.icon-rss {
color: orange;
display: inline-block;
}
-#mainHeader *{color:black !important;line-height:1em;}
-
-#Panik img{display:block;margin:auto;max-height:200px;}
#mainHeader h1{
padding-left:75px;
}
padding-bottom: 20px;
text-align: center;
}
-
- #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-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 {
visibility: hidden;
}
-
-#specialHome div.rightPart h1,
-div.focus {
- color: $secondary;
-}
-
-h1.top#frequence {
- color: $primary;
-}
-
-/****************************************************/
-/**** 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;
+#Nav {
+ margin-top: 2em;
}
-#specialHome h2,
-#Nav h2{
+#specialHome 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 ****/
top: -6px;
}
-#Nav {
- margin-top: 2em;
-}
-
#CurrentlyPlaying{
color: $red;
font-weight: bold;
#Changing a:hover,#Changing button:hover {
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:$primary;
- 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:$primary;
- border-color:yellow;
-}
-#main {}
-#mainLegend{
- width:30%;
- text-align:right;
- float:right;
- padding:1em;
-}
#Footer {
padding-top: 120px;
}
-/****************************************************/
-/**** 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 .episode a,
-#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-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%; }
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;
}
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:$size_m){
- 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;
-}
-
-@media screen and (max-width: $size_m) {
- #chat span.from {
- display: block;
- position: static;
- width: auto;
- }
- #chat span.content {
- display: block;
- padding-left: 2rem;
- }
-}
-
-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:$size_m){
- 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%;
-}
-
#bg-title {
display: none;
color: lighten($primary, 20);
.schedule {
color: $blue;
text-transform: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
}
div.episode-info,
div.emission-info {