OLD | NEW |
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-2016 Eyeo GmbH | 3 * Copyright (C) 2006-2016 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 230 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
241 } | 241 } |
242 | 242 |
243 #logo | 243 #logo |
244 { | 244 { |
245 margin: 0 auto; | 245 margin: 0 auto; |
246 height: 128px; | 246 height: 128px; |
247 width: 128px; | 247 width: 128px; |
248 display: block; | 248 display: block; |
249 } | 249 } |
250 | 250 |
251 #can-do-more | |
252 { | |
253 border-bottom: 4px solid #968D81; | |
254 } | |
255 | |
256 .feature-malware-image | |
257 { | |
258 background-image: url(features/malware.png); | |
259 background-repeat: no-repeat; | |
260 } | |
261 | |
262 .feature-social-image | |
263 { | |
264 background-image: url(features/social.png); | |
265 background-repeat: no-repeat; | |
266 } | |
267 | |
268 .feature-tracking-image | |
269 { | |
270 background-image: url(features/tracking.png); | |
271 background-repeat: no-repeat; | |
272 } | |
273 | |
274 #can-do-more-content | |
275 { | |
276 margin-top: 30px; | |
277 } | |
278 | |
279 #can-do-more #features | |
280 { | |
281 border-spacing: 10px; | |
282 } | |
283 | |
284 #can-do-more .feature | |
285 { | |
286 list-style-type: none; | |
287 padding-top: 30px; | |
288 padding-bottom: 20px; | |
289 border-top: 1px dashed #c0bebb; | |
290 } | |
291 | |
292 #can-do-more .feature-image, #can-do-more .feature-description | |
293 { | |
294 display: inline-block; | |
295 vertical-align: top; | |
296 } | |
297 | |
298 #can-do-more .feature-description | |
299 { | |
300 -webkit-margin-start: 20px; | |
301 -moz-margin-start: 20px; | |
302 width: 625px; | |
303 max-width: 85%; | |
304 } | |
305 | |
306 #can-do-more .feature-description-textblock | |
307 { | |
308 width: 480px; | |
309 max-width: 100%; | |
310 -webkit-margin-end: 40px; | |
311 -moz-margin-end: 40px; | |
312 display: inline-block; | |
313 } | |
314 | |
315 #can-do-more .feature-description-textblock > span | |
316 { | |
317 margin-top: 15px; | |
318 } | |
319 | |
320 #can-do-more .feature-image | |
321 { | |
322 width: 59px; | |
323 height: 59px; | |
324 margin: 10px 0px; | |
325 -webkit-margin-start: 20px; | |
326 -moz-margin-start: 20px; | |
327 } | |
328 | |
329 #share | 251 #share |
330 { | 252 { |
331 background-image: url(background-share.png); | 253 background-image: url(background-share.png); |
332 text-align: center; | 254 text-align: center; |
333 font-family: CreteRound, Helvetica, Arial, sans-serif; | 255 font-family: CreteRound, Helvetica, Arial, sans-serif; |
334 } | 256 } |
335 | 257 |
336 #share h2 | 258 #share h2 |
337 { | 259 { |
338 margin-bottom: 30px; | 260 margin-bottom: 30px; |
(...skipping 175 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
514 display: table; | 436 display: table; |
515 margin: auto; | 437 margin: auto; |
516 caption-side: bottom; | 438 caption-side: bottom; |
517 } | 439 } |
518 | 440 |
519 #share:lang(fr) | 441 #share:lang(fr) |
520 { | 442 { |
521 display: table-caption; | 443 display: table-caption; |
522 } | 444 } |
523 | 445 |
524 .toggle | |
525 { | |
526 cursor: pointer; | |
527 position: relative; | |
528 display: inline-block; | |
529 vertical-align: top; | |
530 height: 22px; | |
531 margin-top: 32px; | |
532 margin-bottom: 7px; | |
533 border-radius: 9999px; | |
534 border: 1px solid #999; | |
535 overflow: hidden; | |
536 -moz-user-select: none; | |
537 -webkit-user-select: none; | |
538 user-select: none; | |
539 } | |
540 | |
541 .toggle:hover | |
542 { | |
543 box-shadow: 0px 0px 3px 0px #968d81; | |
544 } | |
545 | |
546 .toggle:active | |
547 { | |
548 cursor: wait; | |
549 } | |
550 | |
551 .toggle-on, .toggle-off | |
552 { | |
553 min-width: 42px; | |
554 height: 100%; | |
555 font-size: 11px; | |
556 font-weight: 500; | |
557 text-align: center; | |
558 line-height: 23px; | |
559 border-radius: 9999px; | |
560 } | |
561 | |
562 .toggle-on | |
563 { | |
564 padding-left: 10px; | |
565 padding-right: 30px; | |
566 color: rgba(255,255,255,0.8); | |
567 text-shadow: 1px 1px rgba(0,0,0,0.2); | |
568 box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2); | |
569 background: rgb(69,163,31); | |
570 } | |
571 | |
572 .toggle-off | |
573 { | |
574 padding-left: 30px; | |
575 padding-right: 10px; | |
576 color: rgba(0,0,0,0.6); | |
577 text-shadow: 1px 1px rgba(255,255,255,0.2); | |
578 background: #cfcfcf; | |
579 background: -moz-linear-gradient(top, #cfcfcf 0%, #f5f5f5 100%); | |
580 background: -webkit-linear-gradient(top, #cfcfcf 0%,#f5f5f5 100%); | |
581 background: linear-gradient(to bottom, #cfcfcf 0%,#f5f5f5 100%); | |
582 } | |
583 | |
584 .toggle-blob | |
585 { | |
586 position: absolute; | |
587 top: 0px; | |
588 right: 0px; | |
589 height: 100%; | |
590 width: 22px; | |
591 border-radius: 50px; | |
592 background: #cfcfcf; | |
593 background: -moz-linear-gradient(bottom, #cfcfcf 0%, #f5f5f5 100%); | |
594 background: -webkit-linear-gradient(bottom, #cfcfcf 0%,#f5f5f5 100%); | |
595 background: linear-gradient(to top, #cfcfcf 0%,#f5f5f5 100%); | |
596 box-shadow: 1px 1px 2px #888; | |
597 } | |
598 | |
599 .off .toggle-on | |
600 { | |
601 margin-top: -22px; | |
602 } | |
603 | |
604 .off .toggle-blob | |
605 { | |
606 left: 0px; | |
607 right: auto; | |
608 } | |
609 | |
610 #donate | 446 #donate |
611 { | 447 { |
612 height: 21px; | 448 height: 21px; |
613 display: inline-block; | 449 display: inline-block; |
614 margin-top: 15px; | 450 margin-top: 15px; |
615 margin-bottom: 2px; | 451 margin-bottom: 2px; |
616 font-size: 16px; | 452 font-size: 16px; |
617 color: #003366; | 453 color: #003366; |
618 cursor: pointer; | 454 cursor: pointer; |
619 font-weight: bold; | 455 font-weight: bold; |
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
673 width: auto; | 509 width: auto; |
674 padding: 20px 0px; | 510 padding: 20px 0px; |
675 border-style: dashed none none; | 511 border-style: dashed none none; |
676 } | 512 } |
677 | 513 |
678 #donate, | 514 #donate, |
679 .share-buttons | 515 .share-buttons |
680 { | 516 { |
681 margin-top: 10px; | 517 margin-top: 10px; |
682 } | 518 } |
683 | |
684 #can-do-more, | |
685 #can-do-more .feature h3 | |
686 { | |
687 text-align: center; | |
688 } | |
689 | |
690 #can-do-more .feature-description-textblock | |
691 { | |
692 text-align: start; | |
693 } | |
694 | |
695 .toggle | |
696 { | |
697 margin-top: 14px; | |
698 } | |
699 } | 519 } |
OLD | NEW |