website File Diff · Conservancy Kallithea

File diff 2a1e00eee2ef → 3c8f3635372b

www/conservancy/static/css/conservancy.css

➞

Show inline comments

 * { margin: 0; padding: 0; }
 img { border: 0; }
 body { margin: 0; padding: 0; }
 .clear { clear: both; }
 .hidden { display: none; }
 p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {
   /* margin-top: 1em; */
   margin-bottom: 1em;
+}
 p {
   line-height: 1.6;
+}
 html {
   /* Standard colorss. */
   --khaki-green: #587733;
   --light-green: #afe478;
   --washed-green: #daf4be;
   --light-blue: #92d4d1;
   --washed-blue: #ddfbfa;
   --navy: #224c57;
   --orange: #ec6343;
   --orange-dim: #e05340;
   --orange-dimmer: #ce3520;
+}
 /* Some Tachyons-like classes to apply those standard colors. */
 .bg-light-blue { background: var(--light-blue); }
 .bg-orange { background: var(--orange); }
 .orange { color: var(--orange); }
 .b--light-blue { border-color: var(--light-blue); }
 .navy { color: var(--navy); }
 body {
   /* Native font stack as per Bootstrap 5.1. */
   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);
 };
 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 {
@@ ... @@
   float: left;
   margin-top: 10px;
   text-align: center;
   list-style: none;
   margin-right: 5px;
+}
 ul#sponsor li:after {
     content: "";
     display: block;
     height: 2px;
     width: 30%;
     margin-left: 35%;
     margin-right: 35%;
     margin-top: 4px;
     background: #afe478;
+}
 #subbox {
    position: absolute;
    padding-top: 10px;
    right: 0px;
    width: 200px;
    font-size: 12px;
+}
 img.inside-faq {
   max-width: 100%;
   width: auto;
   overflow: scroll;
+}
 pre {
   overflow: auto;
+}
 .supporter-type-selector a {
     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;
+}
 /* Fallback elements created by conservancy.js when no video source is
    supported. */
 div.small-right, div.medium-right {
     border: thick solid #577632;
     padding: .3em;
     text-align: center;
+}
 .breadcrumbs {
   font-size: 14px;
   padding: 0.5rem 0 0;
+}
 .breadcrumbs, .breadcrumbs a {
   color: #777;
+}
 .breadcrumbs a {
   padding: 0 0.5em;
+}
 .breadcrumbs a:first-child {
   padding-left: 0;
+}
 .breadcrumbs span {
   padding-left: 0.5em;
+}
 .press-release .date, .conservancy-blog .date {
   margin-bottom: 1rem;
+}
 /* Expanding sections. */
 details summary {
   font-size: 1rem;
   font-weight: bold;
   padding: 0.5rem 0;
+}
 .conservancy-sustainer #feature-menu li.sustainer a,
 .conservancy-donate #feature-menu li.donate a,
 .conservancy-vizio #feature-menu li.donate a
+{
   background-color: var(--orange-dimmer);
+}