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

Delta Between Two Patch Sets: skin/options.css

Issue 29321417: Issue 2357 - Added "predefined list" dialog to options page (Closed)
Left Patch Set: Created July 13, 2015, 6:17 p.m.
Right Patch Set: Post-review: Merged Created July 16, 2015, 11:36 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« options.js ('K') | « options.js ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
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 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
78 border: 0px; 78 border: 0px;
79 height: 1px; 79 height: 1px;
80 margin: 0px; 80 margin: 0px;
81 } 81 }
82 82
83 input[type="search"]::-webkit-search-cancel-button 83 input[type="search"]::-webkit-search-cancel-button
84 { 84 {
85 display: none; 85 display: none;
86 } 86 }
87 87
88 input[type="text"], input[type="search"]
89 {
90 -webkit-box-sizing: border-box;
91 -moz-box-sizing: border-box;
92 box-sizing: border-box;
93 }
94
88 .option-name 95 .option-name
89 { 96 {
90 display: flex; 97 display: flex;
91 } 98 }
92 99
93 .option-name > * 100 .option-name > *
94 { 101 {
95 -moz-margin-end: 6px; 102 -moz-margin-end: 6px;
96 -webkit-margin-end: 6px; 103 -webkit-margin-end: 6px;
97 } 104 }
(...skipping 345 matching lines...) Expand 10 before | Expand all | Expand 10 after
443 450
444 .tabs.horizontal li.active 451 .tabs.horizontal li.active
445 { 452 {
446 border-bottom: 2px solid #1E8728; 453 border-bottom: 2px solid #1E8728;
447 color: black; 454 color: black;
448 font-weight: 600; 455 font-weight: 600;
449 padding-bottom: 10px; 456 padding-bottom: 10px;
450 } 457 }
451 458
452 .icon, .table input[type="checkbox"]::before, .table button.delete, 459 .icon, .table input[type="checkbox"]::before, .table button.delete,
453 #content-help a::before, #dialog-close::before 460 #content-help a::before, #dialog-close::before,
461 #custom-filters-add button::after
454 { 462 {
455 background-image: url(options-sprite.png); 463 background-image: url(options-sprite.png);
456 display: inline-block; 464 display: inline-block;
457 } 465 }
458 466
459 .icon-add 467 .icon-add
460 { 468 {
461 background-position: -0px -0px; 469 background-position: -0px -0px;
462 cursor: pointer; 470 cursor: pointer;
463 height: 18px; 471 height: 18px;
464 width: 18px; 472 min-width: 18px;
465 } 473 }
466 474
467 .icon-update 475 .icon-update
468 { 476 {
469 background-position: -34px -0px; 477 background-position: -34px -0px;
470 cursor: pointer; 478 cursor: pointer;
471 height: 18px; 479 height: 18px;
472 width: 18px; 480 width: 18px;
473 } 481 }
474 482
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
558 { 566 {
559 border: 0px; 567 border: 0px;
560 border-bottom: 1px solid #A1A1A1; 568 border-bottom: 1px solid #A1A1A1;
561 -moz-padding-end: 25px; 569 -moz-padding-end: 25px;
562 -webkit-padding-end: 25px; 570 -webkit-padding-end: 25px;
563 -moz-margin-start: 14px; 571 -moz-margin-start: 14px;
564 -webkit-margin-start: 14px; 572 -webkit-margin-start: 14px;
565 outline: 0px; 573 outline: 0px;
566 padding-bottom: 5px; 574 padding-bottom: 5px;
567 vertical-align: text-bottom; 575 vertical-align: text-bottom;
568 width: 330px; 576 width: 100%;
569 } 577 }
570 578
571 #whitelisting .controls .button-add span 579 #whitelisting .controls .button-add span
572 { 580 {
573 -moz-margin-start: 5px; 581 -moz-margin-start: 5px;
574 -webkit-margin-start: 5px; 582 -webkit-margin-start: 5px;
575 } 583 }
576 584
577 #whitelisting .button-add 585 #whitelisting .button-add
578 { 586 {
(...skipping 23 matching lines...) Expand all
602 background-color: transparent; 610 background-color: transparent;
603 border: 0px; 611 border: 0px;
604 color: #3A7BA6; 612 color: #3A7BA6;
605 cursor: pointer; 613 cursor: pointer;
606 } 614 }
607 615
608 /* 616 /*
609 Advanced tab content 617 Advanced tab content
610 */ 618 */
611 619
612 #blocking-list-own .table 620 #custom-filters-header
621 {
622 padding: 0px 20px;
623 margin-bottom: 10px;
624 }
625
626 #custom-filters-raw-controls
627 {
628 display: flex;
629 }
630
631 #custom-filters:not(.mode-edit) #custom-filters-raw,
632 #custom-filters:not(.mode-edit) #custom-filters-raw-controls,
633 #custom-filters.mode-edit #custom-filters-show-edit,
634 #custom-filters.mode-edit #custom-filters-list-wrapper
635 {
636 display: none;
637 }
638
639 #custom-filters-raw-save
640 {
641 padding: 0px 16px;
642 }
643
644 #custom-filters .table
613 { 645 {
614 height: 290px; 646 height: 290px;
615 overflow: auto; 647 overflow: auto;
616 width: auto; 648 width: auto;
617 } 649 }
618 650
619 #blocking-list-own .controls 651 #custom-filters-add
620 { 652 {
621 display: flex; 653 display: flex;
622 padding: 0px; 654 padding: 0px;
623 border: none; 655 border: none;
624 } 656 }
625 657
626 #blocking-list-own input[type="text"], 658 #custom-filters .controls
627 #blocking-list-own input[type="text"]:focus 659 {
628 { 660 border-top: none;
629 border: 0px; 661 }
630 border-bottom: 1px solid; 662
631 border-top: 1px solid; 663 #custom-filters-raw
664 {
665 width: 100%;
666 height: 100%;
667 }
668
669 #custom-filters-wrapper
670 {
671 height: 330px;
672 }
673
674 #custom-filters input[type="text"]
675 {
676 border-width: 1px 0px 1px 0px;
677 border-bottom-style: solid;
678 border-top-style: solid;
632 border-color: #1E8728; 679 border-color: #1E8728;
633 box-sizing: border-box;
634 height: 25px; 680 height: 25px;
635 outline: 0px;
636 -moz-padding-start: 10px; 681 -moz-padding-start: 10px;
637 -webkit-padding-start: 10px; 682 -webkit-padding-start: 10px;
683 -moz-padding-end: 60px;
684 -webkit-padding-end: 60px;
685 padding-top: 18px;
686 padding-bottom: 18px;
638 width: 100%; 687 width: 100%;
639 } 688 }
640 689
641 .icon-enter-blue 690 #custom-filters input[type="text"]:focus
642 { 691 {
643 background-position: -28px -85px; 692 outline: 0px;
644 cursor: pointer; 693 }
645 height: 10px; 694
646 margin: 0px 0px -2px 2px; 695 #custom-filters-add input
647 width: 10px; 696 {
648 } 697 font-size: 13px;
649 698 background-color: #F5F5F5;
650 #blocking-list-own .input-control 699 }
651 { 700
652 position: absolute; 701 #custom-filters-add input::-webkit-input-placeholder
653 -webkit-margin-start: -50px; 702 {
654 -moz-margin-start: -50px; 703 font-weight: 600;
655 bottom: 5px; 704 }
656 } 705 #custom-filters-add input::-moz-placeholder
657 706 {
658 #blocking-list-own .input-separator 707 font-weight: 600;
659 { 708 }
709
710 #custom-filters-table
711 {
712 border-top: 1px solid #CDCDCD;
713 }
714
715 #custom-filters-add button
716 {
717 font-size: 14px;
718 -webkit-margin-start: -60px;
719 -moz-margin-start: -60px;
720 -webkit-padding-end: 6px;
721 -moz-padding-end: 6px;
722 cursor: pointer;
723 color: #3A7BA6;
724 }
725
726 #custom-filters-add button::before
727 {
728 content: "";
660 display: inline-block; 729 display: inline-block;
661 -moz-border-end: 1px solid #CDCDCD; 730 -moz-border-end: 1px solid #CDCDCD;
662 -webkit-border-end: 1px solid #CDCDCD; 731 -webkit-border-end: 1px solid #CDCDCD;
663 height: 15px; 732 height: 15px;
664 margin: 0px 4px -4px 0px; 733 -webkit-margin-end: 10px;
734 -moz-margin-end: 10px;
735 margin-bottom: -2px;
665 width: 1px; 736 width: 1px;
666 } 737 }
667 738
668 #blocking-list-own .input-button-text 739 #custom-filters-add button::after
669 { 740 {
670 font-size: 12px; 741 content: "";
742 background-position: -28px -85px;
743 cursor: pointer;
744 height: 10px;
745 -webkit-margin-start: 6px;
746 -moz-margin-start: 6px;
747 width: 10px;
671 } 748 }
672 749
673 .tooltip, #block-element-explanation a 750 .tooltip, #block-element-explanation a
674 { 751 {
675 border-bottom: dotted 2px; 752 border-bottom: dotted 2px;
676 color: #3A7BA6; 753 color: #3A7BA6;
677 font-size: 12px; 754 font-size: 12px;
678 text-decoration: none; 755 text-decoration: none;
679 } 756 }
680 757
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after
799 876
800 #dialog h3 877 #dialog h3
801 { 878 {
802 font-size: 14px; 879 font-size: 14px;
803 margin: 0px; 880 margin: 0px;
804 } 881 }
805 882
806 #dialog input[type="text"], 883 #dialog input[type="text"],
807 #dialog input[type="search"] 884 #dialog input[type="search"]
808 { 885 {
809 -webkit-box-sizing: border-box;
810 -moz-box-sizing: border-box;
811 box-sizing: border-box;
812 font-size: 16px; 886 font-size: 16px;
813 margin-top: 10px; 887 margin-top: 10px;
814 padding: 5px; 888 padding: 5px;
815 width: 100%; 889 width: 100%;
816 } 890 }
817 891
818 #dialog .table 892 #dialog .table
819 { 893 {
820 width: 100%; 894 width: 100%;
821 } 895 }
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
863 vertical-align: top; 937 vertical-align: top;
864 } 938 }
865 939
866 #dialog .url 940 #dialog .url
867 { 941 {
868 margin-top: 10px; 942 margin-top: 10px;
869 margin-bottom: 20px; 943 margin-bottom: 20px;
870 word-wrap: break-word; 944 word-wrap: break-word;
871 } 945 }
872 946
873 body:not([data-dialog="custom"]) #dialog-title-custom, 947 body:not([data-dialog="custom"]) #dialog-title-custom,
Thomas Greiner 2015/07/13 18:37:14 Note that I only made changes to this block. The o
874 body:not([data-dialog="custom"]) #dialog-content-custom, 948 body:not([data-dialog="custom"]) #dialog-content-custom,
875 body:not([data-dialog="language"]) #dialog-title-language, 949 body:not([data-dialog="language"]) #dialog-title-language,
876 body:not([data-dialog="language"]) #dialog-content-language, 950 body:not([data-dialog="language"]) #dialog-content-language,
877 body:not([data-dialog="predefined"]) #dialog-title-predefined, 951 body:not([data-dialog="predefined"]) #dialog-title-predefined,
878 body:not([data-dialog="predefined"]) #dialog-content-predefined, 952 body:not([data-dialog="predefined"]) #dialog-content-predefined,
879 body:not([data-dialog]) #dialog 953 body:not([data-dialog]) #dialog
880 { 954 {
881 display: none; 955 display: none;
882 } 956 }
883 957
884 #other-language .button-add 958 #other-language .button-add
885 { 959 {
886 -webkit-border-end: 1px solid #CDCDCD; 960 -webkit-border-end: 1px solid #CDCDCD;
887 -moz-border-end: 1px solid #CDCDCD; 961 -moz-border-end: 1px solid #CDCDCD;
888 -webkit-padding-end: 10px; 962 -webkit-padding-end: 10px;
889 -moz-padding-end: 10px; 963 -moz-padding-end: 10px;
890 -webkit-padding-start: 0px; 964 -webkit-padding-start: 0px;
891 -moz-padding-start: 0px; 965 -moz-padding-start: 0px;
892 } 966 }
893 967
894 #other-language .display 968 #other-language .display
895 { 969 {
896 -webkit-margin-start: 10px; 970 -webkit-margin-start: 10px;
897 -moz-margin-start: 10px; 971 -moz-margin-start: 10px;
898 } 972 }
LEFTRIGHT
« options.js ('k') | no next file » | Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Toggle Comments ('s')

Powered by Google App Engine
This is Rietveld