+++ /dev/null
-/******************/
-/*HTML TAG DISPLAYS */
-/******************/
-
-a {
- color:black;
- text-decoration: none;
-}
-a:hover {
- opacity:0.8;
- text-decoration: underline;
-}
-
-img {
- border: 2px solid black;
- margin-right: 10px;
-}
-h1, h2, h3, h4, h5{
- font-family: 'RegloBold';
-}
-h4, h5{
-}
-h1 { font-size: 5em;}
-h2 { font-size: 4em;}
-h3 { font-size: 3em;}
-h4 { font-size: 1.8em;}
-h5 { font-size: 1.3em;}
-
-/*Specific rules for text writen by final users */
-article h1, .content h1 { color:#aaa;font-size: 2.5em;}
-article h2, .content h2 { color:#aaa;font-size: 2.3em;}
-article h3, .content h3 { color:#aaa;font-size: 2em;}
-article h4, .content h4 { color:#aaa;font-size: 1.5em;}
-article h5, .content h5 { color:#aaa;font-size: 1.3em;}
-
-h1{
- transform: scale(0.5, 1);
- -webkit-transform: scale(0.5, 1);
- -moz-transform: scale(0.5, 1);
- -ms-transform: scale(0.5, 1);
- -o-transform: scale(0.5, 1);
- -webkit-transform-origin: 0 0;
- -moz-transform-origin: 0 0;
- -ms-transform-origin: 0 0;
- transform-origin: 0 0;
- width:200%;
- }
-
-nav{
- font-family: "RegloBold";
- text-transform: uppercase;
-}
-nav a.active,
- nav a:hover{
- text-decoration:underline;
-}
-p {
- /*line-height: 1.2;*/
- margin-bottom: 1em;
-}
-p a {
- text-decoration: underline
-}
-
-em {
- font-family:RegloBold;
-}
-
-blockquote {
- font-family:RegloBold;
- color:#aaa;
- font-size: 1.5em;
- padding: 1em;
- font-style:italic;
-}
-
-ul, ol, dl {
- margin: 0;
-}
-dt, dd{
- letter-spacing:1px;
- font-size: 0.8em;
- line-height: 150%;
-}
-dt {
- font-family: "RegloBold";
-}
-dd {
- font-family: "RegloNormal";
- margin-left: 4px;
-}
-
-dt:after {
- content: ":";
-}
-
-dl.metadata dt {
- clear: none;
- margin: 0;
-}
-
-dl.metadata dd {
- margin-right: 4px;
- }
-
-button {display:inline-block;}
-
-ul.custom, ul.custom li{
- list-style: none;
- margin: none;
- padding: none;
-}
-
-/******************/
-/*USEFULL CLASSES */
-/******************/
-
-.ui-tabs {
- background: transparent;
- border: none;
-}
-.ui-tabs .ui-widget-header {
- background: transparent;
- border: none;
- -moz-border-radius: 0px;
- -webkit-border-radius: 0px;
- border-radius: 0px;
-}
-.ui-tabs .ui-tabs-nav .ui-state-default {
- background: transparent;
- border: none;
-}
-.ui-tabs .ui-tabs-nav .ui-state-active {
- background: transparent;
- border: none;
-}
-.ui-tabs .ui-tabs-nav .ui-state-default a {
- color: #000;
-}
-.ui-tabs .ui-tabs-nav .ui-state-active a {
- border-bottom:2px solid black;
-}
-.ui-tabs .ui-tabs-panel, .tabs .ui-tabs .ui-tabs-panel{
- margin: 0 0 0 0;
- padding:0 0 0 0;
-}
-
-.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;}
-/**
- * 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;
-}
line-height: 1;
}
ol, ul {
+ list-style: none;
}
blockquote, q {
quotes: none;
+++ /dev/null
-/* COLORS
-
-@black: #000000;
-@orange: #FF6633;
-@blue: #0000FF;
-@white: #FFFFFF;
- */
-.symbol:hover,.control:hover{ color: blue; }
-
-#player, #player .symbol{ color: #FF6633; }
-#player .label { background-color:#FF6633; }
-#player .controls, #player hr,player .item,#player img{border-color:#FF6633;}
-
-/* FONTS */
-
-.dateBloc {
- font-family: "Reglo";
- text-transform: uppercase;
-}
-.dateBloc *{line-height: 100%;}
-.dateBloc .day {font-size: 2.2em;}
-.dateBloc .number {font-size: 2.2em;}
-.dateBloc .month {font-size: 0.8em;}
-.dateBloc .time {font-size: 1.2em;}
-
-.tabs .ui-tabs-nav {
- font-size: 0.8em;
- font-family: "Reglo";
- text-transform: uppercase;
-}
-/* SIZES
-
-@xxs: 8px;
-@xs: 10px;
-@s: 12px;
-@m: 16px;
-@l: 20px;
-@xl: 36px;
-@xxl: 60px;
-@xxxl: 80px;
-@xxs: 0.667em;
-@xs: 0.833em;
-@s: 1em;
-@m: 1.33em;
-@l: 1.66em;
-@xl: 3em;
-@xxl: 5em;
-@xxxl: 6.667em;
-
-@player-width: 210px;
-@content-width: 498px;
-@breves-width: 370px;
-*/
-/*@wrapper-width: @player-width + 60px + @content-width + 50px + @breves-width;*/
-/*@wrapper-width:auto;*/
-/*@import "mixins";*/
-/*@import "forms";*/
-
-/* GLOBAL STYLES */
-
-body {
- background-color: white;
- color: #000305;
- font-size: 14px;
- font-family: "RegloNormal";
- line-height: 1.5;
- text-align: left;
- margin:40px auto;
- /*padding: 0px 10px;*/
- clear: both;
-}
-#main {padding:1em;}
-.wrapper {width: auto;}
-@media screen and (min-width:300px) and (max-width: 400px) {
- #main {font-size: 85%;}
-}
-@media screen and (min-width:400px) and (max-width: 780px) {
- #main {font-size: 90%;}
-}
-
-
-.symbol{
- font-size: 3em;
- font-family: "RegloSymbol" !important;
- line-height: 70% !important;
-}
-.symbol.big{
- font-size: 4em;
-}
-.symbol.huge{
- font-size: 6em;
-}
-
-.label {
- text-transform: uppercase;
- font-family: "Reglo";
- letter-spacing:1px;
- font-size:1.3em;
- background-color:black;
- position: absolute;
- left:10px;
- top:-5px;
- color:white;
- padding:5px 7px 0px 7px;
-}
-
-ul.tags {
- margin: 10px 0 0 0;
- overflow:hidden;
- margin-bottom:15px;
-}
-
-ul.tags li {
- font-size: 0.8em;
- font-family: RegloBold;
- letter-spacing: 1px;
- text-transform: uppercase;
- float: left;
- border: 1px solid black;
- margin: 2px 2px;
- padding: 3px 3px 0px 3px;
- border-radius: 7px;
- -moz-border-radius: 7px;
-}
-/*
-.symbol {
- font-family: RegloSymbol;
- font-size: @xxl*1.5;
- line-height: 80%;
-}
-
-.symbol-absolute {
- position:absolute;
- font-family: RegloSymbol;
- font-size: @xxl*2;
- line-height: 80%;
- float: left;
- top:21px;
- left:68px;
-}
-*/
-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;
-}
-
-/**** TABS ****/
-
-
-/* GLOBAL SITE NAV */
-
-#search-form{content:'Rechercher';}
-#search-form:focus{content:'';}
-#metaNav {
- color:white;
- background-color: black;
- position:fixed;
- top:0px;
- width:100%;
- font-family: "Reglo";
- text-transform: uppercase;
-}
-#metaNav input {float:right;width:150px;}
-#metaNav nav{
- padding: 0.5em 0 0 0.5em;
- margin-right:150px;
-}
-
-#metaNav nav{
-}
-#metaNav ul,#metaNav li{margin:0 !important;padding:0 !important;}
-#metaNav ul li{
- display: inline-block;
- max-width:20%;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow:hidden;
-}
-#metaNav ul li a{
- color:white;
- margin-right:1em;
- letter-spacing:1px;
-}
-
-
-#siteNav > div {
- float:left;
- }
-
-#advanced > div {
- float: left;
-}
-/*
-.menuMedia {
- color: @orange;
- width: @player-width;
- a, a:active, a:visited {
- color: @orange;
- }
-}
-
-.menuEmissions {
- color: @black;
- width: @content-width;
- margin-left:60px;
-}
-
-.menuNews {
- color: @blue;
- width: @breves-width;
- margin-left:50px;
- a, a:active, a:visited {
- color: @blue;
- }
-}
-
-.absolute {
- background-color:@orange;
- position: absolute;
- left:10px;
- top:-5px;
- color:white;
- padding:5px 7px 0px 7px;
-}
-*/
-
-
-/****************************************************/
-/**** PLAYER ****/
-#Home #player{ float: left; }
-
-#player{
- max-width:300px;
-}
-#player .controls, #player hr{border-width:3px 0;}
-#player .item{border-width:1px 0;}
-#player img {border-width:2px;}
-
-#player .direct { position:relative;}
-#player .direct img { width:100%;}
-#player .direct .control {
- font-size: 100px;
- position:absolute;
- margin-left:75px;
- margin-top:10px;
-}
-
-#player .controls {
- text-align: center;
- margin: 0 0 1em 0;
-}
-
-#player hr {
- height: 1px;
- border: 0;
-}
-#player .current{
- margin-top:1em;
-}
-
-#player .playlist .item {
- min-height:60px;
- margin:20px 0;
-}
-#player .playlist .item img{ float:left;}
-
-/*
-.previousNext {
- margin: 40px 0 16px 0;
- height: 22px;
-}
-
-.previousNext .symbol {
- width:50px;
- height: 22px;
- background-color:@orange;
- color:white;
- font-size:@l;
- text-align:center;
- margin-right:2px;
- padding-top:6px;
-}
-*/
-
-
-/****************************************************/
-/**** EMISSIONS ****/
-/**** Detail ****/
-.emission{max-width:600px;margin:auto;}
-.emission-detail .title{
- text-transform: uppercase;
-}
-.emission-detail .metas {
- float: left;
- width: 40%;
- margin: 0 1em 1em 0 ;
- }
-.emission-detail .description{
- font-family: "RegloBold";
- font-size: 1.3em;
-}
-.emission-detail .logo{max-width:50%;}
-@media screen and (max-width: 300px) {
- .emission-detail .metas {
- float: none;
- width: auto;
- margin: 0;
- }
- .emission-detail .logo{max-width:100%;}
-}
-.emission-detail .schedule{
- font-family: "RegloBold";
- line-height: 175%;
- font-size: 17.6px;
- text-transform: inherit;
-}
-.emission-detail .control {
- text-transform: uppercase;
- font-family: "Reglo";
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-.emission-detail .control .symbol{
- font-size: 6em;
- line-height: 80%;
- float:left;
-}
-.emission .control .listen{
- line-height:5em;
-}
-
-.emission .mainHeader {
- overflow: hidden;
- margin-bottom:1.5em;
-}
-/*
-.emission .mainHeader nav {
- height: 65px;
- margin-top: 20px;
-}
-
-.emission .mainHeader nav ul {
- font-size: @l;
- font-family: "Reglo";
- text-transform: uppercase;
- margin-bottom: 45px;
- transform : scale(1,2);
- -webkit-transform:scale(1,2);
- -moz-transform:scale(1,2);
- -ms-transform:scale(1,2);
- -o-transform:scale(1,2);
- line-height:1%;
- width: 100%;
- list-style: none;
- margin: 0;
- padding: 0;
- letter-spacing:1px;
-}
-
-.emission .mainHeader nav ul li {
- float: left;
- display: inline;
- width:50%;
-}
-
-.emission .mainHeader nav a:link,
- .emission .mainHeader nav a:visited {
- color: black;
- display: inline-block;
- width: 249px;
- padding: 20px 0px;
- text-align: center;
-}
-
-.emission .mainHeader nav a:hover,
- .emission .mainHeader nav a:active, .mainHeader nav .active a:link,
- .emission .mainHeader nav .active a:visited {
- color: white;
- background-color: black;
-}
-*/
-/**** Inline ****/
-.emission-inline {
- padding:0.5em;
- min-height: 2.5em;
- border-bottom: 1px solid #000000;
- overflow:hidden;
-}
-
-.emission-inline div.date {
- min-height: 3em;
- text-align: center;
- display:inline-block;
- float:left;
- margin-right:1em;
-}
-/*
-.emission-inline .date span {
- display:inline-block;
- font-family: RegloBold;
- text-transform: uppercase;
- font-size: @s;
- line-height: 100%;
-}
-*/
-
-.emission-inline .controls {
- margin-top:0px;
- text-align: center;
- float:right;
-}
-
-.emission-inline .controls .symbol {
- margin-right:5px;
- float:left;
-}
-.emission-inline .link {
- display:block;
- padding-right: 50px;
-}
-.emission-inline .archived *{
- color:#aaa;
-}
-
-.emission-inline .link .description {
- margin: 0px 0 5px 0;
- font-family: "RegloMedium";
-}
-
-ul.tagsArchives {
- margin-top:5px;
- overflow:hidden;
- margin-bottom:15px;
-}
-
-ul.tagsArchives li {
- font-size: 0.8em;
- font-family: "RegloBold";
- letter-spacing: 1px;
- text-transform: uppercase;
- float: left;
- border: 1px solid black;
- margin: 2px 2px;
- padding: 3px 3px 0px 3px;
- border-radius: 7px;
- -moz-border-radius: 7px;
-}
-
-/**** EPISODE ****/
-/**** Detail ****/
-.episode-detail {
- border-top: 3px solid black;
- min-height: 100px;
-}
-
-.episode-detail img {
- margin-top: 17px;
- border: 2px solid black;
-}
-
-.episode-detail .title{
-
-}
-.episode-detail .date{
- float: left;
-}
-.episode-detail .logo,
- .episode-detail .controls{
- float: right;
-}
-
-@media screen and (max-width: 300px) {
- .episode-detail .logo{display:none;}
-}
-.episode-detail .date {
- font-family: "Reglo";
- text-transform: uppercase;
- width: 3.5em;
- text-align: center;
- margin-right: 1em;
-}
-.episode-detail .date *{
- line-height: 100%;
-}
-.episode-detail .date .day, .emission-detail .date .day {
- margin-top: 20px;
- font-size: 2.2em;
-}
-
-.episode-detail .date .number {
- font-size: 2.2em;
-}
-
-.episode-detail .date .month {
- font-size: 0.8em;
-}
-.episode-detail .date .time, .emission-details .time {
- margin: 5px 0 10px 0;
- font-size: 1.2em;
-}
-
-.episode-detail .content {
- padding-left: 4em;
-}
-
-.episode-detail .content .title {
- margin: 16px 0 10px 0;
-}
-
-.episode-detail .logo {
- width: 100px;
- margin:0px 1em;
- max-width:20%;
-}
-.episode-detail .logo img{
- width:100%;
-}
-
-.episode-detail .controls {
- margin-top: 10px;
- width: 90px;
- text-align: center;
-}
-
-/**** PROGRAM ****/
-
-#Program .dateBloc {
- float:left;
- padding-top:1em;
- margin-right:2em;
-}
-
-
--- /dev/null
+/* COLORS
+
+@black: #000000;
+@orange: #FF6633;
+@blue: #0000FF;
+@white: #FFFFFF;
+ */
+.symbol:hover,.control:hover{ color: blue; }
+
+#player, #player .symbol{ color: #FF6633; }
+#player .label { background-color:#FF6633; }
+#player .controls, #player hr,player .item,#player img{border-color:#FF6633;}
+/* SIZES
+
+@xxs: 8px;
+@xs: 10px;
+@s: 12px;
+@m: 16px;
+@l: 20px;
+@xl: 36px;
+@xxl: 60px;
+@xxxl: 80px;
+@xxs: 0.667em;
+@xs: 0.833em;
+@s: 1em;
+@m: 1.33em;
+@l: 1.66em;
+@xl: 3em;
+@xxl: 5em;
+@xxxl: 6.667em;
+
+@player-width: 210px;
+@content-width: 498px;
+@breves-width: 370px;
+*/
+/*@wrapper-width: @player-width + 60px + @content-width + 50px + @breves-width;*/
+/*@wrapper-width:auto;*/
+/*@import "mixins";*/
+/*@import "forms";*/
+
+/* GLOBAL STYLES */
+
+body {
+ background-color: white;
+ color: #000305;
+ font-size: 14px;
+ font-family: "RegloNormal";
+ line-height: 1.5;
+ text-align: left;
+ margin:40px auto;
+ /*padding: 0px 10px;*/
+ clear: both;
+}
+#main {padding:1em;}
+.wrapper {width: auto;}
+@media screen and (min-width:300px) and (max-width: 400px) {
+ #main {font-size: 85%;}
+}
+@media screen and (min-width:400px) and (max-width: 780px) {
+ #main {font-size: 90%;}
+}
+/* Mixins & USEFUL CLASSES */
+.squash(@x, @y: 1) {
+ transform: scale(@x, @y);
+ -webkit-transform: scale(@x, @y);
+ -moz-transform: scale(@x, @y);
+ -ms-transform: scale(@x, @y);
+ -o-transform: scale(@x, @y);
+ -webkit-transform-origin: 0 0;
+ -moz-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+ width:200%;
+ }
+
+.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;
+}
+
+.symbol{
+ font-size: 3em;
+ font-family: "RegloSymbol" !important;
+ line-height: 70% !important;
+}
+.symbol.big{
+ font-size: 4em;
+}
+.symbol.huge{
+ font-size: 6em;
+}
+
+
+
+.label {
+ text-transform: uppercase;
+ font-family: "Reglo";
+ letter-spacing:1px;
+ font-size:1.3em;
+ background-color:black;
+ position: absolute;
+ left:10px;
+ top:-5px;
+ color:white;
+ padding:5px 7px 0px 7px;
+}
+/*
+.symbol {
+ font-family: RegloSymbol;
+ font-size: @xxl*1.5;
+ line-height: 80%;
+}
+
+.symbol-absolute {
+ position:absolute;
+ font-family: RegloSymbol;
+ font-size: @xxl*2;
+ line-height: 80%;
+ float: left;
+ top:21px;
+ left:68px;
+}
+*/
+.block {display:block;}
+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;
+}
+
+/* GLOBAL SITE NAV */
+
+#search-form{content:'Rechercher';}
+#search-form:focus{content:'';}
+#metaNav {
+ color:white;
+ background-color: black;
+ position:fixed;
+ top:0px;
+ width:100%;
+ font-family: "Reglo";
+ text-transform: uppercase;
+}
+#metaNav input {float:right;width:150px;}
+#metaNav nav{
+ padding: 0.5em 0 0 0.5em;
+ margin-right:150px;
+}
+
+#metaNav nav{
+}
+#metaNav ul,#metaNav li{margin:0 !important;padding:0 !important;}
+#metaNav ul li{
+ display: inline-block;
+ max-width:20%;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow:hidden;
+}
+#metaNav ul li a{
+ color:white;
+ margin-right:1em;
+ letter-spacing:1px;
+}
+
+
+#siteNav > div {
+ float:left;
+ }
+
+#advanced > div {
+ float: left;
+}
+/*
+.menuMedia {
+ color: @orange;
+ width: @player-width;
+ a, a:active, a:visited {
+ color: @orange;
+ }
+}
+
+.menuEmissions {
+ color: @black;
+ width: @content-width;
+ margin-left:60px;
+}
+
+.menuNews {
+ color: @blue;
+ width: @breves-width;
+ margin-left:50px;
+ a, a:active, a:visited {
+ color: @blue;
+ }
+}
+
+.absolute {
+ background-color:@orange;
+ position: absolute;
+ left:10px;
+ top:-5px;
+ color:white;
+ padding:5px 7px 0px 7px;
+}
+*/
+
+
+/****************************************************/
+/**** PLAYER ****/
+#Home #player{ float: left; }
+
+#player{
+ max-width:300px;
+}
+#player .controls, #player hr{border-width:3px 0;}
+#player .item{border-width:1px 0;}
+#player img {border-width:2px;}
+
+#player .direct { position:relative;}
+#player .direct img { width:100%;}
+#player .direct .control {
+ font-size: 100px;
+ position:absolute;
+ margin-left:75px;
+ margin-top:10px;
+}
+
+#player .controls {
+ text-align: center;
+ margin: 0 0 1em 0;
+}
+
+#player hr {
+ height: 1px;
+ border: 0;
+}
+#player .current{
+ margin-top:1em;
+}
+
+#player .playlist .item {
+ min-height:60px;
+ margin:20px 0;
+}
+#player .playlist .item img{ float:left;}
+
+/*
+.previousNext {
+ margin: 40px 0 16px 0;
+ height: 22px;
+}
+
+.previousNext .symbol {
+ width:50px;
+ height: 22px;
+ background-color:@orange;
+ color:white;
+ font-size:@l;
+ text-align:center;
+ margin-right:2px;
+ padding-top:6px;
+}
+*/
+
+
+/****************************************************/
+/**** EMISSIONS ****/
+/**** Detail ****/
+.emission{max-width:600px;margin:auto;}
+.emission-detail .title{
+ text-transform: uppercase;
+}
+.emission-detail .metas {
+ float: left;
+ width: 40%;
+ margin: 0 1em 1em 0 ;
+ }
+.emission-detail .description{
+ font-family: "RegloBold";
+ font-size: 1.3em;
+}
+.emission-detail .logo{max-width:50%;}
+@media screen and (max-width: 300px) {
+ .emission-detail .metas {
+ float: none;
+ width: auto;
+ margin: 0;
+ }
+ .emission-detail .logo{max-width:100%;}
+}
+.emission-detail .schedule{
+ font-family: "RegloBold";
+ line-height: 175%;
+ font-size: 17.6px;
+ text-transform: inherit;
+}
+.emission-detail .control {
+ text-transform: uppercase;
+ font-family: "Reglo";
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.emission-detail .control .symbol{
+ font-size: 6em;
+ line-height: 80%;
+ float:left;
+}
+.emission .control .listen{
+ line-height:5em;
+}
+
+.emission .mainHeader {
+ overflow: hidden;
+ margin-bottom:1.5em;
+}
+/*
+.emission .mainHeader nav {
+ height: 65px;
+ margin-top: 20px;
+}
+
+.emission .mainHeader nav ul {
+ font-size: @l;
+ font-family: "Reglo";
+ text-transform: uppercase;
+ margin-bottom: 45px;
+ transform : scale(1,2);
+ -webkit-transform:scale(1,2);
+ -moz-transform:scale(1,2);
+ -ms-transform:scale(1,2);
+ -o-transform:scale(1,2);
+ line-height:1%;
+ width: 100%;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ letter-spacing:1px;
+}
+
+.emission .mainHeader nav ul li {
+ float: left;
+ display: inline;
+ width:50%;
+}
+
+.emission .mainHeader nav a:link,
+ .emission .mainHeader nav a:visited {
+ color: black;
+ display: inline-block;
+ width: 249px;
+ padding: 20px 0px;
+ text-align: center;
+}
+
+.emission .mainHeader nav a:hover,
+ .emission .mainHeader nav a:active, .mainHeader nav .active a:link,
+ .emission .mainHeader nav .active a:visited {
+ color: white;
+ background-color: black;
+}
+*/
+/**** Inline ****/
+.emission-inline {
+ padding:0.5em;
+ min-height: 2.5em;
+ border-bottom: 1px solid #000000;
+ overflow:hidden;
+}
+
+.emission-inline div.date {
+ min-height: 3em;
+ text-align: center;
+ display:inline-block;
+ float:left;
+ margin-right:1em;
+}
+/*
+.emission-inline .date span {
+ display:inline-block;
+ font-family: RegloBold;
+ text-transform: uppercase;
+ font-size: @s;
+ line-height: 100%;
+}
+*/
+
+.emission-inline .controls {
+ margin-top:0px;
+ text-align: center;
+ float:right;
+}
+
+.emission-inline .controls .symbol {
+ margin-right:5px;
+ float:left;
+}
+.emission-inline .link {
+ display:block;
+ padding-right: 50px;
+}
+.emission-inline .archived *{
+ color:#aaa;
+}
+
+.emission-inline .link .description {
+ margin: 0px 0 5px 0;
+ font-family: "RegloMedium";
+}
+
+ul.tagsArchives {
+ margin-top:5px;
+ overflow:hidden;
+ margin-bottom:15px;
+}
+
+ul.tagsArchives li {
+ font-size: 0.8em;
+ font-family: "RegloBold";
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ float: left;
+ border: 1px solid black;
+ margin: 2px 2px;
+ padding: 3px 3px 0px 3px;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+}
+
+/**** EPISODE ****/
+/**** Detail ****/
+.episode-detail {
+ border-top: 3px solid black;
+ min-height: 100px;
+}
+
+.episode-detail img {
+ margin-top: 17px;
+ border: 2px solid black;
+}
+
+.episode-detail .title{
+
+}
+.episode-detail .date{
+ float: left;
+}
+.episode-detail .logo,
+ .episode-detail .controls{
+ float: right;
+}
+
+@media screen and (max-width: 300px) {
+ .episode-detail .logo{display:none;}
+}
+.episode-detail .date {
+ font-family: "Reglo";
+ text-transform: uppercase;
+ width: 3.5em;
+ text-align: center;
+ margin-right: 1em;
+}
+.episode-detail .date *{
+ line-height: 100%;
+}
+.episode-detail .date .day, .emission-detail .date .day {
+ margin-top: 20px;
+ font-size: 2.2em;
+}
+
+.episode-detail .date .number {
+ font-size: 2.2em;
+}
+
+.episode-detail .date .month {
+ font-size: 0.8em;
+}
+.episode-detail .date .time, .emission-details .time {
+ margin: 5px 0 10px 0;
+ font-size: 1.2em;
+}
+
+.episode-detail .content {
+ padding-left: 4em;
+}
+
+.episode-detail .content .title {
+ margin: 16px 0 10px 0;
+}
+
+.episode-detail .logo {
+ width: 100px;
+ margin:0px 1em;
+ max-width:20%;
+}
+.episode-detail .logo img{
+ width:100%;
+}
+
+.episode-detail .controls {
+ margin-top: 10px;
+ width: 90px;
+ text-align: center;
+}
+
+
+
+
+/****************************************************/
+/**** Breves
+
+.breves, #content.breve {
+ color:@blue;
+ a, a:visited, a:active {
+ color:@blue;
+ }
+ a:hover{
+ color: lighten(@blue, 30%);
+ }
+}
+
+.breves {
+ width: @breves-width;
+ float: left;
+ margin-left: 50px;
+}
+
+.breves img {
+ border: 2px solid @blue;
+}
+
+.breves-header span {
+ background-color: @blue;
+ color: white;
+ padding: 10px @s;
+ height: @s;
+ font-size: @s;
+ font-family: RegloBold;
+ text-transform: uppercase;
+ display: inline-block;
+}
+
+.breves h4 {
+ clear:both;
+ margin:10px 0 16px 0;
+ }
+
+
+
+.label p{
+ margin-top:5px;
+ margin-right:5px;
+ float:left;
+ text-decoration:underline;
+ }
+
+.breves-big {
+ width:350px;
+ margin:0 10px;
+ float:left
+}
+
+
+
+.breves-small {
+ width:165px;
+ margin:0 10px;
+ float:left
+ }
+
+.breves .suite {
+ margin:10px 0 40px 0;
+ height:20px;
+ width:124px;
+ background-color: @blue;
+ clear:both;
+ margin-left: 10px;
+ }
+
+.breves .symbol {
+ margin:2px 5px;
+ color:white;
+ font-size:@l;
+ }
+
+
+.breves .suite p {
+ color: white;
+ text-transform: uppercase;
+ letter-spacing:1px;
+ font-family: RegloMedium;
+ font-size:@xs;
+ padding-top:4px;
+ }
+
+.breves-image {
+ position: relative;
+}
+
+.breves .trans {
+ text-transform: uppercase;
+ font-family: Reglo;
+ letter-spacing:1px;
+ font-size:@m;
+ background-color:@blue;
+ position: absolute;
+ left:10px;
+ top:-5px;
+ color:white;
+ padding:5px 7px 0px 7px;
+}
+ ****/
+
+
+/**** TO REWRITE ****/
+
+/* The h1 needs to be two times bigger, than it’s containing box, because with the matrix transform we’re going to squash it in 2 */
+/*
+#content h1 {
+ width: 996px;
+ }
+
+#content h3 {
+ margin-bottom:30px;
+ }
+
+#content {
+ width: @content-width;
+ float: left;
+ margin-left: 60px;
+}
+
+#content.wide {
+ width: 498px + 50px + 370px;
+}
+a, .menuEmissions a, a:visited, .menuEmissions a:visited, a:active, .menuEmissions a:active {
+ color: lighten(@black, 20%);
+ }
+
+#content hr {
+ display: block;
+ height: 1px;
+ border-top: 3px solid @black;
+}
+
+
+
+
+.accordion {
+ margin-bottom:50px;
+ }
+
+.accordion .slide-out {
+ display: none;
+ }
+
+
+ .accordion .strip {
+ margin:2px 0;
+ height:20px;
+ background-color: @black;
+ color: white;
+ font-family:RegloMedium;
+ text-transform: uppercase;
+ letter-spacing:1px;
+ font-size:@xs;
+ padding-top:4px;
+ .focusFade();
+ cursor: pointer;
+ }
+
+.accordion .strip:hover {
+ background-color: @black;
+ }
+
+.accordion .symbol {
+ color: white;
+ font-size:@l;
+ margin: 0px 5px;
+}
+
+.a-propos {
+ margin: 30px 10px;
+ }
+
+.a-propos p {
+ margin-bottom:15px;
+ }
+
+.a-propos h4 {
+ margin:15px 0;
+ height: 12px;
+ background-color:@black;
+ color:white;
+ font-family:RegloMedium;
+ padding:4px;
+ letter-spacing:1px;
+ font-size:@xs;
+ display:inline-block;
+ }
+
+
+
+.associated-sounds {
+ margin: 30px 0;
+ .symbols {
+ font-size:@xl*1.3;
+ float: right;
+ line-height:50%;
+ }
+ .soundGrey {
+ background-color:#D0D0D0;
+ }
+ div.item {
+ margin-top: 20px;
+ padding: 10px;
+ }
+ h3 {
+ margin-bottom:30px;
+ }
+ }
+
+*/
+.todo:hover, .todo *:hover{
+ text-decoration: line-through;
+ color:red !important;
+}
+/**
+ * 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;
+}
+++ /dev/null
-$(function() {
- $(".tabs").tabs();
-});
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/>
- <script type="text/javascript" src="{{ STATIC_URL }}js/specifics.js"></script>
<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" />
+ <link rel="stylesheet" href="{{ STATIC_URL }}css/tags.css" type="text/css" />
+ <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css" type="text/css" />
<!--<script src="{{ STATIC_URL }}js/less-1.4.1.js" type="text/javascript"></script>
<link rel="stylesheet" href="{{ STATIC_URL }}css/style.css" />-->
{% extends "base.html" %}
{% block main %}
-<div id="Program">
- <h1>Programme</h1>
-
- <div class="tabs">
- <ul class="custom">
- {% for day in days %}
- <li><a href="#Program-tabs-{{ day.datetime|date:"w" }}">{{ day.datetime|date:"D" }}</a></li>
- {% endfor %}
- </ul>
-
- {% for day in days %}
- <div id="Program-tabs-{{ day.datetime|date:"w" }}">
-
- <ul class="custom emission-list">
-
- {% if day.schedules %}
- {% for schedule in day.schedules %}
- <li >
- <div class="date dateBloc">
- <div class="time">{{ schedule.datetime|date:"H:i" }}</div>
- </div>
- {% include "emissions/inline.html" with emission=schedule.emission %}
- </li>
- {% endfor %}
- {% else %}
- <li>Rien!</li>
- {% endif %}
- </ul>
-
- </div>
-
- {% endfor %}
-
- </div>
+
+<h1>Programme</h1>
+
+<div id="tabs">
+ <ul>
+{% for day in days %}
+ <li><a href="#tabs-{{ day.datetime|date:"w" }}">{{ day.datetime|date:"D" }}</a></li>
+{% endfor %}
+ </ul>
+
+{% for day in days %}
+ <div id="tabs-{{ day.datetime|date:"w" }}">
+
+ <ul class="emission-list">
+ {% for schedule in day.schedules %}
+ <li >
+ <div class="date">
+ <div class="time">{{ schedule.datetime|date:"H:i" }}</div>
+ </div>
+ {% include "emissions/inline.html" with emission=schedule.emission %}
+ </li>
+ {% endfor %}
+ </ul>
+
+ </div>
+
+{% endfor %}
+
</div>
+
+{% endblock %}
+
+
+{% block pageend %}
+<script>
+$(function() {
+ $("#tabs").tabs();
+});
+</script>
{% endblock %}
projects / panikweb.git / commitdiff