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

Side by Side Diff: static/css/main.css

Issue 29497585: Issue 4514 - Font readability on acceptableads.com (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Created July 25, 2017, 1:34 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | static/scss/content/_buttons.scss » ('j') | static/scss/content/_buttons.scss » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 554 matching lines...) Expand 10 before | Expand all | Expand 10 after
565 h6, 565 h6,
566 .h6 { 566 .h6 {
567 font-size: 16px; } } 567 font-size: 16px; } }
568 568
569 html, 569 html,
570 body { 570 body {
571 color: #161616; 571 color: #161616;
572 font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetic a Neue", sans-serif; 572 font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetic a Neue", sans-serif;
573 font-size: 18px; 573 font-size: 18px;
574 font-weight: 300; 574 font-weight: 300;
575 line-height: 120%; } 575 line-height: 1.5; }
576 @media (max-width: 544px) { 576 @media (max-width: 544px) {
577 html, 577 html,
578 body { 578 body {
579 font-size: 16px; } } 579 font-size: 16px; } }
580 580
581 small, 581 small,
582 .small { 582 .small {
583 margin-bottom: 8px; 583 margin-bottom: 8px;
584 font-size: 70%; 584 font-size: 70%;
585 line-height: 80%; } 585 line-height: 80%; }
(...skipping 219 matching lines...) Expand 10 before | Expand all | Expand 10 after
805 box-sizing: border-box; 805 box-sizing: border-box;
806 min-width: 150px; 806 min-width: 150px;
807 padding: 0 16px; 807 padding: 0 16px;
808 cursor: pointer; 808 cursor: pointer;
809 text-align: center; 809 text-align: center;
810 white-space: nowrap; 810 white-space: nowrap;
811 text-decoration: none; 811 text-decoration: none;
812 text-transform: uppercase; 812 text-transform: uppercase;
813 border: 1px solid; 813 border: 1px solid;
814 border-radius: 0px !important; 814 border-radius: 0px !important;
815 font-size: 12px; 815 font-size: 16px;
816 font-weight: 700; 816 font-weight: 700;
817 line-height: 32px; 817 line-height: 42px;
818 height: 34px; } 818 height: 44px; }
819 819
820 @media (max-width: 544px) { 820 @media (max-width: 544px) {
821 button, input[type="button"], input[type="reset"], input[type="submit"], .btn- outline-primary, .btn-outline-accent, .btn-primary, .btn-accent { 821 button, input[type="button"], input[type="reset"], input[type="submit"], .btn- outline-primary, .btn-outline-accent, .btn-primary, .btn-accent {
822 display: block; 822 display: block;
823 float: none; 823 float: none;
824 margin: 16px 0; 824 margin: 16px 0;
825 width: 100%; } } 825 width: 100%; } }
826 826
827 .btn-primary { 827 .btn-primary {
828 color: #FFFFFF; 828 color: #FFFFFF;
(...skipping 839 matching lines...) Expand 10 before | Expand all | Expand 10 after
1668 1668
1669 @media (min-width: 1200px) { 1669 @media (min-width: 1200px) {
1670 html[dir="ltr"] .outer { 1670 html[dir="ltr"] .outer {
1671 padding-left: 208px; } 1671 padding-left: 208px; }
1672 html[dir="rtl"] .outer { 1672 html[dir="rtl"] .outer {
1673 padding-right: 208px; } } 1673 padding-right: 208px; } }
1674 1674
1675 #footer { 1675 #footer {
1676 padding-top: 64px; 1676 padding-top: 64px;
1677 padding-bottom: 96px; 1677 padding-bottom: 96px;
1678 font-size: 70%; 1678 font-size: 14px;
1679 background-color: #292929; 1679 background-color: #292929;
1680 color: #FFFFFF; } 1680 color: #FFFFFF; }
1681 @media (max-width: 768px) { 1681 @media (max-width: 768px) {
1682 #footer { 1682 #footer {
1683 padding-top: 32px; 1683 padding-top: 32px;
1684 padding-bottom: 64px; } } 1684 padding-bottom: 64px; } }
1685 @media (max-width: 544px) { 1685 @media (max-width: 544px) {
1686 #footer { 1686 #footer {
1687 padding-top: 16px; 1687 padding-top: 16px;
1688 padding-bottom: 16px; } } 1688 padding-bottom: 16px; } }
(...skipping 13 matching lines...) Expand all
1702 height: 0; 1702 height: 0;
1703 content: " "; 1703 content: " ";
1704 border-top: 2px solid #FFFFFF; } 1704 border-top: 2px solid #FFFFFF; }
1705 #footer a { 1705 #footer a {
1706 color: #FFFFFF; } 1706 color: #FFFFFF; }
1707 #footer a:hover { 1707 #footer a:hover {
1708 text-decoration: underline; 1708 text-decoration: underline;
1709 color: #8CC63E !important; } 1709 color: #8CC63E !important; }
1710 #footer p { 1710 #footer p {
1711 color: #E1E1E1; } 1711 color: #E1E1E1; }
OLDNEW
« no previous file with comments | « no previous file | static/scss/content/_buttons.scss » ('j') | static/scss/content/_buttons.scss » ('J')

Powered by Google App Engine
This is Rietveld