| 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; |