diff --git a/browser/base/skin/bookmark-large.png b/browser/base/skin/bookmarks-large.png similarity index 100% rename from browser/base/skin/bookmark-large.png rename to browser/base/skin/bookmarks-large.png diff --git a/browser/base/skin/bookmarks-small.png b/browser/base/skin/bookmarks-small.png new file mode 100644 index 00000000000..e69de29bb2d diff --git a/browser/base/skin/browser.css b/browser/base/skin/browser.css index 73c8d605055..8295dc134bf 100644 --- a/browser/base/skin/browser.css +++ b/browser/base/skin/browser.css @@ -90,9 +90,9 @@ toolbarbutton.bookmark-item[open="true"] { } .toolbarpaletteitem-box[type="bookmarks-toolbar"][place="palette"] { - width: 32px; - height: 32px; - background: url("chrome://browser/skin/bookmark-large.png") no-repeat center; + width: 42px; + height: 42px; + background: url("chrome://browser/skin/bookmarks-large.png") no-repeat; } /* ::::: bookmark menus ::::: */ @@ -373,6 +373,52 @@ toolbar[mode="text"] .toolbarbutton-text { -moz-image-region: rect(0px 131px 32px 99px) !important; } +#downloads-button { + list-style-image: url("chrome://browser/skin/downloads-large.png"); + -moz-image-region: rect(0px 42px 42px 0px); +} +#downloads-button:hover { + -moz-image-region: rect(0px 96px 42px 54px); +} +#downloads-button[disabled="true"] { + -moz-image-region: rect(0px 150px 42px 108px); +} +#downloads-button:hover:active, +#downloads-button[checked="true"] { + -moz-image-region: rect(0px 204px 42px 162px); +} + +#bookmarks-button { + list-style-image: url("chrome://browser/skin/bookmarks-large.png"); + -moz-image-region: rect(0px 42px 42px 0px); +} +#bookmarks-button:hover { + -moz-image-region: rect(0px 96px 42px 54px); +} +#bookmarks-button[disabled="true"] { + -moz-image-region: rect(0px 150px 42px 108px); +} +#bookmarks-button:hover:active, +#bookmarks-button[checked="true"] { + -moz-image-region: rect(0px 204px 42px 162px); +} + +#history-button { + list-style-image: url("chrome://browser/skin/history-large.png"); + -moz-image-region: rect(0px 42px 42px 0px); +} +#history-button:hover { + -moz-image-region: rect(0px 96px 42px 54px); +} +#history-button[disabled="true"] { + -moz-image-region: rect(0px 150px 42px 108px); +} +#history-button:hover:active, +#history-button[checked="true"] { + -moz-image-region: rect(0px 204px 42px 162px); +} + + /* ::::: small primary toolbar buttons ::::: */ toolbar[iconsize="small"] #back-button { @@ -456,6 +502,52 @@ toolbar[iconsize="small"] #print-button[disabled="true"] { -moz-image-region: rect(0px 112px 25px 84px); } +toolbar[iconsize="small"] #downloads-button { + list-style-image: url("chrome://browser/skin/downloads-small.png") !important; + -moz-image-region: rect(0px 24px 25px 0px); +} +toolbar[iconsize="small"] #downloads-button:hover { + -moz-image-region: rect(0px 48px 25px 24px); +} +toolbar[iconsize="small"] #downloads-button:hover:active, +toolbar[iconsize="small"] #downloads-button[checked="true"] { + -moz-image-region: rect(0px 72px 25px 48px); +} +toolbar[iconsize="small"] #downloads-button[disabled="true"] { + -moz-image-region: rect(0px 96px 25px 72px) !important; +} + +toolbar[iconsize="small"] #bookmarks-button { + list-style-image: url("chrome://browser/skin/bookmarks-small.png") !important; + -moz-image-region: rect(0px 24px 25px 0px); +} +toolbar[iconsize="small"] #bookmarks-button:hover { + -moz-image-region: rect(0px 48px 25px 24px); +} +toolbar[iconsize="small"] #bookmarks-button:hover:active, +toolbar[iconsize="small"] #bookmarks-button[checked="true"] { + -moz-image-region: rect(0px 72px 25px 48px); +} +toolbar[iconsize="small"] #bookmarks-button[disabled="true"] { + -moz-image-region: rect(0px 96px 25px 72px) !important; +} + +toolbar[iconsize="small"] #history-button { + list-style-image: url("chrome://browser/skin/history-small.png") !important; + -moz-image-region: rect(0px 24px 25px 0px); +} +toolbar[iconsize="small"] #history-button:hover { + -moz-image-region: rect(0px 48px 25px 24px); +} +toolbar[iconsize="small"] #history-button:hover:active, +toolbar[iconsize="small"] #history-button[checked="true"] { + -moz-image-region: rect(0px 72px 25px 48px); +} +toolbar[iconsize="small"] #history-button[disabled="true"] { + -moz-image-region: rect(0px 96px 25px 72px) !important; +} + + /* ::::: fullscreen window controls ::::: */ #window-controls { diff --git a/browser/base/skin/downloads-large.png b/browser/base/skin/downloads-large.png new file mode 100644 index 00000000000..e69de29bb2d diff --git a/browser/base/skin/downloads-small.png b/browser/base/skin/downloads-small.png new file mode 100644 index 00000000000..e69de29bb2d diff --git a/browser/base/skin/history-large.png b/browser/base/skin/history-large.png new file mode 100644 index 00000000000..e69de29bb2d diff --git a/browser/base/skin/history-small.png b/browser/base/skin/history-small.png new file mode 100644 index 00000000000..e69de29bb2d