Some style for emissions

panikweb_templates/static/css/specifics.css

@@ -132,10 +132,14 @@ body{
 #Main{
 	color:#333;
 	background-color: white;
+	padding-bottom:2em;
 }
 #Home #Main{
 	min-height:0;
 }
+#All{
+	padding-bottom:3em;
+}
 /* GLOBAL SITE NAV */
 #userLog{
 	z-index:2000;
@@ -416,7 +420,7 @@ background-color:#ff6633; border-color:#fff;}
 }
 #player #CurrentlyPlaying,
  #player-container #Playlist ol{
-	color:#aa1100 !important;
+	opacity:0.9;
 	padding-top:0.2em;
 }
 
@@ -478,16 +482,21 @@ background-color:#ff6633; border-color:#fff;}
 }
 /**** Detail	****/
 .emission-detail .metas {
-    float: left;
-    width: 40%;
-    margin: 0 1em 1em 0 ;
-    }
+	margin:0em 0 1em 0;
+}
+.emission-detail .metas{
+	line-height:1.5em;
+}
 .emission-detail .description{
 	font-family: "RegloBold";
 	font-size: 1.3em;
+	margin:0em 0 1em 0;
+	line-height:1.5em;
 }
 .emission-detail .logo{
-	max-width:50%;margin-bottom:1em;
+	float:right;
+	max-width:50%;
+	margin:0em 0 0 1em;
 }
 @media screen and (max-width: 300px) {
 	.emission-detail .metas {
@@ -497,12 +506,6 @@ background-color:#ff6633; border-color:#fff;}
 	}
 	.emission-detail .logo{max-width:100%;}
 }
-.emission-detail .schedule{
-	font-family: "RegloBold";
-	line-height: 175%;
-	font-size: 17.6px;
-	text-transform: inherit;
-}
 .emission .mainHeader {
     overflow: hidden;
     margin-bottom:1.5em;

panikweb_templates/templates/emissions/detail.html

 {% load i18n %}
 {% load paniktags %}
 <div class="emission emission-detail cf">
-	<div class="metas">
+	<div class="metas cf">
 		{% if schedules %}
-			<ul class="schedule custom">
-
+			<ul class="schedule custom left">
 				{% for schedule in schedules %}
 				<li>
-					<div>{{ schedule.datetime|date:"l G:i" }}
-					<!--<div class="time">{{ schedule.datetime|date:"G:i" }}</div>-->
-					{% if schedule.rerun %} <span class="smooth">(rediff)</span> {% endif %}
+					<div>
+						<span class="label">{{ schedule.datetime|date:"l G:i" }}</span>					
+						{% if schedule.rerun %} <span class="smooth">(rediff)</span> {% endif %}
 					</div>
 				</li>
 				{% endfor %}
 			</ul>
 		{% endif %}
-		{% if emission.description %}
-		<div class="description">
-			{{ emission.description|safe|striptags }}
+		<div class="contacts right">
+			{% if emission.email %}
+				<div class="email ellipsis">{{ emission.email|strreplace:"@, (AT) "|strreplace:"., (DOT) "}}</div>
+			{% endif %}
+			{% if emission.email and emission.website %}{% endif %}
+			{% if emission.website %}
+				<div class="contact ellipsis"><a href="{{ emission.website}}">{{ emission.website}}</a></div>
+			{% endif %}
 		</div>
-		{% endif %}
 	</div>
 
 	{% if emission.image %}
-		<img class="logo right" src="{{ emission.image.url }}"/>
+		<img class="logo" src="{{ emission.image.url }}"/>
+	{% endif %}
+
+	{% if emission.description %}
+	<div class="description">
+		{{ emission.description|safe|striptags }}
+	</div>
 	{% endif %}
 
 	{% if emission.text %}
@@ -31,11 +40,5 @@
 		{{ emission.text|safe}}
 	</article>
 	{% endif %}
-		{% if emission.email %}
-			<div class="email ellipsis">{{ emission.email|strreplace:"@, (AT) "}}</div>
-		{% endif %}
-		{% if emission.website %}
-			<div class="contact ellipsis"><a href="{{ emission.website}}">{{ emission.website}}</a></div>
-		{% endif %}
 </div>
 

panikweb_templates/templates/emissions/nav.html

@@ -45,6 +45,13 @@
 			<h2 class="squashed title">
 				<a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a>
 			</h2>
+		{% if emission.categories %}
+			<div class="categories">
+			{% for category in emission.categories.all %}
+				{% if forloop.counter > 1 %} - {% endif %}<span class="">{{category}}</span>
+			{% endfor%}
+			</div>
+		{% endif %}
 		</header>
 		{% if episodes %}
 		<div class="wrapper half">

panikweb_templates/templates/includes/player.html

@@ -50,8 +50,7 @@
 							result = result + ($.type(onair.data.emission) == 'object'?'<span>'+onair.data.emission.title+'</span>&nbsp;|&nbsp;':'');
 							result = result +  ($.type(onair.data.episode) == 'object'?'<span>'+onair.data.episode.title+'</span>':'');
 							//var container = $('<a>',{class:"intercepted",href:onair.data.emission.url,html:result});
-							var container = $('<span>').html(result);
-							WhatsOnAir.append(container);
+							WhatsOnAir.html(result);
 						} else if (onair.data.nonstop) {
 							result = onair.data.nonstop.title;
 							WhatsOnAir.html('<span>' + result + '</span>');