website Changeset - f26c598c78fc · Conservancy Kallithea

Changeset - f26c598c78fc

Parent rev.

Child rev.

[Not reviewed]

0 1 0

Ben Sturmfels (bsturmfels) - 3 years ago 2021-10-19 13:47:58
ben@sturm.com.au

Display mobile menu above the supporter sidebar.

1 file changed with 2 insertions and 0 deletions:

www/conservancy/static/css/conservancy.css

0 comments (0 inline, 0 general)

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -87,192 +87,194 @@ 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 */
 .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%;
+    }
+}
 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. */
+}
 #conservancyheader img {
   max-height: 75px;
   width: auto;
+}
 @media screen and (min-width: 30em) {
   #conservancyheader img {
     max-height: 90px;
+  }
+}
 /* Navigation bar */
 #navbar-outer {
   background: var(--navy);
   position: relative;
   z-index: 100;
+}
 #navbar ul {
   list-style: none;
   text-transform: uppercase;
   padding: 0;
+}
 #navbar li {
   background: var(--navy);
   position: relative;
   padding-left: .25rem;
   padding-right: .25rem;
+}
 @media screen and (min-width: 30em) {
   #navbar li {
     padding-left: .5rem;
     padding-right: .5rem;
+  }
+}
 #navbar li > a {
   display: inline-block;
   color: white;
   text-decoration: none;
   padding: 0.25rem 0.25rem 0;
   /* Invisible borders to keep things even. */
   border-top: 0.20rem solid var(--navy);  /* A little less here. */
   border-bottom: 0.25rem solid var(--navy);
+}
 @media screen and (min-width: 30em) {
   #navbar li > a {
     padding-left: .5rem;
     padding-right: .5rem
+  }
+}
 #navbar li a:hover, #navbar li a:focus {
   border-bottom: 0.25rem solid var(--light-green);
+}
 #navbar li { padding-bottom: 0.25rem; }
 /* Navbar submenus */
 #navbar li ul {
   display: none;
   z-index: 100;
   position: absolute;
   top: 100%;
   left: 0;
   min-width: 15rem;
   text-transform: none;
+}
 #navbar li ul a {
   font-weight: normal;
+}
 #navbar li:hover ul {
   display: block;
+}
 /* Right-align the second last and last sub-menus. */
 #navbar li:nth-last-child(2) ul, #navbar li:nth-last-child(1) ul {
   left: auto;
   right: 0;
   text-align: right;
+}
 #menu-icon:active, #search-icon:active {
   transform: scale(1.1);
+}
 #navbar-outer { min-height: .5rem; }
 #navbar.mobile {
   display: block;
   max-width: 32rem;
+}
 #navbar.mobile.search { display: block; }
 #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;
+}

0 comments (0 inline, 0 general)