diff options
Diffstat (limited to 'browser/extensions/pocket/skin')
34 files changed, 147 insertions, 0 deletions
diff --git a/browser/extensions/pocket/skin/linux/Toolbar-inverted.png b/browser/extensions/pocket/skin/linux/Toolbar-inverted.png Binary files differnew file mode 100644 index 000000000..68f5125ea --- /dev/null +++ b/browser/extensions/pocket/skin/linux/Toolbar-inverted.png diff --git a/browser/extensions/pocket/skin/linux/Toolbar-inverted@2x.png b/browser/extensions/pocket/skin/linux/Toolbar-inverted@2x.png Binary files differnew file mode 100644 index 000000000..89056295c --- /dev/null +++ b/browser/extensions/pocket/skin/linux/Toolbar-inverted@2x.png diff --git a/browser/extensions/pocket/skin/linux/Toolbar.png b/browser/extensions/pocket/skin/linux/Toolbar.png Binary files differnew file mode 100644 index 000000000..be9b0e6d2 --- /dev/null +++ b/browser/extensions/pocket/skin/linux/Toolbar.png diff --git a/browser/extensions/pocket/skin/linux/Toolbar@2x.png b/browser/extensions/pocket/skin/linux/Toolbar@2x.png Binary files differnew file mode 100644 index 000000000..5dc4e754a --- /dev/null +++ b/browser/extensions/pocket/skin/linux/Toolbar@2x.png diff --git a/browser/extensions/pocket/skin/linux/menuPanel.png b/browser/extensions/pocket/skin/linux/menuPanel.png Binary files differnew file mode 100644 index 000000000..55bc46cc9 --- /dev/null +++ b/browser/extensions/pocket/skin/linux/menuPanel.png diff --git a/browser/extensions/pocket/skin/linux/menuPanel@2x.png b/browser/extensions/pocket/skin/linux/menuPanel@2x.png Binary files differnew file mode 100644 index 000000000..ad13ca4ce --- /dev/null +++ b/browser/extensions/pocket/skin/linux/menuPanel@2x.png diff --git a/browser/extensions/pocket/skin/linux/pocket.css b/browser/extensions/pocket/skin/linux/pocket.css new file mode 100644 index 000000000..156964923 --- /dev/null +++ b/browser/extensions/pocket/skin/linux/pocket.css @@ -0,0 +1,10 @@ +@import url("chrome://pocket-shared/skin/pocket.css"); + +#nav-bar #pocket-button > .toolbarbutton-icon { + padding: 2px 6px; +} + +:-moz-any(#TabsToolbar, .widget-overflow-list) #pocket-button > .toolbarbutton-icon { + max-width: 18px; + padding: 0; +}
\ No newline at end of file diff --git a/browser/extensions/pocket/skin/osx/Toolbar-inverted.png b/browser/extensions/pocket/skin/osx/Toolbar-inverted.png Binary files differnew file mode 100644 index 000000000..0f4d57b4e --- /dev/null +++ b/browser/extensions/pocket/skin/osx/Toolbar-inverted.png diff --git a/browser/extensions/pocket/skin/osx/Toolbar-inverted@2x.png b/browser/extensions/pocket/skin/osx/Toolbar-inverted@2x.png Binary files differnew file mode 100644 index 000000000..03c3b42d5 --- /dev/null +++ b/browser/extensions/pocket/skin/osx/Toolbar-inverted@2x.png diff --git a/browser/extensions/pocket/skin/osx/Toolbar-yosemite.png b/browser/extensions/pocket/skin/osx/Toolbar-yosemite.png Binary files differnew file mode 100644 index 000000000..28602b186 --- /dev/null +++ b/browser/extensions/pocket/skin/osx/Toolbar-yosemite.png diff --git a/browser/extensions/pocket/skin/osx/Toolbar-yosemite@2x.png b/browser/extensions/pocket/skin/osx/Toolbar-yosemite@2x.png Binary files differnew file mode 100644 index 000000000..53040cb46 --- /dev/null +++ b/browser/extensions/pocket/skin/osx/Toolbar-yosemite@2x.png diff --git a/browser/extensions/pocket/skin/osx/Toolbar.png b/browser/extensions/pocket/skin/osx/Toolbar.png Binary files differnew file mode 100644 index 000000000..1a8d7a51c --- /dev/null +++ b/browser/extensions/pocket/skin/osx/Toolbar.png diff --git a/browser/extensions/pocket/skin/osx/Toolbar@2x.png b/browser/extensions/pocket/skin/osx/Toolbar@2x.png Binary files differnew file mode 100644 index 000000000..91bf3ef6f --- /dev/null +++ b/browser/extensions/pocket/skin/osx/Toolbar@2x.png diff --git a/browser/extensions/pocket/skin/osx/menuPanel-yosemite.png b/browser/extensions/pocket/skin/osx/menuPanel-yosemite.png Binary files differnew file mode 100644 index 000000000..30b475cc0 --- /dev/null +++ b/browser/extensions/pocket/skin/osx/menuPanel-yosemite.png diff --git a/browser/extensions/pocket/skin/osx/menuPanel-yosemite@2x.png b/browser/extensions/pocket/skin/osx/menuPanel-yosemite@2x.png Binary files differnew file mode 100644 index 000000000..389d96ec7 --- /dev/null +++ b/browser/extensions/pocket/skin/osx/menuPanel-yosemite@2x.png diff --git a/browser/extensions/pocket/skin/osx/menuPanel.png b/browser/extensions/pocket/skin/osx/menuPanel.png Binary files differnew file mode 100644 index 000000000..d2bf61888 --- /dev/null +++ b/browser/extensions/pocket/skin/osx/menuPanel.png diff --git a/browser/extensions/pocket/skin/osx/menuPanel@2x.png b/browser/extensions/pocket/skin/osx/menuPanel@2x.png Binary files differnew file mode 100644 index 000000000..f58afbc4d --- /dev/null +++ b/browser/extensions/pocket/skin/osx/menuPanel@2x.png diff --git a/browser/extensions/pocket/skin/osx/pocket.css b/browser/extensions/pocket/skin/osx/pocket.css new file mode 100644 index 000000000..534a881a5 --- /dev/null +++ b/browser/extensions/pocket/skin/osx/pocket.css @@ -0,0 +1,42 @@ +@import url("chrome://pocket-shared/skin/pocket.css"); + +#pocket-button[cui-areatype="toolbar"] > .toolbarbutton-icon { + max-width: 18px; + margin: 0; +} + +#pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(36px, 18px, 54px, 0); +} + +@media (min-resolution: 2dppx) { + #panelMenu_pocket, + #menu_pocket, + #BMB_pocket { + list-style-image: url("chrome://pocket/content/panels/img/pocketmenuitem16@2x.png"); + } + + #panelMenu_pocket > .toolbarbutton-icon { + width: 16px; + } +} + +@media not all and (min-resolution: 1.1dppx) { + #pocket-button:hover:active:not([disabled="true"]):not([cui-areatype="menu-panel"]) { + -moz-image-region: rect(18px, 18px, 36px, 0); + } +} + +@media (min-resolution: 1.1dppx) { + #pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(72px, 36px, 108px, 0); + } + + #pocket-button:hover:active:not([disabled="true"]):not([cui-areatype="menu-panel"]) { + -moz-image-region: rect(36px, 36px, 72px, 0); + } +} + +#PanelUI-pocketView[mainview=true] > .panel-subview-body > #pocket-panel-iframe { + border-radius: var(--arrowpanel-border-radius); +} diff --git a/browser/extensions/pocket/skin/shared/pocket.css b/browser/extensions/pocket/skin/shared/pocket.css new file mode 100644 index 000000000..ec46e1890 --- /dev/null +++ b/browser/extensions/pocket/skin/shared/pocket.css @@ -0,0 +1,79 @@ +/* Bug 1164419 - increase Pocket panel size to accomidate wider Russian text. */ +panelmultiview[mainViewId=PanelUI-pocketView] > .panel-viewcontainer > .panel-viewstack > .panel-mainview:not([panelid="PanelUI-popup"]) { + max-width: 33em; /* standaloneSubviewWidth + 3 */ +} + +.cui-widget-panel[viewId="PanelUI-pocketView"] > .panel-arrowcontainer > .panel-arrowcontent { + padding-top: 0; + padding-bottom: 0; +} + +#PanelUI-pocketView > .panel-subview-body, +#PanelUI-pocketView { + overflow: visible; +} + +#pocket-button { + list-style-image: url("chrome://pocket/skin/Toolbar.png"); + -moz-image-region: rect(0, 18px, 18px, 0); +} + +toolbar[brighttext] #pocket-button { + list-style-image: url(chrome://pocket/skin/Toolbar-inverted.png); +} + +@media not all and (min-resolution: 1.1dppx) { + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + list-style-image: url(chrome://pocket/skin/menuPanel.png); + -moz-image-region: rect(0, 32px, 32px, 0); + } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 32px, 64px, 0); + } +} + +@media (min-resolution: 1.1dppx) { + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + list-style-image: url(chrome://pocket/skin/menuPanel@2x.png); + -moz-image-region: rect(0px, 64px, 64px, 0); + } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 64px, 128px, 0); + } +} + +#pocket-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 18px, 36px, 0); +} + +@media (min-resolution: 1.1dppx) { + #pocket-button { + list-style-image: url("chrome://pocket/skin/Toolbar@2x.png"); + } + + toolbar[brighttext] #pocket-button { + list-style-image: url("chrome://pocket/skin/Toolbar-inverted@2x.png"); + } + + #pocket-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 36px, 36px, 0px); + } + + #pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(36px, 36px, 72px, 0px); + } +} + +#panelMenu_pocket, +#menu_pocket, +#BMB_pocket { + list-style-image: url("chrome://pocket/content/panels/img/pocketmenuitem16.png"); +} diff --git a/browser/extensions/pocket/skin/windows/Toolbar-XP.png b/browser/extensions/pocket/skin/windows/Toolbar-XP.png Binary files differnew file mode 100644 index 000000000..9220a207f --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar-XP.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar-aero.png b/browser/extensions/pocket/skin/windows/Toolbar-aero.png Binary files differnew file mode 100644 index 000000000..7b373acb9 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar-aero.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar-aero@2x.png b/browser/extensions/pocket/skin/windows/Toolbar-aero@2x.png Binary files differnew file mode 100644 index 000000000..6e83dcc60 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar-aero@2x.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar-inverted.png b/browser/extensions/pocket/skin/windows/Toolbar-inverted.png Binary files differnew file mode 100644 index 000000000..70e95f464 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar-inverted.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar-inverted@2x.png b/browser/extensions/pocket/skin/windows/Toolbar-inverted@2x.png Binary files differnew file mode 100644 index 000000000..ba0b7e2af --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar-inverted@2x.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar-lunaSilver.png b/browser/extensions/pocket/skin/windows/Toolbar-lunaSilver.png Binary files differnew file mode 100644 index 000000000..5afe7ca44 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar-lunaSilver.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar-win8.png b/browser/extensions/pocket/skin/windows/Toolbar-win8.png Binary files differnew file mode 100644 index 000000000..208dc03ae --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar-win8.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar-win8@2x.png b/browser/extensions/pocket/skin/windows/Toolbar-win8@2x.png Binary files differnew file mode 100644 index 000000000..3704f0885 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar-win8@2x.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar.png b/browser/extensions/pocket/skin/windows/Toolbar.png Binary files differnew file mode 100644 index 000000000..4801961f8 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar.png diff --git a/browser/extensions/pocket/skin/windows/Toolbar@2x.png b/browser/extensions/pocket/skin/windows/Toolbar@2x.png Binary files differnew file mode 100644 index 000000000..f3a1cc738 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/Toolbar@2x.png diff --git a/browser/extensions/pocket/skin/windows/menuPanel-aero.png b/browser/extensions/pocket/skin/windows/menuPanel-aero.png Binary files differnew file mode 100644 index 000000000..459e82634 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/menuPanel-aero.png diff --git a/browser/extensions/pocket/skin/windows/menuPanel-aero@2x.png b/browser/extensions/pocket/skin/windows/menuPanel-aero@2x.png Binary files differnew file mode 100644 index 000000000..eef525741 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/menuPanel-aero@2x.png diff --git a/browser/extensions/pocket/skin/windows/menuPanel.png b/browser/extensions/pocket/skin/windows/menuPanel.png Binary files differnew file mode 100644 index 000000000..55bc46cc9 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/menuPanel.png diff --git a/browser/extensions/pocket/skin/windows/menuPanel@2x.png b/browser/extensions/pocket/skin/windows/menuPanel@2x.png Binary files differnew file mode 100644 index 000000000..ad13ca4ce --- /dev/null +++ b/browser/extensions/pocket/skin/windows/menuPanel@2x.png diff --git a/browser/extensions/pocket/skin/windows/pocket.css b/browser/extensions/pocket/skin/windows/pocket.css new file mode 100644 index 000000000..011b821a9 --- /dev/null +++ b/browser/extensions/pocket/skin/windows/pocket.css @@ -0,0 +1,16 @@ +@import url("chrome://pocket-shared/skin/pocket.css"); + +#nav-bar #pocket-button > .toolbarbutton-icon { + padding: calc(var(--toolbarbutton-vertical-inner-padding)) 6px; +} + +:-moz-any(#TabsToolbar, .widget-overflow-list) #pocket-button > .toolbarbutton-icon { + max-width: 18px; + padding: 0; +} + +@media (-moz-windows-theme: luna-silver) and (max-resolution: 1dppx) { + #pocket-button { + list-style-image: url(Toolbar-lunaSilver.png); + } +} |
