Left: | ||
Right: |
LEFT | RIGHT |
---|---|
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-2015 Eyeo GmbH | 3 * Copyright (C) 2006-2015 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 127 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
138 padding: 0; | 138 padding: 0; |
139 } | 139 } |
140 | 140 |
141 section | 141 section |
142 { | 142 { |
143 margin: 0 auto; | 143 margin: 0 auto; |
144 margin-bottom: 30px; | 144 margin-bottom: 30px; |
145 max-width: 960px; | 145 max-width: 960px; |
146 background-image: url(background.png); | 146 background-image: url(background.png); |
147 padding: 40px 100px; | 147 padding: 40px 100px; |
148 box-sizing: border-box; | |
148 } | 149 } |
149 | 150 |
150 #general | 151 #general |
151 { | 152 { |
152 display: table; | 153 display: table; |
153 padding-left: 0px; | 154 padding-left: 0px; |
saroyanm
2015/10/07 10:15:07
I can see that here you don't want to overwrite ru
Thomas Greiner
2015/10/07 13:24:24
The values in `#can-do-more` were duplicates so I
| |
154 padding-right: 0px; | 155 padding-right: 0px; |
155 } | 156 } |
156 | 157 |
157 #general > div | 158 #general > div |
158 { | 159 { |
159 display: table-cell; | 160 display: table-cell; |
160 width: 50%; | 161 width: 50%; |
161 vertical-align: top; | 162 vertical-align: top; |
162 padding: 0px 50px; | 163 padding: 0px 50px; |
163 border: dashed 0 #969085; | 164 border: dashed 0 #969085; |
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
242 #logo | 243 #logo |
243 { | 244 { |
244 margin: 0 auto; | 245 margin: 0 auto; |
245 height: 128px; | 246 height: 128px; |
246 width: 128px; | 247 width: 128px; |
247 display: block; | 248 display: block; |
248 } | 249 } |
249 | 250 |
250 #can-do-more | 251 #can-do-more |
251 { | 252 { |
252 padding: 40px 0px 0px 0px; | |
253 border-bottom: 4px solid #968D81; | 253 border-bottom: 4px solid #968D81; |
254 } | 254 } |
255 | 255 |
256 #can-do-more > h2 | |
257 { | |
258 margin: 0 100px; | |
259 } | |
260 | |
261 .feature-malware-image | 256 .feature-malware-image |
262 { | 257 { |
263 background-image: url(features/malware.png); | 258 background-image: url(features/malware.png); |
264 background-repeat: no-repeat; | 259 background-repeat: no-repeat; |
265 } | 260 } |
266 | 261 |
267 .feature-social-image | 262 .feature-social-image |
268 { | 263 { |
269 background-image: url(features/social.png); | 264 background-image: url(features/social.png); |
270 background-repeat: no-repeat; | 265 background-repeat: no-repeat; |
271 } | 266 } |
272 | 267 |
273 .feature-tracking-image | 268 .feature-tracking-image |
274 { | 269 { |
275 background-image: url(features/tracking.png); | 270 background-image: url(features/tracking.png); |
276 background-repeat: no-repeat; | 271 background-repeat: no-repeat; |
277 } | 272 } |
278 | 273 |
279 #can-do-more-content | 274 #can-do-more-content |
280 { | 275 { |
281 margin: 30px 100px; | 276 margin-top: 30px; |
282 } | 277 } |
283 | 278 |
284 #can-do-more #features | 279 #can-do-more #features |
285 { | 280 { |
286 border-spacing: 10px; | 281 border-spacing: 10px; |
287 margin: 0px; | |
288 padding: 0px; | |
289 } | 282 } |
290 | 283 |
291 #can-do-more .feature | 284 #can-do-more .feature |
292 { | 285 { |
293 list-style-type: none; | 286 list-style-type: none; |
294 padding-top: 30px; | 287 padding-top: 30px; |
295 padding-bottom: 20px; | 288 padding-bottom: 20px; |
296 border-top: 1px dashed #c0bebb; | 289 border-top: 1px dashed #c0bebb; |
297 } | 290 } |
298 | 291 |
299 #can-do-more .feature-image, #can-do-more .feature-description | 292 #can-do-more .feature-image, #can-do-more .feature-description |
300 { | 293 { |
301 display: inline-block; | 294 display: inline-block; |
302 *display: inline; /* IE6 inline-block fix */ | |
303 *zoom: 1; | |
304 vertical-align: top; | 295 vertical-align: top; |
305 } | 296 } |
306 | 297 |
307 #can-do-more .feature-description | 298 #can-do-more .feature-description |
308 { | 299 { |
309 -webkit-margin-start: 20px; | 300 -webkit-margin-start: 20px; |
310 -moz-margin-start: 20px; | 301 -moz-margin-start: 20px; |
311 width: 625px; | 302 width: 625px; |
312 max-width: 85%; | 303 max-width: 85%; |
313 } | 304 } |
(...skipping 17 matching lines...) Expand all Loading... | |
331 width: 59px; | 322 width: 59px; |
332 height: 59px; | 323 height: 59px; |
333 margin: 10px 0px; | 324 margin: 10px 0px; |
334 -webkit-margin-start: 20px; | 325 -webkit-margin-start: 20px; |
335 -moz-margin-start: 20px; | 326 -moz-margin-start: 20px; |
336 } | 327 } |
337 | 328 |
338 #share | 329 #share |
339 { | 330 { |
340 background-image: url(background-share.png); | 331 background-image: url(background-share.png); |
341 max-width: 760px; | |
342 text-align: center; | 332 text-align: center; |
343 font-family: CreteRound, Helvetica, Arial, sans-serif; | 333 font-family: CreteRound, Helvetica, Arial, sans-serif; |
344 } | 334 } |
345 | 335 |
346 #share h2 | 336 #share h2 |
347 { | 337 { |
348 margin-bottom: 30px; | 338 margin-bottom: 30px; |
349 } | 339 } |
350 | 340 |
351 #share h2, | 341 #share h2, |
(...skipping 220 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
572 height: 100%; | 562 height: 100%; |
573 font-size: 11px; | 563 font-size: 11px; |
574 font-weight: 500; | 564 font-weight: 500; |
575 text-align: center; | 565 text-align: center; |
576 line-height: 23px; | 566 line-height: 23px; |
577 border-radius: 9999px; | 567 border-radius: 9999px; |
578 } | 568 } |
579 | 569 |
580 .toggle-on | 570 .toggle-on |
581 { | 571 { |
582 padding-left: 10px; | 572 padding-left: 10px; |
saroyanm
2015/10/07 10:15:07
What about RTL ?
Thomas Greiner
2015/10/07 13:24:25
Not everything needs to be inverted in an RTL envi
| |
583 padding-right: 30px; | 573 padding-right: 30px; |
584 color: rgba(255,255,255,0.8); | 574 color: rgba(255,255,255,0.8); |
585 text-shadow: 1px 1px rgba(0,0,0,0.2); | 575 text-shadow: 1px 1px rgba(0,0,0,0.2); |
586 box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2); | 576 box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2); |
587 background: rgb(69,163,31); | 577 background: rgb(69,163,31); |
588 } | 578 } |
589 | 579 |
590 .toggle-off | 580 .toggle-off |
591 { | 581 { |
592 padding-left: 30px; | 582 padding-left: 30px; |
saroyanm
2015/10/07 10:15:07
What about RTL ?
| |
593 padding-right: 10px; | 583 padding-right: 10px; |
594 color: rgba(0,0,0,0.6); | 584 color: rgba(0,0,0,0.6); |
595 text-shadow: 1px 1px rgba(255,255,255,0.2); | 585 text-shadow: 1px 1px rgba(255,255,255,0.2); |
596 background: #cfcfcf; | 586 background: #cfcfcf; |
597 background: -moz-linear-gradient(top, #cfcfcf 0%, #f5f5f5 100%); | 587 background: -moz-linear-gradient(top, #cfcfcf 0%, #f5f5f5 100%); |
598 background: -webkit-linear-gradient(top, #cfcfcf 0%,#f5f5f5 100%); | 588 background: -webkit-linear-gradient(top, #cfcfcf 0%,#f5f5f5 100%); |
599 background: linear-gradient(to bottom, #cfcfcf 0%,#f5f5f5 100%); | 589 background: linear-gradient(to bottom, #cfcfcf 0%,#f5f5f5 100%); |
600 } | 590 } |
601 | 591 |
602 .toggle-blob | 592 .toggle-blob |
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
700 #can-do-more .feature-description-textblock | 690 #can-do-more .feature-description-textblock |
701 { | 691 { |
702 text-align: start; | 692 text-align: start; |
703 } | 693 } |
704 | 694 |
705 .toggle | 695 .toggle |
706 { | 696 { |
707 margin-top: 14px; | 697 margin-top: 14px; |
708 } | 698 } |
709 } | 699 } |
LEFT | RIGHT |