From 788880d092930df9d39810fe601a9c000cf799b0 Mon Sep 17 00:00:00 2001
From: "Bradley M. Kuhn" <bkuhn@ebb.org>
Date: Fri, 11 Dec 2015 13:17:53 -0800
Subject: [PATCH] Add legacy support for older firefox/iceweasel.

In this situation:

<body class="conservancy-blog">
...
<video>

it turned out that this CSS:

body.conservancy-blog video {}

Did not apply.

So, this adds a hack to force the issue.
---
 www/conservancy/static/css/conservancy.css | 32 ++++++++++++++++++----
 1 file changed, 27 insertions(+), 5 deletions(-)
diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index 313fee3e..13e8bb5c 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -439,8 +439,8 @@ dd {
 
 div.column video {
     float: right;
-    height:auto !important;
-    width:25% !important;
+    height: auto !important;
+    width: 25% !important;
     max-width:50%;
     margin-left: .7em;
     margin-bottom: .4em;
@@ -448,9 +448,31 @@ div.column video {
 
 body.conservancy-blog video {
     float: right;
-    height:auto !important;
-    width:50% !important;
-    max-width:75%;
+    height: auto !important;
+    width: 50% !important;
+    max-width: 75%;
+    margin-left: .7em;
+    margin-bottom: .7em;
+}
+
+/* In older firefox/iceweasel, the above did not work.  The below is a legacy
+** hack, and requires you to remember to put class="small-right" and class="medium-right"
+*/
+
+video.small-right {
+    float: right;
+    height: auto !important;
+    width: 25% !important;
+    max-width:50%;
+    margin-left: .7em;
+    margin-bottom: .4em;
+}
+
+video.medium-right {
+    float: right;
+    height: auto !important;
+    width: 50% !important;
+    max-width: 75%;
     margin-left: .7em;
     margin-bottom: .7em;
 }
