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

Side by Side Diff: skin/options.css

Issue 29321198: Issue 2376 - Implement custom filters in new options page (Closed)
Patch Set: Nit fixes Created July 15, 2015, 2:35 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « options.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
628 { 659 {
629 border: 0px; 660 border-top: none;
630 border-bottom: 1px solid; 661 }
631 border-top: 1px solid; 662
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;
645 height: 10px;
646 margin: 0px 0px -2px 2px;
647 width: 10px;
648 } 693 }
649 694
650 #blocking-list-own .input-control 695 #custom-filters-add input
651 { 696 {
652 position: absolute; 697 font-size: 13px;
653 -webkit-margin-start: -50px; 698 background-color: #F5F5F5;
654 -moz-margin-start: -50px;
655 bottom: 5px;
656 } 699 }
657 700
658 #blocking-list-own .input-separator 701 #custom-filters-add input::-webkit-input-placeholder
659 { 702 {
703 font-weight: 600;
704 }
705 #custom-filters-add input::-moz-placeholder
706 {
707 font-weight: 600;
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 119 matching lines...) Expand 10 before | Expand all | Expand 10 after
800 877
801 #dialog h3 878 #dialog h3
802 { 879 {
803 font-size: 14px; 880 font-size: 14px;
804 margin: 0px; 881 margin: 0px;
805 } 882 }
806 883
807 #dialog input[type="text"], 884 #dialog input[type="text"],
808 #dialog input[type="search"] 885 #dialog input[type="search"]
809 { 886 {
810 -webkit-box-sizing: border-box;
811 -moz-box-sizing: border-box;
812 box-sizing: border-box;
813 font-size: 16px; 887 font-size: 16px;
814 margin-top: 10px; 888 margin-top: 10px;
815 padding: 5px; 889 padding: 5px;
816 width: 100%; 890 width: 100%;
817 } 891 }
818 892
819 #dialog .table 893 #dialog .table
820 { 894 {
821 width: 100%; 895 width: 100%;
822 } 896 }
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
895 -moz-padding-end: 10px; 969 -moz-padding-end: 10px;
896 -webkit-padding-start: 0px; 970 -webkit-padding-start: 0px;
897 -moz-padding-start: 0px; 971 -moz-padding-start: 0px;
898 } 972 }
899 973
900 #other-language .display 974 #other-language .display
901 { 975 {
902 -webkit-margin-start: 10px; 976 -webkit-margin-start: 10px;
903 -moz-margin-start: 10px; 977 -moz-margin-start: 10px;
904 } 978 }
OLDNEW
« no previous file with comments | « options.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld