website Changeset - a04d85a1e891 · Conservancy Kallithea

Changeset - a04d85a1e891

Parent rev.

Child rev.

[Not reviewed]

0 2 0

Brett Smith (brett) - 7 years ago 2016-12-31 19:23:03
brett@sfconservancy.org

css: Move rules intended for bigscreen to the dedicated stylesheet.

2 files changed with 47 insertions and 46 deletions:

www/conservancy/static/css/conservancy-bigscreen.css

www/conservancy/static/css/conservancy.css

0 comments (0 inline, 0 general)

www/conservancy/static/css/conservancy-bigscreen.css

➞

Show inline comments

@@ ... / @@ -6,41 +6,88 @@ @@
     width: 49%;
+}
 .column:nth-child(even) {
     float: right;
     width: 49%;
+}
 .left {
     float: left;
     margin-right: 1.5em;
+}
 .right {
     float: right;
     margin-left: 1.5em;
+}
 .picture {
     width: 30em;
     max-width: 35%;
     padding: .75em;
+}
 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;
+}
 video.small-right {
     float: right;
     height: auto;
     width: 25%;
     margin-left: .7em;
     margin-bottom: .4em;
+}
 video.medium-right {
     float: right;
     height: auto;
     width: 50%;
     margin-left: .7em;
     margin-bottom: .7em;
+}
 img.blog-right {
     float: right;
     padding-left: 1em;
     margin: .25em;
     min-width: 8%;
     max-width: 30%;
     width: auto;
+}
 #contractpatch-follow {
     float: left;
     width: 30em;
     margin-right: 1.5em;
     /* Below from .shaded, but we don't want the class on non-big screens. */
     padding: .75em;
     background: #F0FFB8;
+}
 #contractpatch-follow h2 {
     font-size: large;
+}
 #contractpatch-blog h3:first-child {
     /* Don't let the first blog headline clear below #contractpatch-follow. */
     clear: right;
+}

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -424,77 +424,31 @@ pre { @@
     font-size: 125%;
     font-weight: normal;
+}
 .supporter-type-selector a.supporter-type-selector-selected {
     font-size: 127%;
     font-weight: bold;
+}
 /* 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: 110%;
+}
 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;
+}
 img.blog-right {
     float: right;
     padding-left: 1em;
     margin: .25em;
     min-width: 8%;
     max-width: 30%;
     width: auto;
+}

0 comments (0 inline, 0 general)