Program styling

diff --git a/panikweb_templates/static/css/general.css b/panikweb_templates/static/css/general.css
index 616398699438f271d65173aaea745d1dca211598..60b81494f9e1a5560ef2b6bf7c8c0d6699e1c928 100644 (file)
--- a/panikweb_templates/static/css/general.css
+++ b/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;

diff --git a/panikweb_templates/static/js/specifics.js b/panikweb_templates/static/js/specifics.js
index 763a7306b5a0d3aa0b84c28fa0bc59f0aee8c006..f5b750fe025e1d9739374fb0963a2e2003435c52 100644 (file)
--- a/panikweb_templates/static/js/specifics.js
+++ b/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();

diff --git a/panikweb_templates/templates/program.html b/panikweb_templates/templates/program.html
index 56107631afcb9fc4e78a513990dda2c7a27dc179..fedc5483aaa59f635b16906f53ad16b63a5bea7d 100644 (file)
--- a/panikweb_templates/templates/program.html
+++ b/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 %}