Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: static/css/main.css

Issue 29373612: Issue 4427 - Anchor tags hidden behind header on acceptableads.com (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Completed Thomas's example Created Jan. 25, 2017, 1:12 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | static/scss/components/_columns.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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;
« no previous file with comments | « no previous file | static/scss/components/_columns.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld