From: Frédéric Péters <fpeters@0d.be>
Date: Mon, 19 Aug 2013 15:25:01 +0000 (+0200)
Subject: Revert "New CSS style"
X-Git-Url: https://git.0d.be/?p=panikweb.git;a=commitdiff_plain;h=546b2f829df031462c6808ecb308c470e0d40626

Revert "New CSS style"

This reverts commit cdd725683ee0272d0dc595b81c56dbc494fc317f.
---

diff --git a/panikweb_templates/static/css/style.css b/panikweb_templates/static/css/style.css
deleted file mode 100644
index ed92442..0000000
--- a/panikweb_templates/static/css/style.css
+++ /dev/null
@@ -1,768 +0,0 @@
-/* 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;
-}