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

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

Issue 29841563: Noissue - Merged index_page into master (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Added Samsung Internet to browsers list for translations Created July 30, 2018, 4:51 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 #content, 1 /******************************************************************************
2 #blog 2 * Temparary styles
3 { 3 *****************************************************************************/
4 padding-top: 5em; 4
5 } 5 .avoid-wrap {display: inline-block;}
6 6 .small {font-size: smaller;}
7 #key-facts h1 7
8 { 8 /******************************************************************************
9 font-size: 16px; 9 * Browser-based styles
10 } 10 *****************************************************************************/
11 11
12 #content .sprite 12 .show-on-msie { display: none; }
13 { 13 .msie .show-on-msie { display: inherit; }
14 background-image: url(../img/sprite-index.png); 14 .msie .hide-on-msie { display: none; }
15 } 15
16 16 .show-on-maxthon { display: none; }
17 #abb-banner 17 .maxthon .show-on-maxthon { display: inherit; }
18 { 18 .maxthon .hide-on-maxthon { display: none; }
19 background-color: #ffffff; 19
20 display: none; 20 /******************************************************************************
21 padding: 50px 40px 40px 40px; 21 * #hero-download
22 margin-bottom: 30px; 22 *****************************************************************************/
23
24 #hero-download
25 {
26 padding: 3em 1em;
27 }
28
29 @media (min-width: 576px) and (max-width: 1023px)
30 {
31 /* add spacing left/right on tablets */
32 #hero-download
33 {
34 padding-left: 3em;
35 padding-right: 3em;
36 }
37 }
38
39 @media (max-width: 575px)
40 {
41 /* disable avoid-wrap inside h1 on mobile */
42 #hero-download h1 .avoid-wrap
43 {
44 display: inline;
45 }
46 }
47
48 @media (max-width: 1023px)
49 {
50 /* force hero unit columns to break on large tablets */
51 #hero-download .column
52 {
53 width: 100%;
54 }
55 }
56
57 @media (min-width: 1024px)
58 {
59 #hero-download
60 {
61 padding-top: 6em;
62 padding-bottom: 6em;
63 }
64 }
65
66 #hero-download h1
67 {
68 /* Spacing is provided by the hero-download section */
69 margin-top: 0;
70 }
71
72 @media (min-width: 576px)
73 {
74 /* force break without <br> on large screens */
75 #hero-download h1 .avoid-wrap:first-of-type
76 {
77 display: block;
78 }
79 }
80
81 #hero-download-tos
82 {
83 margin-bottom: 0.5em;
84 }
85
86 #hero-download-alternate
87 {
88 font-size: smaller;
89 }
90
91 #hero-download-button
92 {
93 display: inline-block;
94 min-width: 250px;
95 /* stretch full-width <= small tablets */
96 width: 100%;
97 /* 0.2em taller than normal buttons */
98 padding-top: 0.8em;
99 padding-bottom: 0.8em;
100 color: #fff;
101 background-color: #3D9C4F;
102 }
103
104 #hero-download-button:hover,
105 #hero-download-button:focus
106 {
107 background-color: #258333;
108 }
109
110 @media (min-width: 576px)
111 {
112 #hero-download-button
113 {
114 /* force auto-width >= small tablets */
115 width: auto;
116 }
117 }
118
119 #hero-download-video
120 {
121 /* add space above on phones & tablets */
122 margin-top: 2em;
123 /* prevent default full-width on small tablets */
124 max-width: 550px;
125 }
126
127 #hero-download-video
128 {
129 /* provide a little space between thumbnail and border + shadow */
130 padding: 1em 1em 0 1em;
131 }
132
133 @media (min-width: 1024px)
134 {
135 #hero-download-video
136 {
137 /* keep aligned-top despite padding below */
138 margin-top: -1em;
139 }
140 }
141
142 #hero-download-video.has-iframe
143 {
144 /* remove space around thumbnail when thumbnail is replaced by video */
145 padding: 0;
146 }
147
148 /** Hide the video border + shadow only when the thumbnail alone is showing */
149 #hero-download-video.hide-disclaimer:not(.has-iframe)
150 {
151 border-color: transparent;
152 /* there is no box-shadow-color property :( */
153 box-shadow: 1px 1px 0 0 transparent;
154 }
155
156 /* The thumbnail is taller than the video. But it's hard to see because of the
157 * reflection and whitespace at the bottom. As a result, I am cutting out the
158 * whitespace and reflection when I show the disclaimer so that the section
159 * doesn't visibly resize when the thumbnail is replaced by the a iframe.
160 */
161
162
163 /******************************************************************************
164 * #media
165 *****************************************************************************/
166
167 #media-section
168 {
169 clear: both;
23 text-align: center; 170 text-align: center;
24 } 171 }
25 172
26 #abb-banner h2 173 #media-header
27 { 174 {
28 font-size: 28px; 175 margin-bottom: 1em;
29 font-weight: bold; 176 }
30 color: #333333; 177
31 margin: 0px; 178 #media-header h2
32 } 179 {
33 180 font-size: 1em;
34 #abb-banner img 181 font-weight: normal;
35 { 182 text-transform: uppercase;
36 margin: 30px 0px 40px 0px; 183 }
37 width: 40%; 184
38 min-width: 200px; 185 #media-header h2,
39 } 186 #media-list
40 187 {
41 #abb-banner a 188 margin: 0;
42 { 189 }
43 display: none; 190
44 padding: 20px; 191 #media-list li
45 background-color: #2f8ecb; 192 {
46 text-decoration: none; 193 display: inline-block;
47 font-size: 24px; 194 }
48 font-weight: bold; 195
49 color: #ffffff; 196 #media-list img
50 border-radius: 5px; 197 {
51 } 198 max-width: 10em;
52 199 max-height: 3em;
53 #content.ua-android, 200 margin: 0 1em 1em;
54 #content.ua-ios 201 }
55 { 202
56 margin-top: 0px; 203 #media-list a
57 } 204 {
58 205 position: relative;
59 #content.ua-android #abb-banner,
60 #content.ua-ios #abb-banner,
61 #content.ua-android #abb-android-download,
62 #content.ua-ios #abb-ios-download
63 {
64 display: block; 206 display: block;
65 } 207 }
66 208
67 #content.ua-android #adblock-browser-notification, 209 #media-list a:hover img
68 #content.ua-ios #adblock-browser-notification 210 {
69 { 211 opacity: 0.3;
70 display: none; 212 }
71 } 213
72 214 #media-list a:hover:after
73 #main, #home-video 215 {
74 { 216 content: "";
75 display: inline-block;
76 vertical-align: top; /* Fix for https://bugzil.la/1320660 */
77 }
78
79 #maxthon-instruction, #edge-teaser
80 {
81 max-width: 540px;
82 background: #ffffff;
83 padding: 10px;
84 border: 1px solid #c9c9c9;
85 box-shadow: 1px 1px 0 0 #dbdbdb;
86 }
87
88 #maxthon-instruction,
89 html[lang^="zh_"] #content.maxthon #home-video,
90 #content.maxthon #feature-free,
91 #content.maxthon #terms-message,
92 #feature-maxthon
93 {
94 display: none;
95 }
96
97 #home-video
98 {
99 max-width: 520px;
100 }
101
102 html[lang^="zh_"] #content.maxthon #maxthon-instruction
103 {
104 display: inline-block;
105 padding: 0px;
106 }
107
108 #content.maxthon #feature-maxthon
109 {
110 display: inline-block;
111 }
112
113 #summary h1, #summary h2
114 {
115 font-weight: normal;
116 margin: 0;
117 }
118
119 #summary h1
120 {
121 font-size: 60px;
122 line-height: 50px;
123 margin-bottom: 8px;
124 }
125
126 #summary h2
127 {
128 font-size: 22px;
129 color: #d50215;
130 }
131
132 #summary ul
133 {
134 list-style-type: none;
135 margin: 10px 0px 16px 0px;
136 padding-left: 40px;
137 padding-right: 0px;
138 color: #333333;
139 }
140
141 html[dir="rtl"] #summary ul
142 {
143 padding-right: 40px;
144 padding-left: 0px;
145 }
146
147 #summary li
148 {
149 margin-bottom: 5px;
150 line-height: 24px;
151 }
152
153 #summary li.emphasized
154 {
155 font-weight: bold;
156 }
157
158 #summary li .sprite
159 {
160 position: absolute; 217 position: absolute;
161 width: 12px; 218 top: 50%;
162 height: 11px; 219 left: 50%;
163 margin-top: 4px; 220 height: 1em;
164 margin-left: -17px; 221 width: 1em;
165 margin-right: 0px; 222 padding: 1em;
166 background-image: url(../img/sprite-main.png); 223 margin-left: -1em;
224 margin-top: -1em;
225 border-radius: 50%;
226 background-color: #000;
227 background-image: url(../img/external-icon.png);
228 background-image: linear-gradient(transparent, transparent),
229 url(../img/external-icon.svg);
167 background-repeat: no-repeat; 230 background-repeat: no-repeat;
168 background-position: -166px 0px; 231 background-position: center;
169 } 232 background-size: 1em;
170 233 }
171 .license-note 234
172 { 235 @media (min-width: 1024px)
173 display: none; 236 {
174 font-weight: normal; 237 #media
175 } 238 {
176 239 display: table;
177 html[dir="rtl"] #summary li .sprite 240 width: 100%;
178 { 241 }
179 margin-right: -17px; 242
180 margin-left: 0px; 243 #media-header,
181 } 244 #media-list
182 245 {
183 #terms-message, 246 display: table-cell;
184 #terms-message a 247 vertical-align: middle;
185 { 248 width: auto;
186 font-size: 12px; 249 }
187 } 250
188 251 #media-header
189 /* This cannot be just .install-button because a:link will have a higher 252 {
190 specificity otherwise (overrides text color) */ 253 margin-bottom: 0;
191 #install .install-button 254 }
192 { 255
193 display: none; 256 #media-header small
194 position: relative; 257 {
195 width: 305px; 258 display: none;
196 height: 50px; 259 }
197 color: #fff; 260
198 font-size: 20px; 261 #media-list { direction: rtl; }
199 text-decoration: none; 262 [dir="rtl"] #media-list { direction: ltr; }
200 text-align: center; 263
201 line-height: 50px; 264 @supports (display: flex)
202 background: #c4c4c4; 265 {
203 background: -webkit-linear-gradient(top, #c4c4c4, #9e9e9e); 266 #media-list
204 background: -moz-linear-gradient(top, #c4c4c4, #9e9e9e); 267 {
205 background: -ms-linear-gradient(top, #c4c4c4, #9e9e9e); 268 display: flex;
206 background: -o-linear-gradient(top, #c4c4c4, #9e9e9e); 269 justify-content: space-between;
207 background: linear-gradient(top, #c4c4c4, #9e9e9e); 270 align-items: center;
208 box-shadow: 0 1px 0 0 #6b6b6b, 0 2px 0 0 #757575; 271 }
209 text-shadow: 2px 2px 2px #7a7a7a; 272 }
210 border: none; 273
211 border-radius: 3px; 274 #media-list
212 bottom: 6px; 275 {
213 -webkit-transition: box-shadow 0.3s ease; 276 display: table;
214 -moz-transition: box-shadow 0.3s ease; 277 width: 100%;
215 -ms-transition: box-shadow 0.3s ease; 278 }
216 -o-transition: box-shadow 0.3s ease; 279
217 transition: box-shadow 0.3s ease; 280 #media-list li
218 } 281 {
219 282 display: table-cell;
220 .install-button:hover 283 vertical-align: middle;
221 { 284 }
222 box-shadow: 0px 2px 7px #6f6f6f, 0 1px 0 0 #6f6f6f; 285
223 } 286 #media-list img
224 287 {
225 .install-button:active 288 margin: 0 2em;
226 { 289 }
227 background: #a2a2a2; 290 }
228 background: -webkit-linear-gradient(bottom, #cacaca, #a2a2a2); 291
229 background: -moz-linear-gradient(bottom, #cacaca, #a2a2a2); 292 /******************************************************************************
230 background: -ms-linear-gradient(bottom, #cacaca, #a2a2a2); 293 * #abb-cross-promotion
231 background: -o-linear-gradient(bottom, #cacaca, #a2a2a2); 294 *****************************************************************************/
232 background: linear-gradient(bottom, #cacaca, #a2a2a2); 295
233 box-shadow: 0px 0px 7px #6f6f6f; 296 #abb-cross-promotion
234 -webkit-transition: none; 297 {
235 -moz-transition: none; 298 padding: 3em 0;
236 -ms-transition: none; 299 }
237 -o-transition: none; 300
238 transition: none; 301 #abb-cross-promotion h2
239 bottom: 4px; 302 {
240 } 303 margin-top: 0;
241 304 margin-bottom: 1.5em;
242 #content.android .install-button, 305 }
243 #content.firefox.ua-firefox .install-button, 306
244 #content.chrome.ua-chrome .install-button, 307 #abb-cross-promotion h2,
245 #content.opera.ua-opera .install-button, 308 #abb-cross-promotion h3
246 #content.internet-explorer.ua-internet-explorer .install-button, 309 {
247 #content.safari.ua-safari .install-button, 310 text-transform: uppercase;
248 #content.safari.ua-ios .install-button, 311 }
249 #content.yandex-browser.ua-yandex-browser .install-button, 312
250 #content.edge.ua-edge .install-button, 313 #abb-logo
251 /* IE6 fixes */ 314 {
252 #content.firefox_ua-firefox .install-button, 315 max-width: 10em;
253 #content.chrome_ua-chrome .install-button, 316 }
254 #content.opera_ua-opera .install-button, 317
255 #content.internet-explorer_ua-internet-explorer .install-button, 318 #abb-app-store-badges
256 #content.safari_ua-safari .install-button, 319 {
257 #content.yandex-browser_ua-yandex-browser .install-button, 320 margin-top: 2em;
258 #content.edge_ua-edge .install-button 321 }
259 { 322
260 background: #62c52b; 323 #abb-app-store-badges img
261 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); 324 {
262 background: -moz-linear-gradient(top, #62c52b, #4f9d22); 325 width: 200px;
263 background: -ms-linear-gradient(top, #62c52b, #4f9d22); 326 }
264 background: -o-linear-gradient(top, #62c52b, #4f9d22); 327
265 background: linear-gradient(top, #62c52b, #4f9d22); 328 @media (max-width: 575px)
266 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; 329 {
267 text-shadow: 2px 2px 2px #327d14; 330 #abb-app-store-badges a:first-of-type
268 } 331 {
269 332 margin-bottom: 0.5em;
270 #content.android .install-button:hover, 333 }
271 #content.firefox.ua-firefox .install-button:hover, 334 }
272 #content.chrome.ua-chrome .install-button:hover, 335
273 #content.opera.ua-opera .install-button:hover, 336 @media (min-width: 576px)
274 #content.internet-explorer.ua-internet-explorer .install-button:hover, 337 {
275 #content.safari.ua-safari .install-button:hover, 338 #abb-app-store-badges .one-half
276 #content.safari.ua-ios .install-button:hover, 339 {
277 #content.yandex-browser.ua-yandex-browser .install-button:hover, 340 width: 50%;
278 #content.edge.ua-edge .install-button:hover, 341 }
279 /* IE6 fixes */ 342
280 #content.firefox_ua-firefox .install-button:hover, 343 #abb-cross-promotion figure,
281 #content.chrome_ua-chrome .install-button:hover, 344 #abb-app-store-badges
282 #content.opera_ua-opera .install-button:hover, 345 {
283 #content.internet-explorer_ua-internet-explorer .install-button:hover, 346 padding-left: 2em;
284 #content.safari_ua-safari .install-button:hover, 347 padding-right: 2em;
285 #content.yandex-browser_ua-yandex-browser .install-button:hover, 348 }
286 #content.edge_ua-edge .install-button:hover 349 }
287 { 350
288 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; 351 /******************************************************************************
289 } 352 * #footnote
290 353 *****************************************************************************/
291 #content.android .install-button:active,
292 #content.firefox.ua-firefox .install-button:active,
293 #content.chrome.ua-chrome .install-button:active,
294 #content.opera.ua-opera .install-button:active,
295 #content.internet-explorer.ua-internet-explorer .install-button:active,
296 #content.safari.ua-safari .install-button:active,
297 #content.safari.ua-ios .install-button:active,
298 #content.yandex-browser.ua-yandex-browser .install-button:active,
299 #content.edge.ua-edge .install-button:active,
300 /* IE6 fixes */
301 #content.firefox_ua-firefox .install-button:active,
302 #content.chrome_ua-chrome .install-button:active,
303 #content.opera_ua-opera .install-button:active,
304 #content.internet-explorer_ua-internet-explorer .install-button:active,
305 #content.safari_ua-safari .install-button:active,
306 #content.yandex-browser_ua-yandex-browser .install-button:active,
307 #content.edge_ua-edge .install-button:active
308 {
309 background: #4f9d22;
310 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
311 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
312 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
313 background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
314 background: linear-gradient(bottom, #62c52b, #4f9d22);
315 box-shadow: 0px 0px 7px #486c15;
316 }
317
318 #content.firefox #install-firefox, #content.chrome #install-chrome,
319 #content.opera #install-opera, #content.android #install-android,
320 #content.internet-explorer #install-internet-explorer,
321 #content.safari.ua-ios #install-ios-safari,
322 #content.safari:not(.ua-ios) #install-safari,
323 #content.yandex-browser #install-yandex-browser,
324 #content.edge #install-edge
325 {
326 display: inline-block;
327 }
328
329 #other-platform ul
330 {
331 list-style: none;
332 display: inline-block;
333 margin: 0px;
334 padding: 0;
335 vertical-align: bottom;
336 }
337
338 html[dir="rtl"] #install ul
339 {
340 margin: 0 5px 0 0;
341 }
342
343 #other-platform li
344 {
345 display: inline-block;
346 margin: 0 3px;
347 font-size: 0;
348 }
349
350 #other-platform li a
351 {
352 width: 19px;
353 height: 20px;
354 }
355
356 #platform-firefox
357 {
358 background-position: -108px -89px;
359 }
360
361 #information-android
362 {
363 display: none;
364 }
365
366 #content.android #information-android
367 {
368 display: block;
369 }
370
371 #content.firefox #platform-firefox
372 {
373 background-position: -108px -68px;
374 }
375
376 #platform-chrome
377 {
378 background-position: -88px -89px;
379 }
380
381 #content.chrome #platform-chrome
382 {
383 background-position: -88px -68px;
384 }
385
386 #platform-android
387 {
388 background-position: -68px -89px;
389 }
390
391 #content.android #platform-android
392 {
393 background-position: -68px -68px;
394 }
395
396 #platform-opera
397 {
398 background-position: -68px -131px;
399 }
400
401 #content.opera #platform-opera
402 {
403 background-position: -68px -110px;
404 }
405
406 #platform-internet-explorer
407 {
408 background-position: -108px -131px;
409 }
410
411 #content.internet-explorer #platform-internet-explorer
412 {
413 background-position: -108px -110px;
414 }
415
416 #platform-safari
417 {
418 background-position: -88px -131px;
419 }
420
421 #content.safari #platform-safari
422 {
423 background-position: -88px -110px;
424 }
425
426 #platform-yandex-browser
427 {
428 background-position: -128px -89px;
429 }
430
431 #content.yandex-browser #platform-yandex-browser
432 {
433 background-position: -128px -68px;
434 }
435
436 #platform-maxthon
437 {
438 background-position: -128px -130px;
439 }
440
441 #content.maxthon #platform-maxthon
442 {
443 background-position: -128px -109px;
444 }
445
446 #platform-edge
447 {
448 background-position: -68px -171px;
449 }
450
451 #content.edge #platform-edge
452 {
453 background-position: -68px -151px;
454 }
455
456 #content h3.subscribe-header
457 {
458 font-size: 18px;
459 margin-bottom: 0px;
460 }
461
462 #other-platform > div,
463 #content.edge #home-video,
464 #edge-teaser
465 {
466 display: none;
467 }
468
469 .warning-platform,
470 .disclaimer,
471 #maxthon-notification
472 {
473 display: none;
474 color: #D00;
475 text-align: center;
476 border: 1px solid #D00;
477 padding: 5px;
478 border-radius: 5px;
479 }
480
481 .disclaimer
482 {
483 font-size: 14px;
484 color: #000;
485 text-align: left;
486 }
487
488 #content.ua-firefox .warning-platform.firefox,
489 #content.ua-chrome .warning-platform.chrome,
490 #content.ua-android .warning-platform.android,
491 #content.ua-opera .warning-platform.opera,
492 #content.ua-internet-explorer .warning-platform.internet-explorer,
493 #content.ua-safari .warning-platform.safari,
494 #content.ua-yandex-browser .warning-platform.yandex-browser,
495 #content.ua-maxthon .warning-platform.maxthon,
496 html[lang^="zh_"] #maxthon-notification
497 {
498 display: block;
499 }
500
501 #content.firefox.ua-firefox .warning-platform.firefox,
502 #content.chrome.ua-chrome .warning-platform.chrome,
503 #content.android.ua-android .warning-platform.android,
504 #content.opera.ua-opera .warning-platform.opera,
505 #content.internet-explorer.ua-internet-explorer .warning-platform.internet-explo rer,
506 #content.safari.ua-safari .warning-platform.safari,
507 #content.yandex-browser.ua-yandex-browser .warning-platform.yandex-browser,
508 #content.maxthon.ua-maxthon .warning-platform.maxthon,
509 #content.ua-maxthon #maxthon-notification,
510 #content.maxthon #maxthon-notification,
511 /* IE6 fixes */
512 #content.firefox_ua-firefox .warning-platform.firefox,
513 #content.chrome_ua-chrome .warning-platform.chrome,
514 #content.opera_ua-opera .warning-platform.opera,
515 #content.internet-explorer_ua-internet-explorer .warning-platform.internet-explo rer,
516 #content.safari_ua-safari .warning-platform.safari,
517 #content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser,
518 #content.maxthon_ua-maxthon .warning-platform.maxthon
519 {
520 display: none;
521 }
522
523 #key-facts
524 {
525 box-sizing: content-box;
526 }
527
528 #key-facts section
529 {
530 display: inline-block;
531 }
532
533 #key-facts section h1
534 {
535 margin: 0px;
536 }
537
538 #key-facts section .sprite
539 {
540 position: absolute;
541 width: 67px;
542 height: 67px;
543 margin-top: 0px;
544 margin-left: -80px;
545 margin-right: 0px;
546 border: none;
547 }
548
549 html[dir="rtl"] #key-facts section .sprite
550 {
551 margin-right: -80px;
552 margin-left: 0px;
553 }
554
555
556 #facts-open-source
557 {
558 background-position: -68px 0px;
559 }
560
561 #facts-downloads
562 {
563 background-position: 0px 0px;
564 }
565
566 #facts-privacy
567 {
568 background-position: 0px -68px;
569 }
570
571 #key-facts
572 {
573 margin-bottom: 40px;
574 }
575
576 #key-facts section p
577 {
578 margin-bottom: 0px;
579 font-size: 14px;
580 }
581
582 #key-facts section a
583 {
584 font-size: 14px;
585 }
586 354
587 #footnote 355 #footnote
588 { 356 {
589 margin-top: 20px; 357 padding-top: 3em;
590 text-align: start; 358 padding-bottom: 2em;
359 font-size: 13px;
591 color: #7d7d7d; 360 color: #7d7d7d;
592 } 361 }
593
594 #footnote,
595 #footnote li,
596 #footnote a,
597 #footnote strong
598 {
599 font-size: 11px;
600 }
601
602 #footnote li
603 {
604 padding-bottom: 5px;
605 }
606
607 #footnote li:first-child
608 {
609 padding-top: 5px;
610 }
611
612 #footnote ul
613 {
614 margin: 0px;
615 padding: 0px 30px;
616 }
617
618 .notice
619 {
620 padding: 20px;
621 line-height: 1.4;
622 color: #000;
623 background-color: #fff;
624 border: 2px solid #a1a1a1;
625 }
626
627 #ready-for-windows-notice
628 {
629 margin-bottom: 30px;
630 }
OLDNEW

Powered by Google App Engine
This is Rietveld