tweaked template for baby videos page

1 files changed, 13 insertions, 5 deletions

diff --git a/design/templates/details/babyvideos.html b/design/templates/details/babyvideos.html
index 007a6ea..80b41ab 100644
--- a/design/templates/details/babyvideos.html
+++ b/design/templates/details/babyvideos.html
@@ -3,7 +3,6 @@
 {% block pagetitle %}Luxagraf | {{object.title}}{% endblock %}
 {% block extrahead %}
 <style>
-
 .vidwrap{
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */
@@ -17,18 +16,27 @@
     left: 0;
     width: 100%;
     height: 100%;
-    max-width: 960px;
 }
+
+
+@media only screen and (max-width : 960px) {
+    .vidwrap video {width: 100%;}
+}
+@media only screen and (min-width : 1024px) {}
+    .vidwrap video {max-width: 960px;}
+}
+
 </style>
+<meta name="robots" content="noindex, nofollow">
 {% endblock %}
 {% block metadescription %}{{object.metadescription}}{% endblock %}
-{%block htmlclass%}class="dark single"{%endblock%}
+{%block htmlclass%}class="dark"{%endblock%}
 				
 {% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
         <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
         <li>{{object.title}}</li>
     </ul>
-    <article role="main">
+    <div role="main">
         {{object.body_html|safe}}
-    </article>
+    </div>
 {% endblock %}