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

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

Issue 29611624: Issue 6047 - Updated templates and uninstalled pages (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Created Nov. 17, 2017, 6:53 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 | « static/css/main.css ('k') | static/js/uninstalled.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 @font-face 1 /* #reinstall
2 ******************************************************************************/
3
4 #reinstall
2 { 5 {
3 font-family: "Source Sans Pro"; 6 margin-top: 1em;
4 src: url(/fonts/SourceSansPro-Light.woff); 7 padding: 0.5em 0;
5 /* local("Ø") forces using no local font called Source Sans Pro */
6 src: local("Ø"), url(/fonts/SourceSansPro-Light.woff) format("woff");
7 font-weight: 300;
8 font-style: normal;
9 } 8 }
10 9
11 @font-face 10 #reinstall .button
12 { 11 {
13 font-family: "Source Sans Pro"; 12 margin: 0 1em;
14 src: url(/fonts/SourceSansPro-Regular.woff); 13 padding: 0.6em 1.5em;
15 /* local("Ø") forces using no local font called Source Sans Pro */ 14 color: #fff;
16 src: local("Ø"), url(/fonts/SourceSansPro-Regular.woff) format("woff"); 15 background-color: #c70d2c;
17 font-weight: 400; 16 border-bottom: 4px solid #950000;
18 font-style: normal;
19 } 17 }
20 18
21 @font-face 19 #reinstall .button:hover,
20 #reinstall .button:active,
21 #reinstall .button:focus
22 { 22 {
23 font-family: "Source Sans Pro"; 23 background-color: #E12746;
24 src: url(/fonts/SourceSansPro-Semibold.woff);
25 /* local("Ø") forces using no local font called Source Sans Pro */
26 src: local("Ø"), url(/fonts/SourceSansPro-Semibold.woff) format("woff");
27 font-weight: 600;
28 font-style: normal;
29 }
30
31 body
32 {
33 margin: 0px;
34 font-family: "Source Sans Pro", sans-serif;
35 font-weight: 600;
36 }
37
38 header
39 {
40 width: 100%;
41 }
42
43 a,
44 a:link,
45 a:visited
46 {
47 color: #5a84b3;
48 text-decoration: underline;
49 }
50
51 a:hover
52 {
53 text-decoration: none; 24 text-decoration: none;
54 } 25 }
55 26
56 fieldset 27 @media(max-width: 767px)
57 { 28 {
58 border: 0px; 29 #reinstall .button
59 padding: 0px; 30 {
31 display: block;
32 margin: 1em 0;
33 }
60 } 34 }
61 35
62 li fieldset 36 /* #uninstall-reasons
37 ******************************************************************************/
38
39 #uninstall-reasons ul,
40 #uninstall-reasons li
63 { 41 {
64 padding-top: 10px; 42 list-style-type: none;
43 margin: 0;
44 padding: 0;
65 } 45 }
66 46
67 header h1 47 #uninstall-reasons li
68 { 48 {
69 box-sizing: border-box; 49 margin-bottom: 0.5em;
70 border: dashed 1px #898989;
71 border-left: none;
72 border-right: none;
73 padding: 18px;
74 margin: 68px auto 0px auto;
75 max-width: 960px;
76 font-weight: 300;
77 font-size: 24px;
78 color: #7d7d7d;
79 text-align: center;
80 } 50 }
81 51
82 header::before 52 #uninstall-reasons textarea
83 { 53 {
84 content: ""; 54 margin-top: 0.5em;
85 display: block;
86 border-bottom: solid 1px #d0d0d0;
87 height: 92px;
88 } 55 }
89 56
90 #logo 57 #reason-submit
91 { 58 {
92 display: block; 59 padding: 0.6em 1.5em;
93 position: absolute; 60 color: #fff;
94 top: 42px; 61 background-color: #5982B0;
95 left: 0px; 62 border: 0;
96 right: 0px; 63 border-bottom: 4px solid #264F7D;
97 margin: 0px auto;
98 margin-bottom: 20px;
99 } 64 }
100 65
101 #content 66 #reason-submit:hover,
67 #reason-submit:active,
68 #reason-submit:focus
102 { 69 {
103 margin: 0px auto; 70 background-color: #739CCA;
104 max-width: 960px;
105 }
106
107 section,
108 .notification
109 {
110 padding: 20px 100px;
111 margin-bottom: 30px;
112 }
113
114 .notification
115 {
116 margin: 0px;
117 text-align: center;
118 }
119
120 section.highlighted
121 {
122 background-color: #5982B0;
123 color: #FFFFFF;
124 }
125
126 section.highlighted a
127 {
128 color: #FFFFFF;
129 }
130
131 section h1
132 {
133 margin: 0px;
134 padding: 20px 0px;
135 text-align: center;
136 }
137
138 section ul
139 {
140 margin: 12px 0px 16px 0px;
141 padding: 0px;
142 list-style: none;
143 }
144
145 section li
146 {
147 margin-bottom: 12px;
148 }
149
150 section li label
151 {
152 -webkit-margin-end: 10px;
153 -moz-margin-end: 10px;
154 }
155
156 section li input
157 {
158 vertical-align: middle;
159 -webkit-margin-end: 10px;
160 -moz-margin-end: 10px;
161 }
162
163 section li textarea
164 {
165 display: block;
166 padding: 5px;
167 width: 250px;
168 height: 50px;
169 vertical-align: middle;
170 font-size: 14px;
171 }
172
173 section li ul
174 {
175 margin-top: 10px;
176 margin-bottom: 0px;
177 }
178
179 section .subheader
180 {
181 margin-top: 0px;
182 text-align: center;
183 }
184
185 section .error-label
186 {
187 display: none;
188 color: #ffafaf;
189 margin: 0px 12px;
190 }
191
192 button,
193 .notification a
194 {
195 min-width: 138px;
196 border: 0px;
197 color: #ffffff;
198 cursor: pointer;
199 }
200
201 .highlighted form button
202 {
203 height: 42px;
204 background-color: #37506d;
205 }
206
207 form.error button
208 {
209 border: solid 2px #ffafaf;
210 }
211
212 form.error .error-label
213 {
214 display: inline-block;
215 }
216
217 .notification a
218 {
219 display: inline-block;
220 padding: 14px 0px;
221 margin: 0px 10px;
222 background-color: #5cb85c;
223 vertical-align: middle;
224 font-size: 14px;
225 text-decoration: none; 71 text-decoration: none;
226 } 72 }
227 73
228 .notification a:hover 74 @media(max-width: 768px)
229 { 75 {
230 background-color: #47a447; 76 #reason-submit
77 {
78 display: block;
79 width: 100%;
80 }
231 } 81 }
232 82
233 form input[type="checkbox"] 83 #reason-error
234 { 84 {
235 margin: 0px; 85 display: none;
236 -webkit-margin-end: 10px; 86 color: #c70d2c;
237 -moz-margin-end: 10px;
238 } 87 }
239 88
240 .disclaimer 89 .error #reason-error
241 { 90 {
242 margin: 14px 0px; 91 display: block;
243 font-size: 14px;
244 color: #a9bdd5;
245 } 92 }
246 93
247 .hidden 94 .hidden
248 { 95 {
249 display: none; 96 display: none;
250 } 97 }
251
252 footer
253 {
254 margin: 0 auto 30px;
255 max-width: 960px;
256 text-align: center;
257 }
OLDNEW
« no previous file with comments | « static/css/main.css ('k') | static/js/uninstalled.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld