| 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-present eyeo GmbH | 3 * Copyright (C) 2006-present 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 140 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 151 box-shadow: inset 0 0 0 2px #099CD0; | 151 box-shadow: inset 0 0 0 2px #099CD0; |
| 152 } | 152 } |
| 153 | 153 |
| 154 button[role="checkbox"] | 154 button[role="checkbox"] |
| 155 { | 155 { |
| 156 width: 18px; | 156 width: 18px; |
| 157 height: 18px; | 157 height: 18px; |
| 158 padding: 0px; | 158 padding: 0px; |
| 159 border: 0px; | 159 border: 0px; |
| 160 background-color: transparent; | 160 background-color: transparent; |
| 161 background-position: -51px 0px; | 161 } |
| 162 |
| 163 button[role="checkbox"]:not(.toggle) |
| 164 { |
| 165 background-image: url(icons/checkbox.png); |
| 166 display: inline-block; |
| 162 } | 167 } |
| 163 | 168 |
| 164 button[role="checkbox"][aria-checked="true"]:not(.toggle) | 169 button[role="checkbox"][aria-checked="true"]:not(.toggle) |
| 165 { | 170 { |
| 166 background-position: -68px 0px; | 171 background-position: 0px 18px; |
| 167 } | 172 } |
| 168 | 173 |
| 169 button[role="checkbox"][disabled] | 174 button[role="checkbox"][disabled] |
| 170 { | 175 { |
| 171 border-radius: 2px; | 176 border-radius: 2px; |
| 172 background-color: #ccc; | 177 background-color: #ccc; |
| 173 } | 178 } |
| 174 | 179 |
| 175 button[role="checkbox"].toggle | 180 button[role="checkbox"].toggle |
| 176 { | 181 { |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 228 width: 1.9rem; | 233 width: 1.9rem; |
| 229 background-color: #099DD1; | 234 background-color: #099DD1; |
| 230 } | 235 } |
| 231 | 236 |
| 232 button.gear:hover::before, | 237 button.gear:hover::before, |
| 233 button.delete:hover::before | 238 button.delete:hover::before |
| 234 { | 239 { |
| 235 background-color: #5CBCE1; | 240 background-color: #5CBCE1; |
| 236 } | 241 } |
| 237 | 242 |
| 238 button.gear:hover, | |
| 239 button.delete:hover | |
| 240 { | |
| 241 background-position: -61px -51px; | |
| 242 } | |
| 243 | |
| 244 button.link, | 243 button.link, |
| 245 button.list | 244 button.list |
| 246 { | 245 { |
| 247 color: #099CD0; | 246 color: #099CD0; |
| 248 } | 247 } |
| 249 | 248 |
| 250 button.link | 249 button.link |
| 251 { | 250 { |
| 252 border: 0px; | 251 border: 0px; |
| 253 background-color: transparent; | 252 background-color: transparent; |
| (...skipping 421 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 675 border-color: #CDCDCD; | 674 border-color: #CDCDCD; |
| 676 border-width: 0px 1px 1px 1px; | 675 border-width: 0px 1px 1px 1px; |
| 677 } | 676 } |
| 678 | 677 |
| 679 .list li | 678 .list li |
| 680 { | 679 { |
| 681 padding: 0rem; | 680 padding: 0rem; |
| 682 margin: 0rem 0rem 1.3rem 0rem; | 681 margin: 0rem 0rem 1.3rem 0rem; |
| 683 } | 682 } |
| 684 | 683 |
| 684 .list li [role="checkbox"] |
| 685 { |
| 686 flex-shrink: 0; |
| 687 } |
| 688 |
| 685 .table li:first-of-type | 689 .table li:first-of-type |
| 686 { | 690 { |
| 687 border-top: 1px solid #CDCDCD; | 691 border-top: 1px solid #CDCDCD; |
| 688 } | 692 } |
| 689 | 693 |
| 690 .table.list li | 694 .table.list li |
| 691 { | 695 { |
| 692 padding: 0.5rem 1.1rem; | 696 padding: 0.5rem 1.1rem; |
| 693 margin: 0rem; | 697 margin: 0rem; |
| 694 } | 698 } |
| (...skipping 182 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 877 { | 881 { |
| 878 content: ""; | 882 content: ""; |
| 879 width: 1.3rem; | 883 width: 1.3rem; |
| 880 height: 1.3rem; | 884 height: 1.3rem; |
| 881 display: block; | 885 display: block; |
| 882 background-color: #099DD1; | 886 background-color: #099DD1; |
| 883 -webkit-mask: url(icons/tooltip.svg); | 887 -webkit-mask: url(icons/tooltip.svg); |
| 884 mask: url(icons/tooltip.svg); | 888 mask: url(icons/tooltip.svg); |
| 885 } | 889 } |
| 886 | 890 |
| 887 button[role="checkbox"]:not(.toggle) | |
| 888 { | |
| 889 background-image: url(options-sprite.png); | |
| 890 display: inline-block; | |
| 891 } | |
| 892 | |
| 893 /* | 891 /* |
| 894 Used for translatable screen reader only conten. | 892 Used for translatable screen reader only conten. |
| 895 e.g.: Use instead of aria-label to avoid complex attribute value translation | 893 e.g.: Use instead of aria-label to avoid complex attribute value translation |
| 896 */ | 894 */ |
| 897 .sr-only | 895 .sr-only |
| 898 { | 896 { |
| 899 position: absolute; | 897 position: absolute; |
| 900 overflow: hidden; | 898 overflow: hidden; |
| 901 clip: rect(0, 0, 0, 0); | 899 clip: rect(0, 0, 0, 0); |
| 902 width: 1px; | 900 width: 1px; |
| (...skipping 535 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1438 | 1436 |
| 1439 #hide-notification::after | 1437 #hide-notification::after |
| 1440 { | 1438 { |
| 1441 background-color: #099DD1; | 1439 background-color: #099DD1; |
| 1442 } | 1440 } |
| 1443 | 1441 |
| 1444 #hide-notification:hover::after | 1442 #hide-notification:hover::after |
| 1445 { | 1443 { |
| 1446 background-color: #5CBCE1; | 1444 background-color: #5CBCE1; |
| 1447 } | 1445 } |
| OLD | NEW |