Noissue - remove old options page sprite

skin/new-options.css

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 140 matching lines @@
   box-shadow: inset 0 0 0 2px #099CD0;
 }
 
 button[role="checkbox"]
 {
   width: 18px;
   height: 18px;
   padding: 0px;
   border: 0px;
   background-color: transparent;
-  background-position: -51px 0px;
+}
+
+button[role="checkbox"]:not(.toggle)
+{
+  background-image: url(icons/checkbox.png);
+  display: inline-block;
 }
 
 button[role="checkbox"][aria-checked="true"]:not(.toggle)
 {
-  background-position: -68px 0px;
+  background-position: 0px 18px;
 }
 
 button[role="checkbox"][disabled]
 {
   border-radius: 2px;
   background-color: #ccc;
 }
 
 button[role="checkbox"].toggle
 {
@@ skipping 51 matching lines @@
   width: 1.9rem;
   background-color: #099DD1;
 }
 
 button.gear:hover::before,
 button.delete:hover::before
 {
   background-color: #5CBCE1;
 }
 
-button.gear:hover,
-button.delete:hover
-{
-  background-position: -61px -51px;

[saroyanm, 2017/09/24 19:34:39]

This looks to be a leftover from the time we were using options-sprite.png

-}
-
 button.link,
 button.list
 {
   color: #099CD0;
 }
 
 button.link
 {
   border: 0px;
   background-color: transparent;
@@ skipping 421 matching lines @@
   border-color: #CDCDCD;
   border-width: 0px 1px 1px 1px;
 }
 
 .list li
 {
   padding: 0rem;
   margin: 0rem 0rem 1.3rem 0rem;
 }
 
+.list li [role="checkbox"]
+{
+  flex-shrink: 0;

[saroyanm, 2017/09/24 19:34:39]

This element were being overlapped, I fixed this also in the scope of this issue
as it was easy to fix and somehow were connected.

+}
+
 .table li:first-of-type
 {
   border-top: 1px solid #CDCDCD;
 }
 
 .table.list li
 {
   padding: 0.5rem 1.1rem;
   margin: 0rem;
 }
@@ skipping 182 matching lines @@
 {
   content: "";
   width: 1.3rem;
   height: 1.3rem;
   display: block;
   background-color: #099DD1;
   -webkit-mask: url(icons/tooltip.svg);
   mask: url(icons/tooltip.svg);
 }
 
-button[role="checkbox"]:not(.toggle)
-{
-  background-image: url(options-sprite.png);
-  display: inline-block;
-}
-
 /* 
   Used for translatable screen reader only conten.
   e.g.: Use instead of aria-label to avoid complex attribute value translation
 */
 .sr-only
 {
   position: absolute;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   width: 1px;
@@ skipping 535 matching lines @@
 
 #hide-notification::after
 {
   background-color: #099DD1;
 }
 
 #hide-notification:hover::after
 {
   background-color: #5CBCE1;
 }