symposion_app File Diff · Conservancy Kallithea

File diff e32942a49dc8 → ecabf31e54b9

static/src/lca2017/css/app.css

➞

Show inline comments

@@ ... / @@ -1366,25 +1366,25 @@ table.alt tr:not(:last-of-type) { @@
   font-size: 0.8em;
+}
 @media (min-width: 25em) {
   .l-header--logo {
     width: 200px;
     margin-right: 2.5rem;
+  }
+}
 @media (min-width: 48em) {
   .l-header {
     margin-top: 6.25rem;
+    /*margin-top: 6.25rem;  /* issue #44. We don't like this. */
+  }
   .l-header--menu-opener {
     display: none !important;
+  }
   .l-header--links {
     display: inline-block;
+  }
   .l-header--logo {
     width: 255px;
+  }
+}
@@ ... / @@ -1421,25 +1421,25 @@ table.alt tr:not(:last-of-type) { @@
+}
 .l-footer {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-top: 100px;
-  margin-top: 6.25rem;
+  margin-top: 3.25rem;
   padding: 50px 40px;
   padding: 3.125rem 40px;
   width: 100%;
+}
 .l-footer--logos {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: distribute;
   justify-content: space-around;
@@ ... / @@ -1457,55 +1457,59 @@ table.alt tr:not(:last-of-type) { @@
   display: block;
   width: 100%;
   height: 100%;
+}
 .l-footer__alt {
   background-color: #0c486c;
   color: white;
+}
 @media (min-width: 48em) {
   .l-footer {
     padding: 6.25rem 70px;
     /*padding: 6.25rem 70px; /* issue #44 too much padding */
     padding: 3.25rem 70px;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-pack: justify;
     justify-content: space-between;
+  }
   .l-footer--logos {
     margin-top: 0;
+  }
+}
 @media (min-width: 64em) {
   .l-footer {
     padding: 6.25rem 160px;
     /*padding: 6.25rem 160px; */
     padding: 3.25rem 160px;
+  }
+}
 @media (min-width: 80em) {
   .l-footer {
     padding: 6.25rem 200px;
     /*padding: 6.25rem 200px;*/
     padding: 3.25rem 200px;
+  }
   .l-footer--logo {
     margin-bottom: 0;
     -ms-flex-preferred-size: auto;
     flex-basis: auto;
+  }
+}
 @media (min-width: 1946px) {
   .l-footer {
     padding: 6.25rem auto;
     padding: 3.25rem auto;
     /*padding: 6.25rem auto;*/
+  }
+}
 .l-content-page {
   margin-top: 80px;
   margin-top: 5rem;
+}
 .l-content-page--image {
   height: 200px;
   width: 100%;
   margin: 7vw 0;