diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css index 6a936f6cf7cac42c603f1488a098cd484ee76d11..64998248eb325f2565a83e64ceb3400aeda416df 100644 --- a/www/conservancy/static/css/conservancy.css +++ b/www/conservancy/static/css/conservancy.css @@ -131,17 +131,14 @@ text-decoration: none; color: #557733; /* 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 { @@ -279,10 +276,6 @@ body > header { margin-left: .5rem; } - -#mainContent { - overflow: auto; -} #sidebar + #mainContent { float: left; } @@ -328,11 +321,6 @@ body > header { text-align: center; } -.content-with-donate-sidebar { - align: left; - width: 80%; -} - #container #mainContent { max-width: 50em; margin: 0;