website Changeset - c64e52d9e62c · Conservancy Kallithea

Changeset - c64e52d9e62c

Parent rev.

Child rev.

[Not reviewed]

0 2 0

Ben Sturmfels (bsturmfels) - 16 months ago 2023-02-08 11:44:44
ben@sturm.com.au

Improve the .small-left/right and .medium-left/right classes

2 files changed with 17 insertions and 9 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

@@ ... / @@ -36,67 +36,71 @@ dl { @@
     padding: 0.5em;
+}
 dt {
     clear: left;
     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;
+}
 .small-left {
     float: left;
     height: auto;
     width: 25%;
     margin-left: 1.2em;
     margin-bottom: .4em;
     max-width: 20rem;
     margin: 0 2rem 0.5rem 0;
+}
 .small-right {
     float: right;
     height: auto;
     width: 25%;
     margin-right: 1.2em;
     margin-bottom: .4em;
     max-width: 20rem;
     margin: 0 0 0.5rem 2rem;
+}
 .medium-left {
     float: left;
     height: auto;
     max-width: 30rem;
     margin: 0 2rem 0.5rem 0;
+}
 .medium-right {
     float: right;
     height: auto;
     width: 50%;
     margin-left: .7em;
     margin-bottom: .7em;
     max-width: 30rem;
     margin: 0 0 0.5rem 2rem;
+}
 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;
+}

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -62,48 +62,52 @@ a, form { position: relative; } @@
 .fixme,
 a[href$="#fixme"]:before,
 form[action$="#fixme"]:before {
   border: 1px solid var(--orange);
   border-radius: 6px;
   content: '?';
   font-size: 0.6rem;
   color: var(--orange);
   position: absolute;
   top: -4px;
   right: -4px;
   padding: 1px;
   background: yellow;
   /* opacity: 0.8; */
   width: 12px;
   text-align: center;
+}
 input:focus {
   z-index: 3;
   border-color: #86b7fe;
   box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5);
 };
 video {
     max-width: 100%;
     margin: 1rem 0;
+}
 a.read-more {
     cursor: pointer;
     font-style: italic;
+}
 .btn-orange {
   color: white;
   background: var(--orange);
   border: 1px solid var(--orange-dim);
+}
 .btn-orange:hover, .btn-orange:active {
   background: var(--orange-dim);
   text-decoration: none;
   box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
+}
 .btn-orange:focus {
   box-shadow: 0 0 0 .25rem var(--orange-dim);
+}
 .btn-white {
   color: var(--orange);
   background: white;
   border: 1px solid #777;
+}

0 comments (0 inline, 0 general)