Changeset - 788880d09293
[Not reviewed]
0 1 0
Bradley Kuhn (bkuhn) - 8 years ago 2015-12-11 21:17:53
bkuhn@ebb.org
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.
1 file changed with 27 insertions and 5 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy.css
Show inline comments
...
 
@@ -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;
 
}
0 comments (0 inline, 0 general)