| 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 |