website File Diff · Conservancy Kallithea

File diff 3eb70fcb8658 → 340999cfd75d

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -110,59 +110,56 @@ a.read-more { @@
   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 */
 .donate-sidebar {
     position: fixed;
     top: 180px;
     right: 2%;
     width: 18%;
+}
 @media all and (max-width: 725px) {
     .donate-sidebar { display: none; }
     .content-with-donate-sidebar {
         align: center;
         width: 100%;
+    }
   background: var(--light-green) no-repeat;
   position: sticky;
   bottom: 0;
   width: auto;
   padding: 0.5rem 1rem;
   margin: 2rem -1rem 0;
   border-radius: 8px 8px 0 0;
   border: 1px solid #90d468;
+}
 p.footnote {
     font-size: 85%;
+}
 h1 { margin-top: .75em; margin-bottom: .5em; }
 h2 { margin-top: .75em; margin-bottom: .5em; }
 h3 { margin-top: .6em; margin-bottom: .4em; }
 #mainContent ul, #mainContent ol { padding-left: 1.5em; }
 .internalNavigate { width: 19%; float: right; }
 #mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }
 .internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }
 /* Header */
 body > header {
   /* background: linear-gradient(to top right, white, white, var(--washed-blue) 80%); */
   overflow: auto; /* Prevent logo top margin popping out. */
+}
@@ ... / @@ -258,102 +255,93 @@ body > header { @@
 #navbar.mobile li {
   display: block;
+}
 #navbar.mobile ul {
   padding-left: .5rem;
   padding-right: .5rem;
   display: block !important;
   position: relative !important;
   top: auto !important;
   left: 0 !important;
   right: auto !important;
   text-align: left !important;
+}
 #navbar.mobile > ul > li {
   padding-top: .5rem;
   padding-bottom: .5rem;
+}
 #navbar.mobile > ul > li {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
 #navbar.mobile li ul {
   margin-left: .5rem;
+}
 #mainContent {
   overflow: auto;
+}
 #sidebar + #mainContent {
     float: left;
+}
 #progressbar {
     height: 1.8em;
+}
 #progressbar .ui-widget-header {
     background: rgb(206, 31, 31);
+}
 #siteprogressbar .goalText {
     color: #557733;
     font-size: 10pt;
+}
 #siteprogressbar .soFarText {
     font-size: 10pt;
+}
 #siteprogressbar .progress {
     background: #577632;
+}
 @media all and (max-width: 600px) {
   .goalText {
       font-size: 8pt;
+  }
   .soFarText {
       font-size: 8pt;
+  }
+}
 #siteprogressbar .progress {
     background: #577632;
+}
 #siteprogressbar .middle-goal {
     background: #d0d0d0;
+}
 #siteprogressbar .final-goal {
     background: #eeeeee;
+}
 #fundraiser-percentage {
     text-align: center;
+}
 .content-with-donate-sidebar {
     align: left;
     width: 80%;
+}
 #container #mainContent {
     max-width: 50em;
     margin: 0;
     padding: 0;
     background: #ffffff;
     flex: 1 1 auto;
+}
 #container #sidebar {
   background-color: #ccd4a3;
   padding: 1px 0.5rem 0.25rem;
   flex: 1 0 15em;
   margin-bottom: 1rem;
+}
 @media screen and (min-width: 30em) {
   #container {
     display: flex;
+  }
   #container #sidebar {
     margin-right: 1rem;
+  }
+}
 #container #sidebar li {