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

Delta Between Two Patch Sets: skin/new-options.css

Issue 29502647: Issue 5482 - Sidebar and about ABP dialog (Closed)
Left Patch Set: Rebased Created Aug. 25, 2017, 4:56 p.m.
Right Patch Set: Fixed nit Created Aug. 28, 2017, 11:38 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
« no previous file with change/comment | « skin/fonts/SourceSansPro-bold.woff ('k') | skin/options-sprite.png » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-present eyeo GmbH 3 * Copyright (C) 2006-present eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 20 matching lines...) Expand all
31 src: url(fonts/SourceSansPro-Regular.woff); 31 src: url(fonts/SourceSansPro-Regular.woff);
32 /* local("Ø") forces using no local font called Source Sans Pro */ 32 /* local("Ø") forces using no local font called Source Sans Pro */
33 src: local("Ø"), url(fonts/SourceSansPro-Regular.woff) format("woff"); 33 src: local("Ø"), url(fonts/SourceSansPro-Regular.woff) format("woff");
34 font-weight: 400; 34 font-weight: 400;
35 font-style: normal; 35 font-style: normal;
36 } 36 }
37 37
38 @font-face 38 @font-face
39 { 39 {
40 font-family: "Source Sans Pro"; 40 font-family: "Source Sans Pro";
41 src: url(fonts/SourceSansPro-Semibold.woff); 41 src: url(fonts/SourceSansPro-bold.woff);
42 /* local("Ø") forces using no local font called Source Sans Pro */ 42 /* local("Ø") forces using no local font called Source Sans Pro */
43 src: local("Ø"), url(fonts/SourceSansPro-Semibold.woff) format("woff"); 43 src: local("Ø"), url(fonts/SourceSansPro-bold.woff) format("woff");
44 font-weight: 600; 44 font-weight: 700;
45 font-style: normal; 45 font-style: normal;
46 } 46 }
47 47
48 html 48 html
49 { 49 {
50 font-size: 20px; 50 font-size: 20px;
51 } 51 }
52 52
53 body 53 body
54 { 54 {
55 background-color: #F5F5F5; 55 background-color: #F5F5F5;
56 display: flex; 56 display: flex;
57 margin: 1.2rem 0.3rem; 57 margin: 1.2rem 0.3rem;
58 font-family: "Source Sans Pro", sans-serif; 58 font-family: "Source Sans Pro", sans-serif;
59 font-weight: 300; 59 font-weight: 300;
60 font-size: 1rem; 60 font-size: 1rem;
61 color: #494949; 61 color: #494949;
62 } 62 }
63 63
64 h1 64 h1
65 { 65 {
66 font-size: 3rem; 66 font-size: 3rem;
67 font-weight: 300; 67 font-weight: 300;
68 } 68 }
69 69
70 h2 70 h2
71 { 71 {
72 font-size: 1.375rem; 72 font-size: 1.375rem;
73 font-weight: 600; 73 font-weight: 700;
74 } 74 }
75 75
76 p 76 p
77 { 77 {
78 font-weight: 300; 78 font-weight: 300;
79 } 79 }
80 80
81 [aria-hidden="true"] 81 [aria-hidden="true"]
82 { 82 {
83 display: none !important; 83 display: none !important;
(...skipping 10 matching lines...) Expand all
94 94
95 /* 95 /*
96 Buttons and links 96 Buttons and links
97 */ 97 */
98 98
99 button, 99 button,
100 .button 100 .button
101 { 101 {
102 padding: 0.8rem 1.2rem; 102 padding: 0.8rem 1.2rem;
103 font-size: 1.125rem; 103 font-size: 1.125rem;
104 font-weight: 600; 104 font-weight: 700;
105 text-decoration: none; 105 text-decoration: none;
106 text-transform: uppercase; 106 text-transform: uppercase;
107 cursor: pointer; 107 cursor: pointer;
108 } 108 }
109 109
110 button.primary, 110 button.primary,
111 .button.primary 111 .button.primary
112 { 112 {
113 border: 0px; 113 border: 0px;
114 color: #FFF; 114 color: #FFF;
(...skipping 14 matching lines...) Expand all
129 button.secondary, 129 button.secondary,
130 .button.secondary 130 .button.secondary
131 { 131 {
132 border: 1px solid #0A9DD1; 132 border: 1px solid #0A9DD1;
133 color: #099CD0; 133 color: #099CD0;
134 } 134 }
135 135
136 button.secondary:hover, 136 button.secondary:hover,
137 .button.secondary:hover 137 .button.secondary:hover
138 { 138 {
139 box-shadow: inset 0 0 0 1px #099CD0; 139 box-shadow: inset 0 0 0 4px #099CD0;
140 } 140 }
141 141
142 button[role="checkbox"], 142 button[role="checkbox"],
143 #dialog-body .table button[role="checkbox"] 143 #dialog-body .table button[role="checkbox"]
144 { 144 {
145 width: 18px; 145 width: 18px;
146 height: 18px; 146 height: 18px;
147 margin-top: 0px; 147 margin-top: 0px;
148 -moz-margin-end: 20px; 148 -moz-margin-end: 20px;
149 -webkit-margin-end: 20px; 149 -webkit-margin-end: 20px;
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
202 202
203 html[dir="rtl"] #sidebar header 203 html[dir="rtl"] #sidebar header
204 { 204 {
205 margin-left: 2rem; 205 margin-left: 2rem;
206 } 206 }
207 207
208 #sidebar header h1 208 #sidebar header h1
209 { 209 {
210 margin: 0rem; 210 margin: 0rem;
211 font-size: 1.5rem; 211 font-size: 1.5rem;
212 }
213
214 #sidebar header h1 strong
215 {
216 font-weight: 700;
212 } 217 }
213 218
214 #sidebar header p 219 #sidebar header p
215 { 220 {
216 margin: 0rem; 221 margin: 0rem;
217 font-size: 2.4rem; 222 font-size: 2.4rem;
218 } 223 }
219 224
220 html[dir="rtl"] #sidebar header 225 html[dir="rtl"] #sidebar header
221 { 226 {
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
263 [role="tablist"] a[role="tab"]:focus 268 [role="tablist"] a[role="tab"]:focus
264 { 269 {
265 outline: none; 270 outline: none;
266 text-shadow: 0px 0px 1px #888; 271 text-shadow: 0px 0px 1px #888;
267 } 272 }
268 273
269 li a[role="tab"][aria-selected] 274 li a[role="tab"][aria-selected]
270 { 275 {
271 -moz-border-start-color: #CDCDCD; 276 -moz-border-start-color: #CDCDCD;
272 -webkit-border-start-color: #CDCDCD; 277 -webkit-border-start-color: #CDCDCD;
273 font-weight: 600; 278 font-weight: 700;
274 background-color: #FFF; 279 background-color: #FFF;
275 } 280 }
276 281
277 #sidebar footer 282 #sidebar footer
278 { 283 {
279 bottom: 0px; 284 bottom: 0px;
280 position: absolute; 285 position: absolute;
281 width: 100%; 286 width: 100%;
282 } 287 }
283 288
(...skipping 843 matching lines...) Expand 10 before | Expand all | Expand 10 after
1127 border: 0rem; 1132 border: 0rem;
1128 background-color: #099DD1; 1133 background-color: #099DD1;
1129 -webkit-mask: url(delete.svg); 1134 -webkit-mask: url(delete.svg);
1130 mask: url(delete.svg); 1135 mask: url(delete.svg);
1131 } 1136 }
1132 1137
1133 #hide-notification:hover::after 1138 #hide-notification:hover::after
1134 { 1139 {
1135 background-color: #5CBCE1; 1140 background-color: #5CBCE1;
1136 } 1141 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld