Index: static/css/main.css |
=================================================================== |
--- a/static/css/main.css |
+++ b/static/css/main.css |
@@ -821,19 +821,16 @@ |
font-weight: 400; |
font-style: normal; } |
/* Floating box grid (with push/pull support) |
* NOTE: 1/4 is 1/2 on tablet |
* NOTE: all are 1/1 on mobile |
* NOTE: use column classes without a row to set block widths |
******************************************************************************/ |
-.outer { |
- overflow: hidden; } |
- |
.container { |
max-width: 1140px; |
margin-right: auto; |
margin-left: auto; |
padding-right: 16px; |
padding-left: 16px; } |
.row { |
@@ -1226,25 +1223,16 @@ |
margin-right: 208px; } |
html[dir="ltr"] #navbar-logo { |
margin-left: 208px; } } |
@media (max-width: 1199px) { |
.js #navbar { |
display: none; } } |
-.outer { |
- padding-top: 96px; } |
- |
-@media (min-width: 1200px) { |
- html[dir="ltr"] .outer { |
- margin-left: 208px; } |
- html[dir="rtl"] .outer { |
- margin-right: 208px; } } |
- |
#sidebar { |
text-transform: uppercase; |
color: #FFFFFF; |
background-color: #161616; |
font-size: 16px; |
font-weight: 400; |
line-height: 100%; } |
#sidebar ul, |
@@ -1540,16 +1528,30 @@ |
padding: 0 16px; } } |
@media (min-width: 1200px) { |
html[dir="ltr"] #breadcrumbs { |
margin-left: 208px; } |
html[dir="rtl"] #breadcrumbs { |
margin-right: 208px; } } |
+.outer { |
+ position: absolute; |
+ top: 96px; |
+ bottom: 0px; |
+ height: auto; |
+ width: 100%; |
+ overflow: auto; } |
+ |
+@media (min-width: 1200px) { |
+ html[dir="ltr"] .outer { |
+ padding-left: 208px; } |
+ html[dir="rtl"] .outer { |
+ padding-right: 208px; } } |
+ |
#footer { |
padding-top: 64px; |
padding-bottom: 96px; |
font-size: 70%; |
background-color: #292929; |
color: #FFFFFF; } |
#footer h1, #footer h2, #footer .center blockquote, .center #footer blockquote, #footer h3, #footer .group.items .item::before, .group.items #footer .item::before, #footer h4, #footer h5, #footer h6 .h1, h6 #footer .h1, #footer .h2, #footer .h3, #footer .h4, #footer .h5, #footer .h6 { |
position: relative; |