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

@@ ... / @@ -12,114 +12,118 @@ @@
+}
 li.column {
     margin-bottom: 1em;
+}
 .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 {
     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;
+}
 #contractpatch-blog h3:first-child {
     /* Don't let the first blog headline clear below #contractpatch-follow. */
     clear: right;
+}
 .supporter-form-input {
     margin-bottom: .5em;
+}
 .supporter-form-input label,
 .supporter-form-input .input-group {
     display: inline-block;
     width: 49%;
+}
 .supporter-form-input label {
     text-align: right;
     padding-right: .3em;
+}
 .form-error, .supporter-form-input p {
     margin-left: 51%;
+}

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -38,96 +38,100 @@ body { @@
   font-family:
     system-ui,
     -apple-system,
     "Segoe UI",
     Roboto,
     "Helvetica Neue", Arial,
     "Noto Sans",
     "Liberation Sans",
     sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: .875rem;
   color: #333;
+}
 a {
   text-decoration: none;
   color: var(--navy);
   transition: all .1s ease-out;
   font-weight: bold;
+}
 a:hover { text-decoration: underline; }
 /* Missing links */
 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;
+}
 .btn-white:hover, .btn-white:active {
   background: #eee;
   text-decoration: none;
   box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
+}
 .btn-white:focus {
   box-shadow: 0 0 0 .25rem #ddd;
+}
 a svg {
   transition: all .2s ease;
+}
 a:hover svg {
   transform: scale(1.1);
+}
 .toggle-control  {
 cursor: pointer;
 text-decoration: none; color: #557733;
+}
 .toggle-control:hover { text-decoration: underline; color: #577632; }
 /* FIXME: We should do this:          */
 /* http://www.waypointarts.com/blog/2013/06/29/fixing-a-side-bar-while-scrolling-until-bottom */

0 comments (0 inline, 0 general)