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

Side by Side Diff: skin/new-options.css

Issue 29554579: Noissue - remove old options page sprite (Closed)
Patch Set: Created Sept. 25, 2017, 9:54 a.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 | « skin/icons/checkbox.png ('k') | skin/options-sprite.png » ('j') | 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-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
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
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
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
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
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 }
OLDNEW
« no previous file with comments | « skin/icons/checkbox.png ('k') | skin/options-sprite.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld