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

Delta Between Two Patch Sets: 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
Left Patch Set: Created Jan. 24, 2017, 11:36 p.m.
Right Patch Set: Completed Thomas's example Created Jan. 25, 2017, 1:12 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Right: Side by side diff | Download
« no previous file with change/comment | « no previous file | static/scss/components/_columns.scss » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
(no file at all)
1 .m-a-na { 1 .m-a-na {
2 margin: 0 0 !important; } 2 margin: 0 0 !important; }
3 3
4 .m-t-na { 4 .m-t-na {
5 margin-top: 0 !important; } 5 margin-top: 0 !important; }
6 6
7 .m-b-na { 7 .m-b-na {
8 margin-bottom: 0 !important; } 8 margin-bottom: 0 !important; }
9 9
10 .m-x-na { 10 .m-x-na {
(...skipping 808 matching lines...) Expand 10 before | Expand all | Expand 10 after
819 819
820 label em { 820 label em {
821 font-weight: 400; 821 font-weight: 400;
822 font-style: normal; } 822 font-style: normal; }
823 823
824 /* Floating box grid (with push/pull support) 824 /* Floating box grid (with push/pull support)
825 * NOTE: 1/4 is 1/2 on tablet 825 * NOTE: 1/4 is 1/2 on tablet
826 * NOTE: all are 1/1 on mobile 826 * NOTE: all are 1/1 on mobile
827 * NOTE: use column classes without a row to set block widths 827 * NOTE: use column classes without a row to set block widths
828 ******************************************************************************/ 828 ******************************************************************************/
829 .outer {
830 overflow: hidden; }
831
832 .container { 829 .container {
833 max-width: 1140px; 830 max-width: 1140px;
834 margin-right: auto; 831 margin-right: auto;
835 margin-left: auto; 832 margin-left: auto;
836 padding-right: 16px; 833 padding-right: 16px;
837 padding-left: 16px; } 834 padding-left: 16px; }
838 835
839 .row { 836 .row {
840 margin-right: -16px; 837 margin-right: -16px;
841 margin-left: -16px; } 838 margin-left: -16px; }
(...skipping 381 matching lines...) Expand 10 before | Expand all | Expand 10 after
1223 1220
1224 @media (min-width: 1200px) { 1221 @media (min-width: 1200px) {
1225 html[dir="rtl"] #navbar-logo { 1222 html[dir="rtl"] #navbar-logo {
1226 margin-right: 208px; } 1223 margin-right: 208px; }
1227 html[dir="ltr"] #navbar-logo { 1224 html[dir="ltr"] #navbar-logo {
1228 margin-left: 208px; } } 1225 margin-left: 208px; } }
1229 1226
1230 @media (max-width: 1199px) { 1227 @media (max-width: 1199px) {
1231 .js #navbar { 1228 .js #navbar {
1232 display: none; } } 1229 display: none; } }
1233
1234 .outer {
1235 padding-top: 96px; }
1236
1237 @media (min-width: 1200px) {
1238 html[dir="ltr"] .outer {
1239 margin-left: 208px; }
1240 html[dir="rtl"] .outer {
1241 margin-right: 208px; } }
1242 1230
1243 #sidebar { 1231 #sidebar {
1244 text-transform: uppercase; 1232 text-transform: uppercase;
1245 color: #FFFFFF; 1233 color: #FFFFFF;
1246 background-color: #161616; 1234 background-color: #161616;
1247 font-size: 16px; 1235 font-size: 16px;
1248 font-weight: 400; 1236 font-weight: 400;
1249 line-height: 100%; } 1237 line-height: 100%; }
1250 #sidebar ul, 1238 #sidebar ul,
1251 #sidebar li { 1239 #sidebar li {
(...skipping 286 matching lines...) Expand 10 before | Expand all | Expand 10 after
1538 @media (max-width: 1199px) { 1526 @media (max-width: 1199px) {
1539 #breadcrumbs ol { 1527 #breadcrumbs ol {
1540 padding: 0 16px; } } 1528 padding: 0 16px; } }
1541 1529
1542 @media (min-width: 1200px) { 1530 @media (min-width: 1200px) {
1543 html[dir="ltr"] #breadcrumbs { 1531 html[dir="ltr"] #breadcrumbs {
1544 margin-left: 208px; } 1532 margin-left: 208px; }
1545 html[dir="rtl"] #breadcrumbs { 1533 html[dir="rtl"] #breadcrumbs {
1546 margin-right: 208px; } } 1534 margin-right: 208px; } }
1547 1535
1536 .outer {
1537 position: absolute;
1538 top: 96px;
1539 bottom: 0px;
1540 height: auto;
1541 width: 100%;
1542 overflow: auto; }
1543
1544 @media (min-width: 1200px) {
1545 html[dir="ltr"] .outer {
1546 padding-left: 208px; }
1547 html[dir="rtl"] .outer {
1548 padding-right: 208px; } }
1549
1548 #footer { 1550 #footer {
1549 padding-top: 64px; 1551 padding-top: 64px;
1550 padding-bottom: 96px; 1552 padding-bottom: 96px;
1551 font-size: 70%; 1553 font-size: 70%;
1552 background-color: #292929; 1554 background-color: #292929;
1553 color: #FFFFFF; } 1555 color: #FFFFFF; }
1554 #footer h1, #footer h2, #footer .center blockquote, .center #footer blockquote , #footer h3, #footer .group.items .item::before, .group.items #footer .item::be fore, #footer h4, #footer h5, #footer h6 .h1, h6 #footer .h1, #footer .h2, #foot er .h3, #footer .h4, #footer .h5, #footer .h6 { 1556 #footer h1, #footer h2, #footer .center blockquote, .center #footer blockquote , #footer h3, #footer .group.items .item::before, .group.items #footer .item::be fore, #footer h4, #footer h5, #footer h6 .h1, h6 #footer .h1, #footer .h2, #foot er .h3, #footer .h4, #footer .h5, #footer .h6 {
1555 position: relative; 1557 position: relative;
1556 margin-bottom: 32px; 1558 margin-bottom: 32px;
1557 padding-top: 8px; } 1559 padding-top: 8px; }
1558 #footer h1::before, #footer h2::before, #footer .center blockquote::before, .c enter #footer blockquote::before, #footer h3::before, #footer .group.items .item ::before, .group.items #footer .item::before, #footer h4::before, #footer h5::be fore, #footer h6 .h1::before, h6 #footer .h1::before, #footer .h2::before, #foot er .h3::before, #footer .h4::before, #footer .h5::before, #footer .h6::before { 1560 #footer h1::before, #footer h2::before, #footer .center blockquote::before, .c enter #footer blockquote::before, #footer h3::before, #footer .group.items .item ::before, .group.items #footer .item::before, #footer h4::before, #footer h5::be fore, #footer h6 .h1::before, h6 #footer .h1::before, #footer .h2::before, #foot er .h3::before, #footer .h4::before, #footer .h5::before, #footer .h6::before {
1559 display: block; 1561 display: block;
1560 position: absolute; 1562 position: absolute;
1561 top: 0; 1563 top: 0;
1562 left: 0; 1564 left: 0;
1563 width: 16px; 1565 width: 16px;
1564 height: 0; 1566 height: 0;
1565 content: " "; 1567 content: " ";
1566 border-top: 2px solid #FFFFFF; } 1568 border-top: 2px solid #FFFFFF; }
1567 #footer a { 1569 #footer a {
1568 color: #FFFFFF; } 1570 color: #FFFFFF; }
1569 #footer a:hover { 1571 #footer a:hover {
1570 text-decoration: underline; 1572 text-decoration: underline;
1571 color: #8CC63E !important; } 1573 color: #8CC63E !important; }
1572 #footer p { 1574 #footer p {
1573 color: #E1E1E1; } 1575 color: #E1E1E1; }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld