website File Diff · Conservancy Kallithea

File diff bd5f44a7f6ab → c64e52d9e62c

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 */