website Changeset - 788880d09293 · Conservancy Kallithea

Changeset - 788880d09293

Parent rev.

Child rev.

[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 22 insertions and 0 deletions:

www/conservancy/static/css/conservancy.css

0 comments (0 inline, 0 general)

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -393,64 +393,86 @@ pre { @@
 /* Make dl's ( such as for FAQ entries) look nice on screens, both big and small. */
 dl {
     border: 3px double #ccc;
     padding: 0.5em;
+}
 dt {
     text-align: center;
     margin: 0em 1em 0.5em 0.5em;
     font-weight: bold;
     color: green; }
 dd {
     margin: 0 0 1.5em 2em;
+}
 @media only screen and (min-width: 685px) {
 dl {
     border: 3px double #ccc;
     padding: 0.5em;
+}
 dt {
     float: left;
     text-align: center;
     width: 10em;
     margin: 0em 1em 0.5em 0.5em;
     font-weight: bold;
     color: green; }
 dt:after {
     content: ":";
+}
 dd {
     margin: 0 0 2.5em 11.5em;
+}
+}
 .fundraiser-top-text {
     background: #F0FFB8;
     padding: .7em .7em .7em .7em;
+}
 .fundraiser-top-text em {
     font-size: 120%;
+}
 /* These vido controls are based on the fact that our videos often appear on
 ** the blog summary areas, which are in a div with class column, and in the
 ** main blog, which is in the body with class conservancy-blog
 */
 div.column video {
     float: right;
     height: auto !important;
     width: 25% !important;
     max-width:50%;
     margin-left: .7em;
     margin-bottom: .4em;
+}
 body.conservancy-blog video {
     float: right;
     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)