From e28f3f71465fc35bd3c71fae071ff71890271323 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Mon, 17 Mar 2014 03:01:27 +0100 Subject: [PATCH] more Australis update work --- LCARStrek/browser/browser.css | 270 +++++-- .../customize-illustration-rtl.png | Bin 0 -> 9418 bytes .../customizableui/customize-illustration.png | Bin 0 -> 9459 bytes .../customize-titleBar-toggle.png | Bin 0 -> 190 bytes .../customizableui/info-icon-customizeTip.png | Bin 0 -> 477 bytes .../menuPanel-customizeFinish.png | Bin 0 -> 229 bytes .../browser/customizableui/panelUIOverlay.css | 702 ++++++++++++++---- .../subView-arrow-back-inverted-rtl.png | Bin 0 -> 260 bytes .../subView-arrow-back-inverted.png | Bin 0 -> 176 bytes LCARStrek/browser/sync-horizontalbar.png | Bin 0 -> 468 bytes .../browser/syncProgress-horizontalbar.png | Bin 0 -> 472 bytes LCARStrek/customizemode.inc.css | 145 ++++ 12 files changed, 920 insertions(+), 197 deletions(-) create mode 100644 LCARStrek/browser/customizableui/customize-illustration-rtl.png create mode 100644 LCARStrek/browser/customizableui/customize-illustration.png create mode 100644 LCARStrek/browser/customizableui/customize-titleBar-toggle.png create mode 100644 LCARStrek/browser/customizableui/info-icon-customizeTip.png create mode 100644 LCARStrek/browser/customizableui/menuPanel-customizeFinish.png create mode 100644 LCARStrek/browser/customizableui/subView-arrow-back-inverted-rtl.png create mode 100644 LCARStrek/browser/customizableui/subView-arrow-back-inverted.png create mode 100644 LCARStrek/browser/sync-horizontalbar.png create mode 100644 LCARStrek/browser/syncProgress-horizontalbar.png create mode 100644 LCARStrek/customizemode.inc.css diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 61d7ba15..761dab91 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -4420,17 +4420,69 @@ notification.pluginVulnerable .messageImage { /* === BEGIN customizeMode.inc.css === */ /* Customization mode */ -#nav-bar[customize-entered] > #nav-bar-customization-target { - margin: 1px 3px; + +#main-window:-moz-any([customize-entering],[customize-entered]) #content-deck { + margin: 0 1em 1em; +} + +#main-window:-moz-any([customize-entering],[customize-entered]) #navigator-toolbox { + margin-left: 1em; + margin-right: 1em; } -#nav-bar[customize-entered] > #nav-bar-customization-target, +#main-window:-moz-any([customize-entering],[customize-exiting]) #tab-view-deck { + pointer-events: none; +} + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, #PanelUI-contents > .panel-customization-placeholder { + -moz-outline-radius: 2.5px; outline: 1px dashed transparent; } -#main-window[customizing-movingItem] #nav-bar-customization-target, -#main-window[customizing-movingItem] .panel-customization-placeholder { +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before { + /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */ + -moz-box-ordinal-group: 0; + content: ""; + display: -moz-box; + height: 100%; + left: 0; + outline-offset: -2px; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; +} + +/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the + #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the + offset from the bottom effectively the same as other targets (-2px). */ +#main-window[customize-entered] #TabsToolbar.customization-target::before { + top: -2px; +} + +/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)), +#main-window[customize-entered] #nav-bar-customization-target.customization-target { + position: relative; +} + +/* Most target outlines are shown on hover and drag over but the panel menu uses + placeholders instead. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +/* nav-bar and panel outlines are always shown */ +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + outline-color: #A09090; +} + +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + transition: outline-color 250ms linear; +} + +#PanelUI-contents[showoutline=true] > .panel-customization-placeholder { + transition: outline-color 250ms linear; outline-color: #9C9CFF; } @@ -4439,7 +4491,7 @@ notification.pluginVulnerable .messageImage { outline-offset: -5px; } -#main-window[customize-entered] .customization-target { +#main-window[customizing] .customization-target:not(#PanelUI-contents) { min-width: 100px; padding-left: 10px; padding-right: 10px; @@ -4449,8 +4501,9 @@ notification.pluginVulnerable .messageImage { background-color: #000000; } -#customization-palette-container { - padding: 25px; +#customization-palette, +#customization-empty { + padding: 0 15px 15px; } #customization-header { @@ -4459,10 +4512,51 @@ notification.pluginVulnerable .messageImage { color: #9C9CFF; font-weight: lighter; margin-bottom: 1em; + padding: 15px 15px 0; } #customization-panel-container { - padding: 15px 25px 25px; + padding: 10px 10px 0px; +} + +#customization-footer { + /*background-color: rgb(236,236,236);*/ + border-top: 1px solid #9C9CFF; + padding: 15px; +} + +.customizationmode-button { + margin: 0; +} + +.customizationmode-button:hover { +} + +.customizationmode-button[disabled="true"] { +} + +#customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png"); + -moz-image-region: rect(0, 24px, 24px, 0); + padding: 2px 7px; + -moz-margin-end: 10px; +} + +#customization-titlebar-visibility-button > .button-box > .button-text { + /* Sadly, button.css thinks its margins are perfect for everyone. */ + -moz-margin-start: 6px !important; +} + +#customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 48px, 24px, 24px); + background-color: #008484; +} + +#customization-undo-reset-button { + -moz-margin-end: 10px; +} + +#main-window[customize-entered] #customization-panel-container { background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"); background-position: left top; background-repeat: repeat; @@ -4470,10 +4564,8 @@ notification.pluginVulnerable .messageImage { 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[place="toolbar"] { + transition: border-width 250ms ease-in-out; } toolbarpaletteitem[mousedown] { @@ -4485,23 +4577,37 @@ toolbarpaletteitem[mousedown] { .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; + transition: transform .3s ease-in-out; +} + +#customization-palette { + transition: opacity .3s ease-in-out; + opacity: 0; } +#customization-palette[showing="true"] { + opacity: 1; +} + +toolbarpaletteitem[notransition].panel-customization-placeholder, +toolbarpaletteitem[notransition][place="toolbar"], 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; + transition: none; } -toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon { - transition: transform 50ms ease-in-out; +toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem > toolbaritem.panel-wide-item, +toolbarpaletteitem > toolbarbutton[type="menu-button"] { + transition: transform .3s cubic-bezier(.6, 2, .75, 1.5) !important; } toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon { + transform: scale(1.3); +} + +toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item, +toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] { transform: scale(1.1); } @@ -4517,44 +4623,42 @@ toolbarpaletteitem[place="toolbar"] { 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-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator { + margin-top: 20px; } +/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */ #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-width: 24px; + min-width: 24px; max-height: 24px; height: 24px; + padding: 4px; } -#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, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } -#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; +#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon { + opacity: 1; /* To ensure these buttons always look enabled in customize mode */ +} + +:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button, +:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator { + display: none; +} + +#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks { + -moz-box-pack: center; + min-height: 48px; } #customization-palette > toolbarpaletteitem > label { @@ -4565,6 +4669,82 @@ toolbarpaletteitem[place="toolbar"] { /* === END customizeMode.inc.css === */ +/* === BEGIN customizeTip.inc.css === */ + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; + margin: 0; + min-width: 400px; + max-width: 1000px; + min-height: 200px; + border-radius: 3px; +/* background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);*/ + border: 1px solid #9C9CFF; +} + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) { +/* background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%);*/ +} + +.customization-tipPanel-infoBox { + margin: 20px 25px 25px; + width: 25px; + background-image: url("chrome://browser/skin/customizableui/info-icon-customizeTip.png"); + background-repeat: no-repeat; +} + +.customization-tipPanel-content { + margin: 25px 0; + font-size: 12px; + line-height: 18px; +} + +.customization-tipPanel-em { + margin: 0; + font-weight: bold; +} + +.customization-tipPanel-contentImage { + margin-top: 25px; + list-style-image: url("chrome://browser/skin/customizableui/customize-illustration.png"); + min-width: 300px; + max-width: 300px; + min-height: 190px; + max-height: 190px; + display: -moz-box; +} + +.customization-tipPanel-contentImage:-moz-locale-dir(rtl) { + list-style-image: url("chrome://browser/skin/customizableui/customize-illustration-rtl.png"); +} + +.customization-tipPanel-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: #3333FF; + margin: 0; + cursor: pointer; +} + +.customization-tipPanel-link > .button-box > .button-text { + margin: 0 !important; +} + +.customization-tipPanel-closeBox > .close-icon { + -moz-appearance: none; + border: 0; + -moz-margin-end: -25px; +} + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); +} + +/* === END customizeTip.inc.css === */ + #main-window[customizing] { background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"); background-attachment: fixed; diff --git a/LCARStrek/browser/customizableui/customize-illustration-rtl.png b/LCARStrek/browser/customizableui/customize-illustration-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..42ef805bde99e28339c66132bf4bc456e283d0a9 GIT binary patch literal 9418 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 literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/customizableui/customize-illustration.png b/LCARStrek/browser/customizableui/customize-illustration.png new file mode 100644 index 0000000000000000000000000000000000000000..b71fe496b32d01aed953c2f4c577302ad5ae1f50 GIT binary patch literal 9459 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
  • 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 literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/customizableui/customize-titleBar-toggle.png b/LCARStrek/browser/customizableui/customize-titleBar-toggle.png new file mode 100644 index 0000000000000000000000000000000000000000..230d7d1eac24b18f730397ff972d374ea08eec04 GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^20$#q#0(@4PM+ouq&Ne7LR_mEDi%zb@c%r+%1un0 zfP#!AL4Lsu4$p3+fjCLt?k)@+tg;>;{XE)7O>#96(v>5R<66PmP|3zoGpIZA{`I`XwhnaGIb bKW1SlGtbfQaXsV!)XCuK>gTe~DWM4fvT`h? literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/customizableui/info-icon-customizeTip.png b/LCARStrek/browser/customizableui/info-icon-customizeTip.png new file mode 100644 index 0000000000000000000000000000000000000000..ef70e1ed90456204dcec41c8f1b4e2d29842b585 GIT binary patch literal 477 zcmV<30V4j1P)P000>X1^@s6#OZ}&00006VoOIv0RI60 z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-UAT<7%7U5_tyXb0cuG^ zK~zY`y_TVF0znXlzg=n?(qL;E6dHv>QPW^5NI+E21Jt1_aXi5JCM7{&NDZzERgEGQ zZE%D%s0%eer6D=?XxV<|?)LU(GB>mHkK+JIvbg|SKoh6|WuO40z#NzYV_<0JR#|pj zhVgTt3)}-G!YqM4&@*%EppzuoRDl6d;do|1+swUYI!ThvH828-{GLzX*33<|3w|$x zkb`&NQP(Vrz)1FXPLzW|z(ESs%-o%dAPqPg$nJL}-5fbs0}I_R^n8el?BZ0WZ#k>z zNfEb!PR^>kI@38QzGWv^dKf<4-9oOW3U8P(C(js z58x8G2?$qxtC0Vzi~xF3|HH4FDT2w*MZdpGAy$EhBdTtx{nh;;B6B1<_1yIZdRTFx TG+`rc00000NkvXXu0mjfd!WgJ literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/customizableui/menuPanel-customizeFinish.png b/LCARStrek/browser/customizableui/menuPanel-customizeFinish.png new file mode 100644 index 0000000000000000000000000000000000000000..ed1367e5902edecac32e88f453aa4187b0baebcc GIT binary patch literal 229 zcmeAS@N?(olHy`uVBq!ia0vp^20$#p#0(^L4~QrMDV_kI5Z9AWW&oKD0UQ3GXDEqZ zehSE8ED7=pW^j0RBMrn!@^*J&=wOxg0CG4BJR*x37`TN&n2}-D90{Nxdx@v7EBifW zK}HUPCF;IzK%pQ{7sn8e>&XcU+y=~s$^yoX7Jt|!BqC%bBz8zO$W$wcu_oy%*nMbk zJgC^xxG<45;P`WXo}NZV9-nS8hSYz|TU(g6u5r44=m7H(9fvcH^A0nlY4cX!Q`Fo9 PG@ZfI)z4*}Q$iB}$eTSW literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index cb3d4650..10a7c480 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -8,14 +8,18 @@ border-radius: 4px; } +#PanelUI-button { +} + +#PanelUI-button:-moz-locale-dir(rtl) { +} + .panel-subviews { + padding: 4px; background-color: #000000; -moz-margin-start: 38px; } -.panel-subviews:-moz-locale-dir(rtl) { -} - .panel-viewstack[viewtype="main"] > .panel-subviews { transform: translateX(21em); } @@ -28,8 +32,43 @@ -moz-box-flex: 1; } +.panel-subview-body { + overflow-y: auto; + overflow-x: hidden; + -moz-box-flex: 1; +} + +#PanelUI-popup .panel-subview-body { + margin: -4px; + padding: 2px 4px; +} + +.panel-subview-header, +.subviewbutton.panel-subview-footer { + padding: 3px; +} + +.panel-subview-header { + margin: 0 0 4px; + background-color: #A09090; + color: #000000; + border-radius: 4px; +} + +.panel-subview-footer { + border-top: 1px solid #A09090; +} + +.cui-widget-panelview .panel-subview-header { + display: none; +} + +.cui-widget-panelview .subviewbutton.panel-subview-footer { + margin: 4px 0 0; + -moz-box-pack: center; +} + #PanelUI-mainView { - background-color: #000000; display: flex; flex-direction: column; border-radius: 4px; @@ -81,12 +120,20 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-it } panelview:not([mainview]) .toolbarbutton-text, -#customizationui-widget-panel toolbarbutton > .toolbarbutton-text { +.cui-widget-panel toolbarbutton > .toolbarbutton-text { text-align: start; -moz-padding-start: 8px; display: -moz-box; } +.cui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +.cui-widget-panel.cui-widget-panelWithFooter > .panel-arrowcontainer > .panel-arrowcontent { + padding-bottom: 0; +} + #PanelUI-contents { display: block; flex: auto; @@ -99,83 +146,166 @@ panelview:not([mainview]) .toolbarbutton-text, 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 { +.toolbaritem-combined-buttons:-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 { +.panelUI-grid .toolbarbutton-1, +.panel-customization-placeholder-child { -moz-appearance: none; -moz-box-orient: vertical; - min-width: 7em; - max-width: 7em; - height: 6em; - max-height: 6em; + width: calc(7em - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */ + height: calc(51px + 2.2em); +} + +/* Help SDK buttons fit in. */ +toolbarpaletteitem[place="palette"] > toolbarbutton[sdk-button="true"] > .toolbarbutton-icon, +toolbarbutton[sdk-button="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon { + height: 32px; + width: 32px; +} + +.customization-palette .toolbarbutton-1 { + -moz-appearance: none; + -moz-box-orient: vertical; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-appearance: none; + -moz-box-orient: vertical; + width: calc(7em - 2px); + height: calc(49px + 2.2em); + border: 0; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text { + margin-top: 2px; /* Hack needed to get the label of type=menu-button aligned with other buttons */ +} + +.panel-customization-placeholder-child { + margin: 6px 0 0; +/* padding: 2px 6px;*/ +} + +.panelUI-grid .toolbarbutton-1[type="menu"] { + background-image: url("chrome://global/skin/arrow/arrow-down-sharp.gif"); + background-position: right 3px top 16px; + background-repeat: no-repeat; +} + +.panelUI-grid .toolbarbutton-1[type="menu"]:-moz-locale-dir(rtl) { + background-position: left 3px top 16px; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menu-dropmarker { + display: none; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-box-align: center; + width: 16px; + -moz-margin-start: -16px; + height: 51px; + margin-bottom: 2.2em; 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; +.panelUI-grid .toolbarbutton-1:not([buttonover]):not([disabled]):-moz-any([open],:hover:active) > .toolbarbutton-menubutton-dropmarker { + border-radius: 0 0 0 2px; +} + +.panelUI-grid .toolbarbutton-1:not([buttonover]):not([disabled]):-moz-any([open],:hover:active)> .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) { + border-radius: 0 0 2px 0; } .panel-combined-button[disabled] > .toolbarbutton-icon { /* opacity: .5; */ } -toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] { +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) { width: 7em; margin: 0 !important; } -toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-widget) { +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) { -moz-box-align: center; -moz-box-pack: center; } toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe { - margin: calc(5em / 12) auto; + margin: 4px auto; +} + +/* + * XXXgijs: this is a workaround for a layout issue that was caused by these iframes, + * which was affecting subview display. Because of this, we're hiding the iframe *only* + * when displaying a subview. The discerning user might notice this, but it's not nearly + * as bad as the brokenness. + * This hack should be removed once https://bugzilla.mozilla.org/show_bug.cgi?id=975375 + * is addressed. + */ +#PanelUI-multiView[viewtype="subview"] toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > iframe { + visibility: hidden; } 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); +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-icon, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container, +.customization-palette .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +.customization-palette .toolbarbutton-1 > .toolbarbutton-icon, +.panelUI-grid #bookmarks-toolbar-placeholder > .toolbarbutton-icon, +.customization-palette #bookmarks-toolbar-placeholder > .toolbarbutton-icon, +.panel-customization-placeholder-child > .toolbarbutton-icon { + min-width: 32px; + min-height: 32px; + /* Explanation for the below formula (A / B - C) + A + Each button is 7em (menuPanelButtonWidth) wide + B + Each button has two margins. + C (44px / 2 = 22px) + The button icon is 32 pixels wide. + The button has 12px of horizontal padding (6 on each side). + The button has 0px of horizontal border (0 on each side). + Total width of button's icon + button padding should therefore be 44px, + which means each horizontal margin should be the half the button's width - (44/2) px. + */ + margin: 4px calc(7em / 2 - 22px); +} + +/* above we treat the container as the icon for the margins, that is so the +/* badge itself is positioned correctly. Here we make sure that the icon itself +/* has the minum size we want, but no padding/margin. */ +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon { + min-width: 32px; + min-height: 32px; + margin: 0; + padding: 0; } toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { -moz-box-flex: 1; } +#personal-bookmarks[overflowedItem=true] > #bookmarks-toolbar-placeholder { + -moz-box-flex: 1; +} + +#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + -moz-margin-end: 2px; +} + #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; @@ -191,35 +321,65 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-footer { display: flex; - border-top: 1px solid #9C9CFF; + flex-shrink: 0; + flex-direction: column; +/* background-color: hsla(210,4%,10%,.07);*/ padding: 0; margin: 0; - min-height: 4em; +/* min-height: 4em;*/ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +#PanelUI-footer-inner { + display: flex; + border-top: 1px solid #9C9CFF; +} + +#PanelUI-footer-inner > toolbarseparator { + border: 0; + border-left: 1px solid #9C9CFF; + margin: 0; +} + +#PanelUI-footer-inner:hover > toolbarseparator { +/* margin: 0;*/ +} + #PanelUI-help, +#PanelUI-fxa-status, #PanelUI-customize, #PanelUI-quit { margin: 0; padding: 10px 0; - -moz-appearance: none; + min-height: 2em; box-shadow: none; background-image: none; - border: 1px solid transparent; - border-bottom-style: none; + border: none; border-radius: 0; transition: background-color; -moz-box-orient: horizontal; } +#PanelUI-fxa-status { + border-top: 1px solid #9C9CFF; + border-bottom: 1px solid transparent; + margin-bottom: -1px; +} + +#PanelUI-fxa-status > .toolbarbutton-text { + width: 0; /* Fancy cropping solution for flexbox. */ +} + #PanelUI-help, #PanelUI-quit { - min-width: 46px; + min-width: 44px; } +#PanelUI-fxa-status > .toolbarbutton-text, #PanelUI-customize > .toolbarbutton-text { + margin: 0; + padding: 0 6px; text-align: start; } @@ -237,9 +397,24 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { flex: 1; -moz-padding-start: 15px; -moz-border-start-style: none; +} + +#PanelUI-fxa-status { + list-style-image: url("chrome://browser/skin/sync-horizontalbar.png"); +} + +#PanelUI-fxa-status[status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-horizontalbar.png"); +} + +#PanelUI-customize { list-style-image: url("chrome://browser/skin/menuPanel-customize.png"); } +#customization-panelHolder #PanelUI-customize { + list-style-image: url("chrome://browser/skin/customizableui/menuPanel-customizeFinish.png"); +} + #PanelUI-help { list-style-image: url("chrome://browser/skin/menuPanel-help.png"); } @@ -249,6 +424,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { list-style-image: url("chrome://browser/skin/menuPanel-exit.png"); } +#PanelUI-fxa-status, #PanelUI-customize, #PanelUI-help, #PanelUI-quit { @@ -269,76 +445,161 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { -moz-image-region: rect(0, 48px, 16px, 32px); } +#PanelUI-fxa-status:not([disabled]):hover, #PanelUI-help:not([disabled]):hover, #PanelUI-customize:hover, #PanelUI-quit:not([disabled]):hover { } -#main-window[customize-entered] #PanelUI-customize { +#PanelUI-fxa-status:not([disabled]):hover:active, +#PanelUI-help:not([disabled]):hover:active, +#PanelUI-customize:hover:active, +#PanelUI-quit:not([disabled]):hover:active { +} + +#PanelUI-fxa-status:not([disabled]):hover, +#PanelUI-fxa-status:not([disabled]):hover:active { +} + +#PanelUI-quit:not([disabled]):hover { +/* background-color: #d94141; + outline-color: #c23a3a;*/ +} + +#PanelUI-quit:not([disabled]):hover:active { +/* background-color: #ad3434; + outline-color: #992e2e;*/ +} + +#customization-panelHolder #PanelUI-customize { color: #FFCF00; background-color: #008484; + text-shadow: none; + margin-top: -1px; } -#main-window[customize-entered] #PanelUI-customize:hover, -#main-window[customize-entered] #PanelUI-customize:hover:active { - color: #000000; +#customization-panelHolder #PanelUI-customize + toolbarseparator { + display: none; +} + +#customization-panelHolder #PanelUI-customize:hover, +#customization-panelHolder #PanelUI-customize:hover:active { background-color: #FFCF00; + color: #000000; } +#customization-palette .toolbarbutton-multiline-text, #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; +panelview .toolbarbutton-1, +.subviewbutton, +.widget-overflow-list .toolbarbutton-1, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button, +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton { +/* padding: 2px 6px; + background-color: hsla(210,4%,10%,0); + border-radius: 2px; + border-style: solid; + border-color: hsla(210,4%,10%,0);*/ transition-property: background-color, border-color; transition-duration: 150ms; } panelview .toolbarbutton-1, -#widget-overflow-list > toolbarbutton { +.subviewbutton, +.widget-overflow-list .toolbarbutton-1, +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton { + border-width: 0; +} + +.subviewbutton.panel-subview-footer { + border-radius: 0; + border: none; +} + +.subviewbutton.panel-subview-footer > .toolbarbutton-text, +.subviewbutton.panel-subview-footer > .menu-text { + -moz-padding-start: 0; + -moz-padding-end: 12px; + -moz-box-flex: 0; +} + +.subviewbutton:not(.panel-subview-footer) { +/* margin: 2px 0;*/ +} + +.subviewbutton:not(.panel-subview-footer) > .toolbarbutton-text, +/* Bookmark items need a more specific selector. */ +.PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-text, +.PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-iconic-text { +/* font-size: 1.1em;*/ +} + +.cui-widget-panelview .subviewbutton:not(.panel-subview-footer) { + margin-left: 4px; + margin-right: 4px; +} + +panelview .toolbarbutton-1, +.widget-overflow-list .toolbarbutton-1 { 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 { +panelview toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +toolbarbutton.subviewbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], +menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], +.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) + > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover { background-color: hsla(210,4%,10%,.08); - border-color: hsla(210,4%,10%,.1); + border-color: hsla(210,4%,10%,.11); +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):hover { + border-color: hsla(210,4%,10%,.11); } -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) { +panelview .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +menu.subviewbutton:not([disabled])[_moz-menuactive]:active, +menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active, +.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) + > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active) { + background-color: hsla(210,4%,10%,.12); + border-color: hsla(210,4%,10%,.14); + box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset; +} + +.subviewbutton.panel-subview-footer { + margin: 4px -4px -4px; + background-color: hsla(210,4%,10%,.07); + border-top: 1px solid hsla(210,4%,10%,.12); + border-radius: 0; + color: hsl(0,0%,25%) +} + +.subviewbutton.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover { + background-color: hsla(210,4%,10%,.1); + border-top: 1px solid hsla(210,4%,10%,.12); +} + +.subviewbutton.panel-subview-footer: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; + border-top: 1px solid hsla(210,4%,10%,.12); + box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset; } -#BMB_bookmarksPopup > menu, -#BMB_bookmarksPopup > menuitem { +#BMB_bookmarksPopup .subviewbutton { font: inherit; + font-weight: normal; } -#BMB_bookmarksPopup > menu:not([disabled="true"]), -#BMB_bookmarksPopup > menuitem:not([disabled="true"]) { +#BMB_bookmarksPopup .subviewbutton:not([disabled="true"]) { color: inherit; } @@ -349,14 +610,55 @@ panelview toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover: margin-bottom: 0; } -panelview toolbarseparator, -#BMB_bookmarksPopup > menuseparator { +/ Remove padding on xul:arrowscrollbox to avoid extra padding on footer / +#BMB_bookmarksPopup arrowscrollbox { + padding-bottom: 0px; +} + +#BMB_bookmarksPopup menupopup { + padding-top: 2px; +} + +#BMB_bookmarksPopup menupopup > .bookmarks-actions-menuseparator { + / Hide bottom separator as the styled footer includes a top border serving the same purpose / + display: none; +} +*/ + +.PanelUI-subView menuseparator, +.PanelUI-subView toolbarseparator, +.cui-widget-panelview menuseparator { -moz-appearance: none; min-height: 0; - border-top: 1px solid ThreeDShadow; - margin: 5px 0; + border-top: 1px solid #9C9CFF; + margin: 2px 0; + padding: 0; } -*/ + +.PanelUI-subView menuseparator, +.PanelUI-subView toolbarseparator { +/* -moz-margin-start: -5px; + -moz-margin-end: -4px;*/ +} + +.PanelUI-subView menuseparator.small-separator, +.PanelUI-subView toolbarseparator.small-separator { + margin-left: 5px; + margin-right: 5px; +} + +.cui-widget-panelview menuseparator.small-separator { + margin-left: 10px; + margin-right: 10px; +} + +.subviewbutton > .menu-accel-container { + -moz-box-pack: start; + -moz-margin-start: 10px; + -moz-margin-end: auto; +/* color: hsl(0,0%,50%);*/ +} + #PanelUI-historyItems > toolbarbutton { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } @@ -368,51 +670,77 @@ panelview toolbarseparator, height: 16px; } -#PanelUI-footer.panel-multiview-anchor, -#PanelUI-footer.panel-multiview-anchor > #PanelUI-help, -toolbarbutton.panel-multiview-anchor { +#PanelUI-footer > #PanelUI-footer-inner[panel-multiview-anchor=true], +toolbarbutton[panel-multiview-anchor=true] { background-color: #008484; } -toolbarpaletteitem[place="palette"] > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker, +toolbarbutton[panel-multiview-anchor=true] { + background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png"); + background-position: right 5px center; + background-repeat: no-repeat; +} + +toolbarbutton[panel-multiview-anchor=true]:-moz-locale-dir(rtl) { + background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png"); + background-position: left 5px center; +} + +#PanelUI-footer > #PanelUI-footer-inner[panel-multiview-anchor=true], +toolbarbutton[panel-multiview-anchor=true], +toolbarbutton[panel-multiview-anchor=true] > .toolbarbutton-menubutton-button { + color: #000000; +} + +toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker, #bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-dropmarker { display: none; } -#search-container[cui-areatype="menu-panel"] { +#search-container[cui-areatype="menu-panel"], +#wrapper-search-container[place="panel"] { width: 21em; } +#search-container[cui-areatype="menu-panel"] { + margin-top: 6px; + margin-bottom: 6px; +} + 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) { +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) { 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 { +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton { border: 0; padding: .5em; - margin: 1px; + 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; + min-width: 7em; + max-width: 7em; + /* We'd prefer to use height: auto here but it leads to layout bugs in the panel. Cope: + 1.2em for line height + 2 * .5em padding + margin on the label (2 * 2px) */ + height: calc(2.2em + 4px); 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 { +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-reset-button { + /* reduce the width with 2px for this button to compensate for two separators + of 1px. */ + min-width: calc(7em - 2px); + max-width: calc(7em - 2px); +} + +#main-window:not([customizing]) .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon { /* opacity: .25; */ } @@ -436,20 +764,38 @@ toolbarpaletteitem[place="palette"] > #search-container { border-bottom-left-radius: 0; } -#edit-controls > separator, -#zoom-controls > separator { +.toolbaritem-combined-buttons > separator { + -moz-appearance: none; width: 3px; -moz-box-align: stretch; } +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > separator { + margin: .5em 0; + width: 1px; + height: auto; +/* background: hsla(210,4%,10%,.15);*/ + transition-property: margin; + transition-duration: 10ms; + transition-timing-function: ease; +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):hover > separator { + margin: 0; +} + #widget-overflow > .panel-arrowcontainer > .panel-arrowcontent { padding: 0; } +.cui-widget-panelview, #widget-overflow-scroller { - max-height: 30em; overflow-y: auto; overflow-x: hidden; +} + +#widget-overflow-scroller { + max-height: 30em; margin-top: 10px; margin-bottom: 10px; } @@ -468,57 +814,47 @@ toolbarpaletteitem[place="palette"] > #search-container { background-position: 0 center; } -#widget-overflow-list > toolbarbutton, -#widget-overflow-list > toolbarbutton > toolbarbutton { +.widget-overflow-list .toolbarbutton-1, +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-box-align: center; -moz-box-orient: horizontal; } -#widget-overflow-list > toolbarbutton > .toolbarbutton-text, -#widget-overflow-list > #bookmarks-menu-button > toolbarbutton > .toolbarbutton-text { +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-text, +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text { text-align: start; -moz-padding-start: .5em; } -#widget-overflow-list > #edit-controls, -#widget-overflow-list > #zoom-controls { +#widget-overflow-list > .toolbaritem-combined-buttons { min-height: 28px; } -#PanelUI-developerItems > toolbarbutton[checked="true"], -#PanelUI-bookmarks > toolbarbutton[checked="true"], -#PanelUI-history > toolbarbutton[checked="true"], -.PanelUI-characterEncodingView-list > toolbarbutton[current] { - -moz-padding-start: 4px; +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button::after { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; } -#PanelUI-developerItems > toolbarbutton[checked="true"] > .toolbarbutton-text, -#PanelUI-bookmarks > toolbarbutton[checked="true"] > .toolbarbutton-text, -#PanelUI-history > 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; +.subviewbutton[checked="true"] { + background-image: url("chrome://global/skin/menu/menu-check.gif"); + background-position: top 5px left 4px; + background-repeat: no-repeat; } -#BMB_bookmarksPopup > menuitem[checked="true"]::before, -#PanelUI-bookmarks > toolbarbutton[checked="true"]::before, -#PanelUI-history > toolbarbutton[checked="true"]::before, -#PanelUI-developerItems > toolbarbutton[checked="true"]::before, -.PanelUI-characterEncodingView-list > toolbarbutton[current]::before { - content: "✓"; - display: -moz-box; - width: 12px; +.subviewbutton[checked="true"]:hover { + background-image: url("chrome://global/skin/menu/menu-check-hover.gif"); } -#PanelUI-bookmarks > toolbarbutton[checked="true"]::before, -#PanelUI-history > toolbarbutton[checked="true"]::before, -#PanelUI-developerItems > toolbarbutton[checked="true"]::before, -.PanelUI-characterEncodingView-list > toolbarbutton[current]::before { - -moz-margin-end: -2px; +.PanelUI-subView .menu-iconic-left { + -moz-appearance: none; + -moz-margin-end: 3px; } - -#BMB_bookmarksPopup > menuitem[checked="true"] > .menu-iconic-left { - display: none; + +.PanelUI-subView menuitem[checked="true"] > .menu-iconic-left { + visibility: hidden; } /* === END panelUIOverlay.inc.css === */ @@ -533,17 +869,79 @@ toolbarpaletteitem[place="palette"] > #search-container { padding-right: 12px; } -#BMB_bookmarksPopup > menu, -#BMB_bookmarksPopup > menuitem { - padding-top: 1px; - padding-bottom: 1px; +/* bookmark panel submenus */ + +#BMB_bookmarksPopup menupopup { + background: transparent; + border: none; + padding: 6px; } -#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 { +#BMB_bookmarksPopup menupopup > hbox { + /* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */ +/* background: #FFF; + border: 1px solid rgba(0,0,0,0.25); + border-radius: 3.5px; + margin-top: -4px;*/ +} + +#BMB_bookmarksPopup .menu-text { +/* color: #000;*/ +} + +/* bookmark panel separator */ +#BMB_bookmarksPopup menuseparator { padding-top: 0; padding-bottom: 0; } + +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-appearance: none; + border: 0; + -moz-margin-start: 3px; +} + +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + padding: 0 2px; + -moz-padding-start: 0; + height: 18px; +} + +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + padding: 0 6px; +} + +.subviewbutton > .toolbarbutton-text { + -moz-padding-start: 16px; +} + +.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text { + -moz-padding-start: 0; +} + +.subviewbutton.bookmark-item > .toolbarbutton-icon { + -moz-margin-start: 3px; +} + +/* subviewbutton entries for social sidebars have images that come from external +/* sources, and are not guaranteed to be the size we want, so force the size on +/* those icons. */ +toolbarbutton.social-provider-menuitem > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item)[checked="true"] > .toolbarbutton-icon { + visibility: hidden; +} +/* +menu.subviewbutton > .menu-right { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/places/bookmarks-menu-arrow.png"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +menu[disabled="true"].subviewbutton > .menu-right { + -moz-image-region: rect(0, 32px, 16px, 16px); +} +*/ \ No newline at end of file diff --git a/LCARStrek/browser/customizableui/subView-arrow-back-inverted-rtl.png b/LCARStrek/browser/customizableui/subView-arrow-back-inverted-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..c8dee2893107971ad3f3de6fff0f1d38e96f7d78 GIT binary patch literal 260 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPqvmk?k;*C?gD}X{1JzX3_EKVmUNX&ci|NnoU|L2YW z0BL*2tv(U1`Ud~nFShU;%xdtgR8iiP_yfp1urzzShY^c*!c@aFgYP|!EvzER!N)t! zPuM(touS0vt4-M{CPzZfx9F=)FfC@EWjsl)H{i_rEZ-z6hf6wZ65XquCS52^`cXgc x;r>0H>ddQq4CA);>_}o@tFyPXKJl5C;q(PRo=ZNL^ns3J@O1TaS?83{1OQpSV95Xg literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/customizableui/subView-arrow-back-inverted.png b/LCARStrek/browser/customizableui/subView-arrow-back-inverted.png new file mode 100644 index 0000000000000000000000000000000000000000..dcc17fa793ee04b5f3db575fb999f44a25928256 GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9>*S;L|IahrJN8u{D8g70 zlLpZJ{Cp0j#v$e7F^sr0Jke0Y1>A-P~ zMGAvms%rEyVV6dH1>oynVz1o*#>DjiT>p(x+%d*OUJ#(1_VPBidGdu^p9@df9?-2BAllx_8zSvwfwSD1lS+{H1Rk3)wiDcjOH zREt}9jJZZ!!>Nvuk5cyZ&?q0WyBM|(rrVD-YMs5qFlFEUkF^gELRa`&@qo_&0000< KMNUMnLSTZXpv8&+ literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/syncProgress-horizontalbar.png b/LCARStrek/browser/syncProgress-horizontalbar.png new file mode 100644 index 0000000000000000000000000000000000000000..396723c9cc94c03993dd2ada272729e4c2c3ceaa GIT binary patch literal 472 zcmV;}0Vn>6P)-%awqe7Xk~Pg@ zYD{)^N->iuo7qgVKoPwfn=`L7U&DsGI`=;JdG7f>&-wC?YsS)s28%e2qu7JJcp+k>wNqMqtF`lg>fk!=ZSu%P%wh=#v#U!Y9{mz%?QmY$ zQHbxegMJd9VrOC>(HF70{t4GQCh zAI;CdHa-0cM>3*ac!2F4BX5bg{rf0)S8K!UU@CvCQFitWLlIy7kM$D{cU%s*HHMe~ O0000 #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: 15px; +} + +#customization-header { + font-size: 1.5em; + line-height: 1.5em; + color: #9C9CFF; + font-weight: lighter; + margin-bottom: 1em; +} + +#customization-panel-container { + padding: 10px 10px 0px; + 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; +} + -- 2.43.0