Program styling

panikweb_templates/static/css/general.css

@@ -32,14 +32,14 @@ h1 {	font-size: 6em;}
 h2 {	font-size: 4em;}
 h3 {	font-size: 3em;}
 h4 {	font-size: 1.8em;}
-h5 {	font-size: 1.3em;}
+h5 {	font-size: 1.1em;}
 
 /*Specific rules for text writen by final users */
-article h1, .content h1 {	font-size: 2em;}
-article h2, .content h2  {	font-size: 1.7em;}
-article h3, .content h3  {	font-size: 1.5em;}
-article h4, .content h4  {	font-size: 1.4em;}
-article h5, .content h5  {	font-size: 1.3em;}
+article h1, .userContent h1 {	font-size: 2em;}
+article h2, .userContent h2  {	font-size: 1.7em;}
+article h3, .userContent h3  {	font-size: 1.5em;}
+article h4, .cuserContent h4  {	font-size: 1.4em;}
+article h5, .userContent h5  {	font-size: 1.3em;}
 
 h1, h2, .squashed{
     transform: scale(0.5, 1);
@@ -150,9 +150,10 @@ ul.inline li{
 
 
 .tabs nav ul{
-    display:table;
-    width:100%;
+	display:table;
+	width:100%;
 	text-align:center;
+	margin-bottom:2em;
 }
 .tabs nav ul li{
 	display:table-cell;
@@ -160,6 +161,12 @@ ul.inline li{
 	text-align:center;
 }
 
+.tabs a.active{
+	opacity:1;
+	text-decoration:none;
+	border-bottom:2px solid black;
+}
+
 .todo:hover, .todo *:hover{
 	text-decoration: line-through;
 	color:red !important;

panikweb_templates/static/js/specifics.js

@@ -2,6 +2,7 @@ $(function() {
 	$(".tabs").each(function() {
 		var self = $(this);
 		$(this).find(".content:not(:first)").hide();
+		$(this).find("nav a:first").addClass("active");
 		$(this).find("nav a").each(function() {
 		    $(this).click(function (e) {  
 			e.preventDefault();

panikweb_templates/templates/program.html

@@ -11,12 +11,12 @@
 		</ul>
 	</nav>
 	{% for day in days %}
-	<div class="content padded" id="Program-tabs-{{ day.datetime|date:"w" }}">
+	<div class="content" id="Program-tabs-{{ day.datetime|date:"w" }}">
 		<ul class="custom emission-list list">
 		{% if day.schedules %}
 		    {% for schedule in day.schedules %}
 			<li >
-				<div class="date dateBloc">
+				<div class="date dateBloc left">
 					<div class="time">{{ schedule.datetime|date:"H:i" }}</div>
 				</div>
 				{% include "emissions/inline.html" with emission=schedule.emission %}