From 43cc28069c8593f92b99fa8b65e282ea51b9fca9 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Mon, 2 Dec 2013 04:23:27 +0100 Subject: [PATCH 1/1] add some support for Australis without harming pre-Australis display --- LCARStrek/browser/ToolbarFx.png | Bin 0 -> 2835 bytes LCARStrek/browser/browser.css | 760 +++++++++++++++++- .../customizeMode-gridTexture.png | Bin 0 -> 187 bytes .../browser/customizableui/panelUIOverlay.css | 543 +++++++++++++ LCARStrek/browser/menuPanel-customize.png | Bin 0 -> 187 bytes LCARStrek/browser/menuPanel-exit.png | Bin 0 -> 215 bytes LCARStrek/browser/menuPanel-help.png | Bin 0 -> 220 bytes LCARStrek/browser/menuPanel-small.png | Bin 0 -> 569 bytes LCARStrek/browser/menuPanel.png | Bin 0 -> 5214 bytes .../browser/privatebrowsing-indicator.png | Bin 0 -> 242 bytes LCARStrek/global/globalBindings.xml | 39 + 11 files changed, 1336 insertions(+), 6 deletions(-) create mode 100644 LCARStrek/browser/ToolbarFx.png create mode 100644 LCARStrek/browser/customizableui/customizeMode-gridTexture.png create mode 100644 LCARStrek/browser/customizableui/panelUIOverlay.css create mode 100644 LCARStrek/browser/menuPanel-customize.png create mode 100644 LCARStrek/browser/menuPanel-exit.png create mode 100644 LCARStrek/browser/menuPanel-help.png create mode 100644 LCARStrek/browser/menuPanel-small.png create mode 100644 LCARStrek/browser/menuPanel.png create mode 100644 LCARStrek/browser/privatebrowsing-indicator.png diff --git a/LCARStrek/browser/ToolbarFx.png b/LCARStrek/browser/ToolbarFx.png new file mode 100644 index 0000000000000000000000000000000000000000..f12933ad0fb5d78d986290461a15677f268bd6d3 GIT binary patch literal 2835 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 literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 2301ee6b..a8b7c6d7 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -12,10 +12,20 @@ toolbar { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar"); } +/* Remove selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ +#navigator-toolbox:not([tabsontop]) > toolbar[customizable="true"] { + -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-browsercustom"); +} + toolbar[type="menubar"][autohide="true"] { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide"); } +/* Remove selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ +#navigator-toolbox:not([tabsontop]) > #toolbar-menubar[autohide="true"] { + -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide-browsercustom"); +} + menubar { -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar"); } @@ -39,6 +49,34 @@ menubar { background-color: #9C9CFF; } +/* We want a 4px gap between the TabsToolbar and the toolbar-menubar when the + toolbar-menu is displayed, and a 16px gap when it is not. 1px is taken care + of by the (light) outer shadow of the tab, the remaining 3/15 are these margins. */ +#toolbar-menubar:not([autohide="true"]) ~ #TabsToolbar, +#toolbar-menubar[autohide="true"]:not([inactive]) ~ #TabsToolbar { +/* margin-top: 3px;*/ +} + +#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #toolbar-menubar ~ #TabsToolbar, +#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar { +/* margin-top: 15px;*/ +} + +/* Remove selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ +#navigator-toolbox:not([tabsontop]) > #toolbar-menubar:not([autohide="true"]) { + -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom"); +} + +#main-window[tabsintitlebar] #main-menubar > menu:not(:-moz-lwtheme) { + /* like menubar */ + background-color: #6000CF; + color: #FF9F00; +} + +#main-window[tabsintitlebar] #main-menubar > menu:not(:-moz-lwtheme):-moz-window-inactive { + background-color: #8050B0; + color: #FF9F00; +} #navigator-toolbox { } @@ -338,9 +376,16 @@ menubar { margin-top: 4px; } +/* The button box must appear on top of the navigator-toolbox in order for + * click and hover mouse events to work properly for the button in the restored + * window state. Otherwise, elements in the navigator-toolbox, like the menubar, + * can swallow those events. It will also place the buttons above the fog on + * themes with Aero Glass. + */ #titlebar-buttonbox { margin-top: 5px; -moz-margin-end: 3px; + z-index: 1; } #main-window[sizemode="maximized"] #titlebar-buttonbox { @@ -499,6 +544,493 @@ menuitem.bookmark-item { /* ::::: primary toolbar buttons ::::: */ +/* === BEGIN toolbarbuttons.inc.css === */ + +/* Whole section of this included file: */ +/* Remove |#navigator-toolbox:not([tabsontop])| selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ +#navigator-toolbox:not([tabsontop]) :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, + #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button, + #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, + #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, + #PanelUI-menu-button, #characterencoding-button, #email-link-button), +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/ToolbarFx.png"); +} + +#navigator-toolbox:not([tabsontop]) #back-button { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#navigator-toolbox:not([tabsontop]) #back-button:hover:not([disabled="true"]) { + -moz-image-region: rect(18px, 36px, 36px, 18px); +} + +#navigator-toolbox:not([tabsontop]) #back-button[disabled="true"] { + -moz-image-region: rect(36px, 36px, 54px, 18px); +} + +#navigator-toolbox:not([tabsontop]) #forward-button { + -moz-image-region: rect(0, 72px, 18px, 54px); +} + +#navigator-toolbox:not([tabsontop]) #forward-button:hover:not([disabled="true"]) { + -moz-image-region: rect(18px, 72px, 36px, 54px); +} + +#navigator-toolbox:not([tabsontop]) #forward-button[disabled="true"] { + -moz-image-region: rect(36px, 72px, 54px, 54px); +} + +#navigator-toolbox:not([tabsontop]) #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#navigator-toolbox:not([tabsontop]) #forward-button:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +#navigator-toolbox:not([tabsontop]) #home-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 126px, 18px, 108px); +} + +#navigator-toolbox:not([tabsontop]) #home-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 126px, 36px, 108px); +} + +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 144px, 18px, 126px); +} + +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] { + -moz-image-region: rect(18px, 144px, 36px, 126px); +} + +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][starred] { + -moz-image-region: rect(0, 162px, 18px, 144px); +} + +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][starred]:hover, +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][starred][open="true"] { + -moz-image-region: rect(18px, 162px, 36px, 144px); +} + +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + -moz-image-region: rect(0, 630px, 18px, 612px); +} + +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker { + padding: 1px; + -moz-box-align: center; +} + +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + -moz-image-region: rect(18px, 630px, 36px, 612px); +} + +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover:active > .toolbarbutton-menubutton-dropmarker, +#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker { + padding-top: 2px; + padding-bottom: 0px; + -moz-padding-start: 2px; + -moz-padding-end: 0px; +} + +#navigator-toolbox:not([tabsontop]) #history-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 180px, 18px, 162px); +} + +#navigator-toolbox:not([tabsontop]) #history-panelmenu[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([tabsontop]) #history-panelmenu[cui-areatype="toolbar"][open="true"] { + -moz-image-region: rect(18px, 180px, 36px, 162px); +} + +#navigator-toolbox:not([tabsontop]) #downloads-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 198px, 18px, 180px); +} + +#navigator-toolbox:not([tabsontop]) #downloads-button[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([tabsontop]) #downloads-button[cui-areatype="toolbar"][open="true"] { + -moz-image-region: rect(18px, 198px, 36px, 180px); +} + +#navigator-toolbox:not([tabsontop]) #add-ons-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 216px, 18px, 198px); +} + +#navigator-toolbox:not([tabsontop]) #add-ons-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 216px, 36px, 198px); +} + +#navigator-toolbox:not([tabsontop]) #switch-to-metro-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 648px, 18px, 630px); +} + +#navigator-toolbox:not([tabsontop]) #switch-to-metro-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 648px, 36px, 630px); +} + +#navigator-toolbox:not([tabsontop]) #open-file-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 234px, 18px, 216px); +} + +#navigator-toolbox:not([tabsontop]) #open-file-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 234px, 36px, 216px); +} + +#navigator-toolbox:not([tabsontop]) #save-page-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 252px, 18px, 234px); +} + +#navigator-toolbox:not([tabsontop]) #save-page-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 252px, 36px, 234px); +} + +#navigator-toolbox:not([tabsontop]) #sync-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 270px, 18px, 252px); +} + +#navigator-toolbox:not([tabsontop]) #sync-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 270px, 36px, 252px); +} + +#navigator-toolbox:not([tabsontop]) #feed-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 288px, 18px, 270px); +} + +#navigator-toolbox:not([tabsontop]) #feed-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 288px, 36px, 270px); +} + +#navigator-toolbox:not([tabsontop]) #social-share-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0px, 306px, 18px, 288px); +} + +#navigator-toolbox:not([tabsontop]) #social-share-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 306px, 36px, 288px); +} + +#navigator-toolbox:not([tabsontop]) #email-link-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 306px, 18px, 288px); + /* This is temporary until we have an email-link icon (Bug 932235) */ + transform: scale(-1, -1); +} + +#navigator-toolbox:not([tabsontop]) #email-link-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 306px, 36px, 288px); +} + +#navigator-toolbox:not([tabsontop]) #characterencoding-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 324px, 18px, 306px); +} + +#navigator-toolbox:not([tabsontop]) #characterencoding-button[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([tabsontop]) #characterencoding-button[cui-areatype="toolbar"][open="true"] { + -moz-image-region: rect(18px, 324px, 36px, 306px); +} + +#navigator-toolbox:not([tabsontop]) #new-window-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); +} + +#navigator-toolbox:not([tabsontop]) #new-window-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 342px, 36px, 324px); +} + +#navigator-toolbox:not([tabsontop]) #new-tab-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 360px, 18px, 342px); +} + +#navigator-toolbox:not([tabsontop]) #new-tab-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 360px, 36px, 342px); +} + +#navigator-toolbox:not([tabsontop]) #privatebrowsing-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 378px, 18px, 360px); +} + +#navigator-toolbox:not([tabsontop]) #privatebrowsing-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 378px, 36px, 360px); +} + +#navigator-toolbox:not([tabsontop]) #find-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 396px, 18px, 378px); +} + +#navigator-toolbox:not([tabsontop]) #find-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 396px, 36px, 378px); +} + +#navigator-toolbox:not([tabsontop]) #print-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 414px, 18px, 396px); +} + +#navigator-toolbox:not([tabsontop]) #print-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 414px, 36px, 396px); +} + +#navigator-toolbox:not([tabsontop]) #fullscreen-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 432px, 18px, 414px); +} + +#navigator-toolbox:not([tabsontop]) #fullscreen-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 432px, 36px, 414px); +} + +#navigator-toolbox:not([tabsontop]) #developer-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 450px, 18px, 432px); +} + +#navigator-toolbox:not([tabsontop]) #developer-button[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([tabsontop]) #developer-button[cui-areatype="toolbar"][open="true"] { + -moz-image-region: rect(18px, 450px, 36px, 432px); +} + +#navigator-toolbox:not([tabsontop]) #preferences-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 468px, 18px, 450px); +} + +#navigator-toolbox:not([tabsontop]) #preferences-button[cui-areatype="toolbar"]:hover { + -moz-image-region: rect(18px, 468px, 36px, 450px); +} + +#navigator-toolbox:not([tabsontop]) #PanelUI-menu-button { + -moz-image-region: rect(0, 486px, 18px, 468px); +} + +#navigator-toolbox:not([tabsontop]) #PanelUI-menu-button:hover, +#navigator-toolbox:not([tabsontop]) #PanelUI-menu-button[open="true"] { + -moz-image-region: rect(18px, 486px, 36px, 468px); +} + +#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button { + -moz-image-region: rect(0, 504px, 18px, 486px); +} + +#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button:hover { + -moz-image-region: rect(18px, 504px, 36px, 486px); +} + +#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button { + -moz-image-region: rect(0, 522px, 18px, 504px); +} + +#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button:hover { + -moz-image-region: rect(18px, 522px, 36px, 504px); +} + +#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button { + -moz-image-region: rect(0, 540px, 18px, 522px); +} + +#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button:hover { + -moz-image-region: rect(18px, 540px, 36px, 522px); +} + +#navigator-toolbox:not([tabsontop]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button { + -moz-image-region: rect(0, 558px, 18px, 540px); +} + +#navigator-toolbox:not([tabsontop]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button:hover { + -moz-image-region: rect(18px, 558px, 36px, 540px); +} + +#navigator-toolbox:not([tabsontop]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button { + -moz-image-region: rect(0, 576px, 18px, 558px); +} + +#navigator-toolbox:not([tabsontop]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button:hover { + -moz-image-region: rect(18px, 576px, 36px, 558px); +} + +#navigator-toolbox:not([tabsontop]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) { + -moz-image-region: rect(0, 594px, 18px, 576px); +} + +#navigator-toolbox:not([tabsontop]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)):hover, +#navigator-toolbox:not([tabsontop]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem))[open="true"] { + -moz-image-region: rect(18px, 594px, 36px, 576px); +} + +#navigator-toolbox:not([tabsontop]) #nav-bar-overflow-button { + -moz-image-region: rect(0, 612px, 18px, 594px); +} + +#navigator-toolbox:not([tabsontop]) #nav-bar-overflow-button:hover, +#navigator-toolbox:not([tabsontop]) #nav-bar-overflow-button[open="true"] { + -moz-image-region: rect(18px, 612px, 36px, 594px); +} + +/* === END toolbarbuttons.inc.css === */ + +/* === BEGIN menupanel.inc.css === */ + +/* Menu panel and palette styles */ + +/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */ +:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, + #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button, + #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, + #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, + #PanelUI-menu-button, #characterencoding-button, #email-link-button)[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, + #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button, + #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, + #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, + #PanelUI-menu-button, #characterencoding-button, #email-link-button) { + list-style-image: url("chrome://browser/skin/menuPanel.png"); +} + +#home-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); +} + +#bookmarks-menu-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 160px, 32px, 128px); +} + +#bookmarks-menu-button[starred][cui-areatype="menu-panel"] { + -moz-image-region: rect(0px, 192px, 32px, 160px); +} + +#history-panelmenu[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 224px, 32px, 192px); +} + +#downloads-button[cui-areatype="menu-panel"], +#downloads-indicator[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 256px, 32px, 224px); +} + +#switch-to-metro-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button { + -moz-image-region: rect(0px, 800px, 32px, 768px); +} + +#add-ons-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 288px, 32px, 256px); +} + +#open-file-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 320px, 32px, 288px); +} + +#save-page-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 352px, 32px, 320px); +} + +#sync-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 384px, 32px, 352px); +} + +#feed-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 416px, 32px, 384px); +} + +#social-share-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 448px, 32px, 416px); +} + +#email-link-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0, 448px, 32px, 416px); +} + +/* This is temporary until we have an email-link icon (Bug 932235) */ +#email-link-button[cui-areatype="menu-panel"] > image, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button > image { + transform: scale(-1, -1); +} + +#characterencoding-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0px, 480px, 32px, 448px); +} + +#new-window-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); +} + +#new-tab-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 544px, 32px, 512px); +} + +#privatebrowsing-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 576px, 32px, 544px); +} + +#find-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 640px, 32px, 608px); +} + +#print-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 672px, 32px, 640px); +} + +#fullscreen-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 704px, 32px, 672px); +} + +#developer-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 736px, 32px, 704px); +} + +#preferences-button[cui-areatype="menu-panel"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 768px, 32px, 736px); +} + +/* Wide panel control icons */ + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: url("chrome://browser/skin/menuPanel-small.png"); +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 80px, 16px, 64px); +} + +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 96px, 16px, 80px); +} + +/* === END menupanel.inc.css === */ + .toolbarbutton-1 { list-style-image: url("chrome://browser/skin/FxToolbar.png"); } @@ -572,8 +1104,8 @@ toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolba toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { padding-top: 5px; padding-bottom: 7px; - -moz-padding-start: 0px; - -moz-padding-end: 2px; + -moz-padding-start: 2px; + -moz-padding-end: 0px; } toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, @@ -584,8 +1116,8 @@ toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .t :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { padding-top: 1px; padding-bottom: 12px; - -moz-padding-start: 0px; - -moz-padding-end: 2px; + -moz-padding-start: 2px; + -moz-padding-end: 0px; } toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] { @@ -684,6 +1216,8 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { border-bottom-left-radius: 0; } +/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */ +#urlbar-container > #back-button, window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button > #back-button { @@ -698,6 +1232,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(54px, 20px, 74px, 0); } +/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */ +#urlbar-container > #back-button[open="true"], window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button > #back-button:not([disabled="true"]):hover, @@ -707,6 +1243,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(54px, 40px, 74px, 20px); } +/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */ +#urlbar-container > #back-button[disabled="true"], window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button > #back-button[disabled="true"] { @@ -737,6 +1275,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* padding-top: 5px; */ } +/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */ +#urlbar-container > #forward-button, window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button > #forward-button { @@ -749,6 +1289,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon margin-bottom: 2px; } +/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */ +#urlbar-container > #forward-button:-moz-locale-dir(ltr), window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button > #forward-button:-moz-locale-dir(ltr) { @@ -756,6 +1298,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon border-bottom-right-radius: 11px; } +/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */ +#urlbar-container > #forward-button:-moz-locale-dir(rtl), window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button > #forward-button:-moz-locale-dir(rtl) { @@ -876,8 +1420,9 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 126px, 54px, 108px); } -#bookmarks-button, -#bookmarks-menu-button { +/* Remove section when Australis lands - this makes it only apply pre-Australis as tabsontop doesn't exist afterwards */ +#navigator-toolbox[tabsontop] #bookmarks-button, +#navigator-toolbox[tabsontop] #bookmarks-menu-button { list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */ -moz-image-region: rect(0, 144px, 18px, 126px); } @@ -1895,6 +2440,8 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- /* Tabstrip */ +/* Remove selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ +#navigator-toolbox:not([tabsontop]) > #TabsToolbar, #TabsToolbar { min-height: 0; padding: 0; @@ -3484,6 +4031,8 @@ window > chatbox { margin: 0; } +/* Customization mode */ + /* === END plugin-doorhanger.inc.css === */ #main-window[privatebrowsingmode=temporary] #toolbar-menubar { @@ -3501,3 +4050,202 @@ window > chatbox { width: 20px; height: 16px; } + +/* === BEGIN customizeMode.inc.css === */ + +/* Customization mode */ +#nav-bar[customize-entered] > #nav-bar-customization-target { + margin: 1px 3px; +} + +#nav-bar[customize-entered] > #nav-bar-customization-target, +#PanelUI-contents > .panel-customization-placeholder { + outline: 1px dashed transparent; +} + +#main-window[customizing-movingItem] #nav-bar-customization-target, +#main-window[customizing-movingItem] .panel-customization-placeholder { + outline-color: #9C9CFF; +} + +#PanelUI-contents > .panel-customization-placeholder { + cursor: auto; + outline-offset: -5px; +} + +#main-window[customize-entered] .customization-target { + min-width: 100px; + padding-left: 10px; + padding-right: 10px; +} + +#customization-container { + background-color: #000000; +} + +#customization-palette-container { + padding: 25px; +} + +#customization-header { + font-size: 1.5em; + line-height: 1.5em; + color: #9C9CFF; + font-weight: lighter; + margin-bottom: 1em; +} + +#customization-panel-container { + padding: 15px 25px 25px; + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"); + background-position: left top; + background-repeat: repeat; + background-size: auto; + background-attachment: fixed; +} + +toolbarpaletteitem { + transition: background-color, border-color, box-shadow, border-width; + transition-duration: 10ms, 10ms, 10ms, 250ms; + transition-timing-function: linear, linear, linear, ease-in-out; +} + +toolbarpaletteitem[mousedown] { + outline: 1px solid #008484; + cursor: -moz-grabbing; + opacity: 0.8; +} + +.panel-customization-placeholder, +toolbarpaletteitem[place="palette"], +toolbarpaletteitem[place="panel"] { + transition: background-color, border-color, box-shadow, transform; + transition-duration: 10ms, 10ms, 10ms, 250ms; + transition-timing-function: linear, linear, linear, ease-in-out; +} + +toolbarpaletteitem[notransition][place="palette"], +toolbarpaletteitem[notransition][place="panel"] { + transition: background-color, border-color, box-shadow; + transition-duration: 10ms, 10ms, 10ms; + transition-timing-function: linear, linear, linear; +} + +toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon { + transition: transform 50ms ease-in-out; +} + +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon { + transform: scale(1.1); +} + +/* Override the toolkit styling for items being dragged over. */ +toolbarpaletteitem[place="toolbar"] { + border-left-width: 0; + border-right-width: 0; + margin-right: 0; + margin-left: 0; +} + +#customization-palette:not([hidden]) { + margin-bottom: 25px; +} + +/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */ +#customization-palette > #wrapper-edit-controls, +:-moz-any(#customization-palette, #panelUI-contents) > #customization-palette > #wrapper-zoom-controls { + width: 225px; +} + +#wrapper-edit-controls[place="palette"] > .toolbarpaletteitem-box, +#wrapper-zoom-controls[place="palette"] > .toolbarpaletteitem-box { + width: 225px; + max-width: 225px; +} + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-edit-controls[place="palette"] > #edit-controls > separator, +:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton, +:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > separator { + margin-top: 24px; +} + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton { + margin-left: 0; + margin-right: 0; + max-width: 70px; + min-width: 70px; + max-height: 24px; + height: 24px; +} + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-text, +:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button > .toolbarbutton-text { + display: inline; +} + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, +:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + margin: 0; + -moz-margin-start: 5px; +} + +#customization-palette > toolbarpaletteitem > label { + text-align: center; + margin-left: 0; + margin-right: 0; +} + +/* === END customizeMode.inc.css === */ + +#main-window[customizing] { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"); + background-attachment: fixed; +} + +#main-window:-moz-any([customize-entering],[customize-entered]) #tab-view-deck { + padding: 0 2em 2em; +} + +#customization-container { + border-left: 1px solid #9C9CFF; + border-right: 1px solid #9C9CFF; + background-clip: padding-box; +} + +/* End customization mode */ + +#main-window[privatebrowsingmode=temporary] #TabsToolbar::after { + content: ""; + display: -moz-box; + width: 40px; + background: url("chrome://browser/skin/privatebrowsing-indicator.png") no-repeat center center; +} + +/* === BEGIN UITour.inc.css === */ + +/* UI Tour */ + +html|div#UITourHighlight { + border-radius: 20px; + border: 2px #9C9CFF solid; + min-height: 32px; + min-width: 32px; +} + +#UITourTooltip { + max-width: 20em; +} + +#UITourTooltipTitle { + font-size: 130%; + font-weight: bold; + margin: 0 0 5px 0; +} + +#UITourTooltipDescription { + max-width: 20em; +} + +/* === END UITour.inc.css === */ diff --git a/LCARStrek/browser/customizableui/customizeMode-gridTexture.png b/LCARStrek/browser/customizableui/customizeMode-gridTexture.png new file mode 100644 index 0000000000000000000000000000000000000000..dd57b359fd5e4440e9ae7d1fa808edf6d3473da5 GIT binary patch literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^av;pX1|+Qw)-3{3Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmP)4-=Cn|E&+#&I5%!JY5_^JdVGevXPfTf#-0P+=EuR zdGeNuI&XAbb+%nuJ8Aj}&7F_fC!H?4+(zPh1|;U1X?tq(f8uX;Msw cpnWp)o@4xXqReJS0?lObboFyt=akR{0CYw?T>t<8 literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css new file mode 100644 index 00000000..eb70a50b --- /dev/null +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -0,0 +1,543 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* === BEGIN panelUIOverlay.inc.css === */ + +.panel-subviews { + background-color: #000000; + -moz-margin-start: 38px; +} + +.panel-subviews:-moz-locale-dir(rtl) { +} + +.panel-viewstack[viewtype="main"] > .panel-subviews { + transform: translateX(21em); +} + +.panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) { + transform: translateX(-21em); +} + +.panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView { + -moz-box-flex: 1; +} + +#PanelUI-mainView { + display: flex; + flex-direction: column; +} + +#app-extension-point-end > #PanelUI-menu-button { + padding: 2px 5px; +} +#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-text { + display: none; +} +#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-icon { + margin: 0; +} + +#PanelUI-popup > arrowscrollbox > autorepeatbutton { + display: none; +} +#PanelUI-popup > arrowscrollbox > scrollbox { + overflow: visible; +} + +#PanelUI-popup > .panel-arrowcontainer > .panel-arrowcontent { + overflow: hidden; + padding: 0; +} + +#PanelUI-contents { + padding: .5em 0; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text, +#bookmarks-menu-button > toolbarbutton > .toolbarbutton-text, +:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarpaletteitem > toolbaritem > toolbarbutton > .toolbarbutton-text, +:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbaritem > toolbarbutton > .toolbarbutton-text, +:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarpaletteitem > toolbarbutton > .toolbarbutton-text, +:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarbutton > .toolbarbutton-text { + font-size: 10px; +} + +#wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls, +#wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls { + -moz-margin-start: 0; +} + +#PanelUI-contents, +.panel-mainview:not([panelid="PanelUI-popup"]) { + max-width: 21em; +} + +panelview:not([mainview]) .toolbarbutton-text, +#customizationui-widget-panel toolbarbutton > .toolbarbutton-text { + text-align: start; + -moz-padding-start: 8px; + display: -moz-box; +} + +#PanelUI-contents { + display: block; + flex: auto; + margin-left: auto; + margin-right: auto; + max-width: 21em; +} + +#PanelUI-contents-scroller { + overflow-y: auto; + overflow-x: hidden; + width: 21em; + padding-left: 5px; + padding-right: 5px; + flex: auto; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton > .toolbarbutton-icon, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton > .toolbarbutton-icon { + min-width: 0; + min-height: 0; + margin: 0; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item), +#PanelUI-contents toolbarbutton, +toolbarpaletteitem[place="panel"] > toolbarbutton, +toolbarpaletteitem[place="palette"] > toolbarbutton, +toolbarpaletteitem[place="panel"] > toolbaritem > toolbarbutton, +toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton, +.panel-customization-placeholder { + -moz-appearance: none; + -moz-box-orient: vertical; + min-width: 7em; + max-width: 7em; + height: 6em; + max-height: 6em; + padding: 0; + margin: 0; +} + +.panel-customization-placeholder[expand], +.panel-customization-placeholder[contract] { + transition-property: width; + transition-duration: 170ms; + transition-delay: 20ms; + transition-timing-function: ease-in-out; + min-width: 0; + max-width: none; +} + +.panel-combined-button[disabled] > .toolbarbutton-icon { + opacity: .5; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] { + width: 7em; + margin: 0 !important; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-widget) { + -moz-box-align: center; + -moz-box-pack: center; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe { + margin: calc(5em / 12) auto; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text { + text-align: center; +} + +.panel-customization-placeholder-child > .toolbarbutton-icon, +#bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +toolbarbutton[cui-areatype="menu-panel"] > .toolbarbutton-icon, +toolbaritem[cui-areatype="menu-panel"] > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem[place="palette"] > #bookmarks-menu-button > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +toolbarpaletteitem[place="palette"] > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton > .toolbarbutton-icon { + min-width: calc(8em / 3); + min-height: calc(8em / 3); + margin: calc(5em / 12); +} + +toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { + -moz-box-flex: 1; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-reset-button { + border-left: none; + border-right: none; + border-radius: 0; +} + +#zoom-in-button > .toolbarbutton-text, +#zoom-out-button > .toolbarbutton-text, +#zoom-reset-button > .toolbarbutton-icon { + display: none; +} + +#PanelUI-footer { + display: flex; + background-color: #000000; + border-top: 1px solid #9C9CFF; + padding: 0; + margin: 0; + min-height: 4em; +} + +#PanelUI-help, +#PanelUI-customize, +#PanelUI-quit { + margin: 0; + padding: 10px 0; + -moz-appearance: none; + box-shadow: none; + background-image: none; + border: 1px solid transparent; + border-bottom-style: none; + border-radius: 0; + transition: background-color; + -moz-box-orient: vertical; + flex: 1 1 33.33%; +} +:-moz-any(#PanelUI-help, #PanelUI-customize, #PanelUI-quit) > .toolbarbutton-icon { + margin: 0 0 3px; +} + +#PanelUI-customize { + list-style-image: url("chrome://browser/skin/menuPanel-customize.png"); +} + +#PanelUI-help { + -moz-border-start-style: none; + list-style-image: url("chrome://browser/skin/menuPanel-help.png"); +} + +#PanelUI-quit { + -moz-border-end-style: none; + list-style-image: url("chrome://browser/skin/menuPanel-exit.png"); +} + +#PanelUI-customize, +#PanelUI-help, +#PanelUI-quit { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#PanelUI-customize:hover, +#PanelUI-help:not([disabled]):hover, +#PanelUI-quit:not([disabled]):hover, +#PanelUI-customize:hover:active, +#PanelUI-help:not([disabled]):hover:active, +#PanelUI-quit:not([disabled]):hover:active { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#PanelUI-help[disabled], +#PanelUI-quit[disabled] { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#PanelUI-help:not([disabled]):hover, +#PanelUI-customize:hover, +#PanelUI-quit:not([disabled]):hover { +/* border-color: rgba(8,25,42,0.2); + border-top-color: rgba(8,25,42,0.1); + background-color: rgba(0,0,0,0.1); + box-shadow: none;*/ +} + +#main-window[customize-entered] #PanelUI-customize { + color: #FFCF00; + background-color: #008484; +} + +#main-window[customize-entered] #PanelUI-customize:hover, +#main-window[customize-entered] #PanelUI-customize:hover:active { + color: #000000; + background-color: #FFCF00; +} + +#customization-palette .toolbarbutton-text { + display: none; +} + +panelview toolbarbutton, +#widget-overflow-list > toolbarbutton, +.customizationmode-button, +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton, +#BMB_bookmarksPopup > menu, +#BMB_bookmarksPopup > menuitem { + -moz-appearance: none; + padding: 2px 6px; +/* background-color: hsla(210,4%,10%,0); + border-radius: 2px; + border: 1px solid; + border-color: hsla(210,4%,10%,0);*/ + transition-property: background-color, border-color; + transition-duration: 150ms; +} + +panelview .toolbarbutton-1, +#widget-overflow-list > toolbarbutton { + margin-top: 6px; +} +/* +panelview toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +#widget-overflow-list > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +.customizationmode-button, +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +#BMB_bookmarksPopup > menu:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +#BMB_bookmarksPopup > menuitem:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover { + background-color: hsla(210,4%,10%,.08); + border-color: hsla(210,4%,10%,.1); +} + +panelview toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +.customizationmode-button:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +#widget-overflow-list > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +#BMB_bookmarksPopup > menu:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +#BMB_bookmarksPopup > menuitem:not([disabled]):-moz-any([open],[checked="true"],:hover:active) { + background-color: hsla(210,4%,10%,.15); + border-color: hsla(210,4%,10%,.15); + box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset; +} +*/ +#BMB_bookmarksPopup > menu, +#BMB_bookmarksPopup > menuitem { + font: inherit; +} + +#BMB_bookmarksPopup > menu:not([disabled="true"]), +#BMB_bookmarksPopup > menuitem:not([disabled="true"]) { + color: inherit; +} + +#BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-up, +#BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-down { + -moz-appearance: none; + margin-top: 0; + margin-bottom: 0; +} + +panelview toolbarseparator, +#BMB_bookmarksPopup > menuseparator { + -moz-appearance: none; + min-height: 0; + border-top: 1px solid ThreeDShadow; + margin: 5px 0; +} + +#PanelUI-historyItems > toolbarbutton { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon, +#PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon, +#PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +#PanelUI-footer.panel-multiview-anchor, +#PanelUI-footer.panel-multiview-anchor > #PanelUI-help, +toolbarbutton.panel-multiview-anchor { +/* background-color: Highlight; + background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0)); + background-repeat: repeat-x; + color: HighlightText;*/ +} + +toolbarpaletteitem[place="palette"] > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker, +#bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-dropmarker { + display: none; +} + +#search-container[cui-areatype="menu-panel"] { + width: 21em; +} + +toolbarpaletteitem[place="palette"] > #search-container { + min-width: 7em; + width: 7em; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) { +/* background-color: hsla(210,4%,10%,0); + border-radius: 2px; + border: 1px solid; + border-color: hsla(210,4%,10%,0); + border-bottom-color: hsla(210,4%,10%,.1);*/ + padding: 0; + margin-bottom: -1px; + transition-property: background-color, border-color; + transition-duration: 150ms; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton { + border: 0; + padding: .5em; + margin: 0; + -moz-box-flex: 1; + /* reduce the width with 2px for each button to compensate for two separators + of 3px. */ + min-width: calc(7em - 2px); + max-width: calc(7em - 2px); + height: auto; + max-height: none; + -moz-box-orient: horizontal; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon { + opacity: .25; +} + +#zoom-controls[cui-areatype="toolbar"] > #zoom-reset-button > .toolbarbutton-text { + min-width: 7ch; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:-moz-locale-dir(ltr), +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:-moz-locale-dir(rtl), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button:-moz-locale-dir(ltr), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:-moz-locale-dir(rtl), +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:-moz-locale-dir(ltr), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button:-moz-locale-dir(rtl), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +#edit-controls > separator, +#zoom-controls > separator { + width: 3px; + -moz-box-align: stretch; +/* background-image: linear-gradient(to bottom, hsla(0,0%,100%,0), hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, hsla(0,0%,100%,0)), + linear-gradient(to bottom, hsla(210,54%,20%,0), hsla(210,54%,20%,.15) 40%, hsla(210,54%,20%,.15) 60%, hsla(210,54%,20%,0)), + linear-gradient(to bottom, hsla(0,0%,100%,0), hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, hsla(0,0%,100%,0)); + background-size: 1px, 1px, 1px; + background-position: 0 0, 1px 0, 2px 0; + background-repeat: no-repeat;*/ +} + +#widget-overflow > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#widget-overflow-scroller { + max-height: 30em; + overflow-y: auto; + overflow-x: hidden; + margin-top: 10px; + margin-bottom: 10px; +} + +#widget-overflow-list { + width: 21em; + padding-left: 10px; + padding-right: 10px; +} + +#widget-overflow-list > .overflowedItem { + width: 100%; + max-width: 21em; + min-height: 36px; + background-repeat: no-repeat; + background-position: 0 center; +} + +#widget-overflow-list > toolbarbutton, +#widget-overflow-list > toolbarbutton > toolbarbutton { + -moz-box-align: center; + -moz-box-orient: horizontal; +} + +#widget-overflow-list > toolbarbutton > .toolbarbutton-text, +#widget-overflow-list > #bookmarks-menu-button > toolbarbutton > .toolbarbutton-text { + text-align: start; + -moz-padding-start: .5em; +} + +#widget-overflow-list > #edit-controls, +#widget-overflow-list > #zoom-controls { + min-height: 28px; +} + +#PanelUI-developerItems > toolbarbutton[checked="true"], +#PanelUI-bookmarks > toolbarbutton[checked="true"], +.PanelUI-characterEncodingView-list > toolbarbutton[current] { + -moz-padding-start: 4px; +} + +#PanelUI-developerItems > toolbarbutton[checked="true"] > .toolbarbutton-text, +#PanelUI-bookmarks > toolbarbutton[checked="true"] > .toolbarbutton-text, +.PanelUI-characterEncodingView-list > toolbarbutton[current] > .toolbarbutton-text, +#customizationui-widget-panel .PanelUI-characterEncodingView-list > toolbarbutton[current] > .toolbarbutton-text { + -moz-padding-start: 0px; +} + +#BMB_bookmarksPopup > menuitem[checked="true"]::before, +#PanelUI-bookmarks > toolbarbutton[checked="true"]::before, +#PanelUI-developerItems > toolbarbutton[checked="true"]::before, +.PanelUI-characterEncodingView-list > toolbarbutton[current]::before { + content: "✓"; + display: -moz-box; + width: 12px; +} + +#PanelUI-bookmarks > toolbarbutton[checked="true"]::before, +#PanelUI-developerItems > toolbarbutton[checked="true"]::before, +.PanelUI-characterEncodingView-list > toolbarbutton[current]::before { + -moz-margin-end: -2px; +} + +#BMB_bookmarksPopup > menuitem[checked="true"] > .menu-iconic-left { + display: none; +} + +/* === END panelUIOverlay.inc.css === */ + +#PanelUI-contents #zoom-out-btn { + padding-left: 12px; + padding-right: 12px; +} + +#PanelUI-contents #zoom-in-btn { + padding-left: 12px; + padding-right: 12px; +} + +#BMB_bookmarksPopup > menu, +#BMB_bookmarksPopup > menuitem { + padding-top: 1px; + padding-bottom: 1px; +} + +#BMB_bookmarksPopup > menu > .menu-text, +#BMB_bookmarksPopup > menuitem > .menu-text, +#BMB_bookmarksPopup > menu > .menu-iconic-text, +#BMB_bookmarksPopup > menuitem > .menu-iconic-text, +#BMB_bookmarksPopup > menuseparator { + padding-top: 0; + padding-bottom: 0; +} diff --git a/LCARStrek/browser/menuPanel-customize.png b/LCARStrek/browser/menuPanel-customize.png new file mode 100644 index 0000000000000000000000000000000000000000..3dbe18836ed8d923515bbce7ac10e82df80727a5 GIT binary patch literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^20$#p#0(^L4~QrMDV_kI5Z6@QbRe@KV8j3O3`PvI zHvu_}B|(0{3=Yq3q=7g|-tI089jvk*Kn`btM`SSr1Gg{;GcwGYBLNg-FY)wsWxvbA z#AK>f-W-1wD5T-(;uyklJvl*v-9SDeA)y3_vksj8`G0<+qREuT#H(5*d=uFw@G<;u W5tJ?6u+a^uhr!d;&t;ucLK6U~d@qs! literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/menuPanel-exit.png b/LCARStrek/browser/menuPanel-exit.png new file mode 100644 index 0000000000000000000000000000000000000000..435012e375c541d73ab2a00f1655942259f3b4cc GIT binary patch literal 215 zcmeAS@N?(olHy`uVBq!ia0vp^20$#p#0(^L4~QrMDV_kI5Z6@QbRe@KV8j3O3`PvI zHvu_}B|(0{3=Yq3q=7g|-tI089jvk*Kn`btM`SSr1Gg{;GcwGYBLNg-FY)wsWxvbA z#AK@YAh0bKDCFYl;uyklJvl*vUE+g*0mlXd1C0U(%lbEx5>76X5@8vPmfz|nBwU;& zB({VxSpJchkceQGkk}!%pg3U4LWzbXlb1ltH299*cz8n&XdZ*7tDnm{r-UW|NqaPM literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/menuPanel-help.png b/LCARStrek/browser/menuPanel-help.png new file mode 100644 index 0000000000000000000000000000000000000000..c56d813e2481e67c92a06cde7dc243c789fdb221 GIT binary patch literal 220 zcmeAS@N?(olHy`uVBq!ia0vp^20$#p#0(^L4~QrMDV_kI5Z6@QbRe@KV8j3O3`PvI zHvu_}B|(0{3=Yq3q=7g|-tI089jvk*Kn`btM`SSr1Gg{;GcwGYBLNg-FY)wsWxvbA z#AG7n;TUHD6!P?RaSY+Oo}6%icLu+Kfq@ken=)Abk(ZE&V3v^BA;w^7X2!##q{PD` zCG|pvO`)CfL?T0RLzM&&i7lAjHoN&Y>yD|4j0{OO{LydAl|KRvW$<+Mb6Mw<&;$U1 C=G`P)XGmppcON&j9OksJH+C00DGTPE!Ct=GbNc0004EOGiWihy@);00009a7bBm z000XU000XU0RWnu7ytkO2XskIMF-ss0s{&#)BWb80004?Nkl^!lPn2=vld&inHl3X5&i7@FFo3EJZ1U5Af%X`JF@iwyBOa~ zIOGWKsKC2`N=Vsd2?ivN$z84r9RogW8Q>B!s&IaM0rvePKW!O}98Ti{U|qLO0Fsbo zD#i4uux{&iDkP@m<1}JuiE2Cnc*9NM0Z>}Pl!Q556uOTF%lHjCR+q1`E6j%~Jpk~> zRREZ&tDviK0UQYcQ5h~@qtIE`-|I?adK&*_A-q=AnUHM^Fdl~t!G#L!OGw#d2?ltM z-ZYfo63D2+`OyKOWi%3u#y5Z@B*4AmuzEzjW}cpZmGb&gp_TT zU_j&;ZA1Ajfs87g9~}T%Mk9;W_y&-KBx5PY35CeCe5^(cEmDo`8*U1H0H!3&@uJXe z2`uw(u=y&x!n~-`7yxFPSIEr)AS%P00000NkvXX Hu0mjfps?XT literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/menuPanel.png b/LCARStrek/browser/menuPanel.png new file mode 100644 index 0000000000000000000000000000000000000000..5fcf52cd2f00abb4b6c47c3e4443ab2d8bdae497 GIT binary patch literal 5214 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 fl2C~G^LcliM~%#@asfR + + + + + + + + + + + + + + + + + + + + + + + + @@ -97,6 +123,19 @@ + + + + + + + + + + + + -- 2.35.3