elbaitemoon

commit 1cdb68f1615033e02879ac223564f74443e950c3
parent 9dbae6099f2e5afcbdaac5cafe2528c2c0223490
Author: Lootyhoof <lootyhoofer@gmail.com>
Date:   Mon, 27 Jun 2016 21:40:16 +0100

Implement close-icon

Diffstat:
M
src/chrome/browser/browser.css
 | 
38
++------------------------------------
M
src/chrome/global/alerts/alert.css
 | 
11
-----------
M
src/chrome/global/findBar.css
 | 
10
----------
M
src/chrome/global/notification.css
 | 
10
----------

4 files changed, 2 insertions(+), 67 deletions(-)
diff --git a/src/chrome/browser/browser.css b/src/chrome/browser/browser.css
@@ -1439,10 +1439,8 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 
 .tab-close-button {
   -moz-appearance: none;
-  -moz-image-region: rect(0, 64px, 16px, 48px);
   border: none;
   padding: 0px;
-  list-style-image: url("chrome://global/skin/icons/close.png");
 }
 
 .tab-close-button:-moz-lwtheme-darktext {
@@ -1453,18 +1451,8 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   -moz-transform: scale(1.2);
 }
 
-.tab-close-button:hover,
-.tab-close-button:hover[selected="true"] {
-  -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-.tab-close-button:hover:active,
-.tab-close-button:hover:active[selected="true"] {
-  -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-
-.tab-close-button[selected="true"] {
-  -moz-image-region: rect(0, 16px, 16px, 0);
+.tab-close-button:not([selected]):not(:hover):not(:active) {
+  -moz-image-region: rect(0, 64px, 16px, 48px);
 }
 
 .tab-close-button:focus {
@@ -1631,8 +1619,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 
 .tabs-closebutton {
   -moz-appearance: none;
-  list-style-image: url("chrome://global/skin/icons/close.png");
-  -moz-image-region: rect(0, 16px, 16px, 0);
   padding: 4px 2px;
   margin: 0px;
   border: none;
@@ -1644,14 +1630,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   -moz-padding-start: 2px !important;
 }
 
-.tabs-closebutton:hover {
-  -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-.tabs-closebutton:hover:active {
-  -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-
 toolbarbutton.chevron {
   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
 }
@@ -2243,21 +2221,9 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 #addonbar-closebutton {
   border: none;
   padding: 0 5px;
-  list-style-image: url("chrome://global/skin/icons/close.png");
   -moz-appearance: none;
-  -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-#addonbar-closebutton:hover {
-  -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-#addonbar-closebutton:hover:active {
-  -moz-image-region: rect(0, 48px, 16px, 32px);
 }
 
-
-
 .statuspanel-label {
   margin: 0;
   padding: 2px 4px;
diff --git a/src/chrome/global/alerts/alert.css b/src/chrome/global/alerts/alert.css
@@ -71,9 +71,7 @@ label {
 }
 
 .alertCloseButton {
-  list-style-image: url("chrome://global/skin/icons/close.png");
   -moz-appearance: none;
-  -moz-image-region: rect(0, 16px, 16px, 0);
   padding: 4px 2px;
   border: none !important;
 }
@@ -81,12 +79,3 @@ label {
 .alertCloseButton > .toolbarbutton-text {
   display: none;
 }
-
-.alertCloseButton:hover {
-  -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-.alertCloseButton:hover:active {
-  -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-
diff --git a/src/chrome/global/findBar.css b/src/chrome/global/findBar.css
@@ -35,21 +35,11 @@ findbar[hidden] {
   border: none;
   padding: 0;
   margin: 0 4px;
-  list-style-image: url("chrome://global/skin/icons/close.png");
   -moz-appearance: none;
-  -moz-image-region: rect(0, 16px, 16px, 0);
   /* make sure the closebutton is displayed as the first element in the bar: */
   -moz-box-ordinal-group: 0;
 }
 
-.findbar-closebutton:hover {
-  -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-.findbar-closebutton:hover:active {
-  -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-
 /* Search field */
 
 .findbar-textbox {
diff --git a/src/chrome/global/notification.css b/src/chrome/global/notification.css
@@ -42,21 +42,11 @@ notification[type="critical"] {
 }
 
 .messageCloseButton {
-  list-style-image: url("chrome://global/skin/icons/close.png");
   -moz-appearance: none;
-  -moz-image-region: rect(0, 16px, 16px, 0);
   padding: 4px 2px;
   border: none !important;
 }
 
-.messageCloseButton:hover {
-  -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-.messageCloseButton:hover:active {
-  -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-
 .messageCloseButton > .toolbarbutton-icon {
   -moz-margin-end: 5px;
 }