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 |