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

Delta Between Two Patch Sets: static/css/main.css

Issue 29438582: Issue 5135 - Reduce font size and padding on smaller screens on acceptableads.com (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Left Patch Set: Implement container classes in scss Created June 27, 2017, 8:32 a.m.
Right Patch Set: Fix alignment of hr under headings Created July 6, 2017, 10:25 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
LEFTRIGHT
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 403 matching lines...) Expand 10 before | Expand all | Expand 10 after
414 width: 100%; 414 width: 100%;
415 margin-bottom: 16px; 415 margin-bottom: 16px;
416 padding: 0; 416 padding: 0;
417 font-size: 18px; 417 font-size: 18px;
418 line-height: inherit; } 418 line-height: inherit; }
419 419
420 a, img { 420 a, img {
421 border: none; 421 border: none;
422 outline: none; } 422 outline: none; }
423 423
424 h2 + .row, .center blockquote + .row,
425 h1 + .row,
426 h2 + hr + .row, .center blockquote + hr + .row,
427 h1 + hr + .row {
428 margin-top: -16px; }
429
424 .section { 430 .section {
425 margin: 96px 0; } 431 margin-bottom: 96px; }
426 @media (max-width: 768px) { 432 @media (max-width: 768px) {
427 .section { 433 .section {
428 margin: 32px 0; } } 434 margin-bottom: 32px; } }
429 435
430 .section .section { 436 .section .section {
431 margin: 64px 0; } 437 margin-bottom: 64px; }
432 @media (max-width: 768px) { 438 @media (max-width: 768px) {
433 .section .section { 439 .section .section {
434 margin: 32px 0; } } 440 margin-bottom: 32px; } }
435 441
436 h1, h2, .center blockquote, h3, .group.items .item::before, h4, h5, h6 .h1, .h2, .h3, .h4, .h5, .h6 { 442 h1, h2, .center blockquote, h3, .group.items .item::before, h4, h5, h6 .h1, .h2, .h3, .h4, .h5, .h6 {
437 text-transform: uppercase; 443 text-transform: uppercase;
438 font-weight: 700; 444 font-weight: 700;
439 line-height: 120%; } 445 line-height: 120%; }
440 446
441 h1, 447 h1,
442 .h1 { 448 .h1 {
443 margin: 96px 0 64px 0; 449 margin: 96px 0 64px 0;
444 text-transform: none; 450 text-transform: none;
(...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after
579 line-height: 80%; } 585 line-height: 80%; }
580 586
581 blockquote, 587 blockquote,
582 p, 588 p,
583 ul, 589 ul,
584 ol, 590 ol,
585 dl, 591 dl,
586 .block { 592 .block {
587 margin: 16px 0; } 593 margin: 16px 0; }
588 594
589 .p-container {
590 margin-bottom: 32px; }
591 @media (min-width: 544px) {
592 .p-container {
593 margin-bottom: 64px; } }
594 @media (min-width: 768px) {
595 .p-container {
596 margin-bottom: 96px; } }
597
598 .p-container p:first-child {
599 margin-top: 0; }
600
601 a { 595 a {
602 cursor: pointer; 596 cursor: pointer;
603 text-decoration: underline; 597 text-decoration: underline;
604 color: #8CC63E; 598 color: #8CC63E;
605 font-weight: 400; } 599 font-weight: 400; }
606 600
607 a:hover, a:active { 601 a:hover, a:active {
608 color: #292929; } 602 color: #292929; }
609 603
610 strong a { 604 strong a {
(...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after
763 width: 24px; 757 width: 24px;
764 height: 3px; 758 height: 3px;
765 margin: 16px 0; 759 margin: 16px 0;
766 border: none; 760 border: none;
767 background-color: #161616; } 761 background-color: #161616; }
768 762
769 h1 + hr, 763 h1 + hr,
770 h2 + hr, .center blockquote + hr { 764 h2 + hr, .center blockquote + hr {
771 position: absolute; 765 position: absolute;
772 margin: -32px 0 32px 0; } 766 margin: -32px 0 32px 0; }
767 @media (max-width: 544px) {
768 h1 + hr,
769 h2 + hr, .center blockquote + hr {
770 margin-top: -21px; } }
773 771
774 .center hr { 772 .center hr {
775 margin: 16px auto; } 773 margin: 16px auto; }
776 774
777 table { 775 table {
778 border-collapse: collapse !important; } 776 border-collapse: collapse !important; }
779 777
780 table td, 778 table td,
781 table th { 779 table th {
782 background-color: #FFFFFF; } 780 background-color: #FFFFFF; }
(...skipping 926 matching lines...) Expand 10 before | Expand all | Expand 10 after
1709 height: 0; 1707 height: 0;
1710 content: " "; 1708 content: " ";
1711 border-top: 2px solid #FFFFFF; } 1709 border-top: 2px solid #FFFFFF; }
1712 #footer a { 1710 #footer a {
1713 color: #FFFFFF; } 1711 color: #FFFFFF; }
1714 #footer a:hover { 1712 #footer a:hover {
1715 text-decoration: underline; 1713 text-decoration: underline;
1716 color: #8CC63E !important; } 1714 color: #8CC63E !important; }
1717 #footer p { 1715 #footer p {
1718 color: #E1E1E1; } 1716 color: #E1E1E1; }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld