diff --git a/browser/base/content/browser.xul b/browser/base/content/browser.xul
index 83e194a8c6a0..fb2eaad40811 100644
--- a/browser/base/content/browser.xul
+++ b/browser/base/content/browser.xul
@@ -816,10 +816,11 @@
hidden="true"
tooltiptext="&pageReportIcon.tooltip;"
onclick="gPopupBlockerObserver.onReportButtonClick(event);"/>
-
+
.ac-url-box > .ac-action-
/* Reader mode button */
#reader-mode-button {
+ -moz-appearance: none;
+ padding: 0;
list-style-image: url("chrome://browser/skin/reader-mode-16.png");
-moz-image-region: rect(0, 16px, 16px, 0);
}
+#reader-mode-button > .toolbarbutton-icon {
+ width: 16px;
+}
+
+#reader-mode-button:focus {
+ outline: 1px dotted;
+}
+
#reader-mode-button:hover:active,
#reader-mode-button[readeractive] {
-moz-image-region: rect(0, 32px, 16px, 16px);
diff --git a/browser/themes/osx/browser.css b/browser/themes/osx/browser.css
index 3645206cfdae..632affde07a5 100644
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -2521,20 +2521,29 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
/* Reader mode button */
#reader-mode-button {
+ -moz-appearance: none;
+ padding: 0;
list-style-image: url("chrome://browser/skin/reader-mode-16.png");
-moz-image-region: rect(0, 16px, 16px, 0);
}
+#reader-mode-button > .toolbarbutton-icon {
+ width: 16px;
+}
+
+#reader-mode-button:focus {
+ @hudButtonFocused@
+}
+
#reader-mode-button:hover:active,
#reader-mode-button[readeractive] {
-moz-image-region: rect(0, 32px, 16px, 16px);
}
@media (min-resolution: 2dppx) {
- #reader-mode-button{
+ #reader-mode-button {
list-style-image: url("chrome://browser/skin/reader-mode-16@2x.png");
-moz-image-region: rect(0, 32px, 32px, 0);
- width: 22px;
}
#reader-mode-button:hover:active,
diff --git a/browser/themes/windows/browser.css b/browser/themes/windows/browser.css
index 67b772ddac9f..796e64e688e5 100644
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -1579,10 +1579,20 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
/* Reader mode button */
#reader-mode-button {
+ -moz-appearance: none;
+ padding: 0;
list-style-image: url("chrome://browser/skin/reader-mode-16.png");
-moz-image-region: rect(0, 16px, 16px, 0);
}
+#reader-mode-button > .toolbarbutton-icon {
+ width: 16px;
+}
+
+#reader-mode-button:focus {
+ outline: 1px dotted;
+}
+
#reader-mode-button:hover:active,
#reader-mode-button[readeractive] {
-moz-image-region: rect(0, 32px, 16px, 16px);