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.
This commit is contained in:
parent
59c6aa64de
commit
788880d092
1 changed files with 27 additions and 5 deletions
|
@ -454,3 +454,25 @@ body.conservancy-blog video {
|
||||||
margin-left: .7em;
|
margin-left: .7em;
|
||||||
margin-bottom: .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;
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue