Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add legacy support for older firefox/iceweasel.

Browse source 
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.
This commit is contained in:
Bradley M. Kuhn 2015-12-11 13:17:53 -08:00
parent 59c6aa64de
commit 788880d092
1 changed files with 27 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
www/conservancy/static/css/conservancy.css
View file

@ -439,8 +439,8 @@ dd {
div.column video { div.column video {
float: right; float: right;
height:auto !important; height: auto !important;
width:25% !important; width: 25% !important;
max-width:50%; max-width:50%;
margin-left: .7em; margin-left: .7em;
margin-bottom: .4em; margin-bottom: .4em;
@ -448,9 +448,31 @@ div.column video {
body.conservancy-blog video { body.conservancy-blog video {
float: right; float: right;
height:auto !important; height: auto !important;
width:50% !important; width: 50% !important;
max-width:75%; 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-left: .7em;
margin-bottom: .7em; margin-bottom: .7em;
} }