diff options
Diffstat (limited to 'application/basilisk/base/content/browser.css')
| -rw-r--r-- | application/basilisk/base/content/browser.css | 1173 |
1 files changed, 1173 insertions, 0 deletions
diff --git a/application/basilisk/base/content/browser.css b/application/basilisk/base/content/browser.css new file mode 100644 index 000000000..e951985dc --- /dev/null +++ b/application/basilisk/base/content/browser.css @@ -0,0 +1,1173 @@ +/* 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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); +@namespace svg url("http://www.w3.org/2000/svg"); + +:root { + --identity-popup-expander-width: 38px; + --panelui-subview-transition-duration: 150ms; +} + +#main-window:not([chromehidden~="toolbar"]) { +%ifdef XP_MACOSX + min-width: 335px; +%else + min-width: 300px; +%endif +} + +#main-window[customize-entered] { + min-width: -moz-fit-content; +} + +searchbar { + -moz-binding: url("chrome://browser/content/search/search.xml#searchbar"); +} + +/* Prevent shrinking the page content to 0 height and width */ +.browserStack > browser { + min-height: 25px; + min-width: 25px; +} + +.browserStack > browser { + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-browser"); +} + +.browserStack > browser[remote="true"] { + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-remote-browser"); +} + +toolbar[customizable="true"] { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar"); +} + +%ifdef XP_MACOSX +#toolbar-menubar { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-menubar-stub"); +} +%endif + +#toolbar-menubar[autohide="true"] { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-menubar-autohide"); +} + +#addon-bar { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#addonbar-delegating"); + visibility: visible; + margin: 0; + height: 0 !important; + overflow: hidden; + padding: 0; + border: 0 none; +} + +#addonbar-closebutton { + visibility: visible; + height: 0 !important; +} + +#status-bar { + height: 0 !important; + -moz-binding: none; + padding: 0; + margin: 0; +} + +panelmultiview { + -moz-binding: url("chrome://browser/content/customizableui/panelUI.xml#panelmultiview"); +} + +panelview { + -moz-binding: url("chrome://browser/content/customizableui/panelUI.xml#panelview"); + -moz-box-orient: vertical; +} + +.panel-mainview { + transition: transform var(--panelui-subview-transition-duration); +} + +panelview:not([mainview]):not([current]) { + transition: visibility 0s linear var(--panelui-subview-transition-duration); + visibility: collapse; +} + +browser[frameType="social"][remote="true"] { + -moz-binding: url("chrome://global/content/bindings/remote-browser.xml#remote-browser"); +} + +tabbrowser { + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser"); +} + +.tabbrowser-tabs { + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tabs"); +} + +#tabbrowser-tabs:not([overflow="true"]) ~ #alltabs-button, +#tabbrowser-tabs:not([overflow="true"]) + #new-tab-button, +#tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button, +#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button, +#TabsToolbar[customizing="true"] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button { + visibility: collapse; +} + +#tabbrowser-tabs:not([overflow="true"])[using-closing-tabs-spacer] ~ #alltabs-button { + visibility: hidden; /* temporary space to keep a tab's close button under the cursor */ +} + +.tabs-newtab-button > .toolbarbutton-menu-dropmarker, +#new-tab-button > .toolbarbutton-menu-dropmarker { + display: none; +} + +/* override drop marker image padding */ +.tabs-newtab-button > .toolbarbutton-icon { + margin-inline-end: 0; +} + +.tabbrowser-tab { + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tab"); +} + +.tabbrowser-tab:not([pinned]) { + -moz-box-flex: 100; + max-width: 210px; + min-width: 100px; + width: 0; + transition: min-width 100ms ease-out, + max-width 100ms ease-out; +} + +.tabbrowser-tab:not([pinned]):not([fadein]) { + max-width: 0.1px; + min-width: 0.1px; + visibility: hidden; +} + +.tab-close-button, +.tab-background { + /* Explicitly set the visibility to override the value (collapsed) + * we inherit from #TabsToolbar[collapsed] upon opening a browser window. */ + visibility: visible; +} + +.tab-close-button[fadein], +.tab-background[fadein] { + /* This transition is only wanted for opening tabs. */ + transition: visibility 0ms 25ms; +} + +.tab-close-button:not([fadein]), +.tab-background:not([fadein]) { + visibility: hidden; +} + +.tab-label:not([fadein]), +.tab-throbber:not([fadein]), +.tab-icon-image:not([fadein]) { + display: none; +} + +.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { + position: fixed !important; + display: block; /* position:fixed already does this (bug 579776), but let's be explicit */ +} + +.tabbrowser-tabs[movingtab] > .tabbrowser-tab[selected] { + position: relative; + z-index: 2; + pointer-events: none; /* avoid blocking dragover events on scroll buttons */ +} + +.tabbrowser-tabs[movingtab] > .tabbrowser-tab[fadein]:not([selected]) { + transition: transform 200ms ease-out; +} + +.new-tab-popup, +#alltabs-popup { + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-alltabs-popup"); +} + +toolbar[printpreview="true"] { + -moz-binding: url("chrome://global/content/printPreviewBindings.xml#printpreviewtoolbar"); +} + +toolbar[overflowable] > .customization-target { + overflow: hidden; +} + +toolbar:not([overflowing]) > .overflow-button, +toolbar[customizing] > .overflow-button { + display: none; +} + +%ifdef CAN_DRAW_IN_TITLEBAR +#main-window:not([chromemargin]) > #titlebar, +#main-window[inFullscreen] > #titlebar, +#main-window[inFullscreen] .titlebar-placeholder, +#main-window:not([tabsintitlebar]) .titlebar-placeholder { + display: none; +} + +#titlebar { + -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox"); + -moz-window-dragging: drag; +} + +#titlebar-spacer { + pointer-events: none; +} + +#main-window[tabsintitlebar] #titlebar-buttonbox { + position: relative; +} + +#titlebar-buttonbox { + -moz-appearance: -moz-window-button-box; +} + +#personal-bookmarks { + -moz-window-dragging: inherit; +} + +%ifdef XP_MACOSX +#titlebar-fullscreen-button { + -moz-appearance: -moz-mac-fullscreen-button; +} + +/* Fullscreen and caption buttons don't move with RTL on OS X so override the automatic ordering. */ +#titlebar-secondary-buttonbox:-moz-locale-dir(ltr), +#titlebar-buttonbox-container:-moz-locale-dir(rtl), +.titlebar-placeholder[type="fullscreen-button"]:-moz-locale-dir(ltr), +.titlebar-placeholder[type="caption-buttons"]:-moz-locale-dir(rtl) { + -moz-box-ordinal-group: 1000; +} + +#titlebar-secondary-buttonbox:-moz-locale-dir(rtl), +#titlebar-buttonbox-container:-moz-locale-dir(ltr), +.titlebar-placeholder[type="caption-buttons"]:-moz-locale-dir(ltr), +.titlebar-placeholder[type="fullscreen-button"]:-moz-locale-dir(rtl) { + -moz-box-ordinal-group: 0; +} + +%else +/* On non-OSX, these should be start-aligned */ +#titlebar-buttonbox-container { + -moz-box-align: start; +} +%endif + +%if !defined(MOZ_WIDGET_GTK) +#TabsToolbar > .private-browsing-indicator { + -moz-box-ordinal-group: 1000; +} +%endif + +%ifdef XP_WIN +#main-window[sizemode="maximized"] #titlebar-buttonbox { + -moz-appearance: -moz-window-button-box-maximized; +} + +#main-window[tabletmode] #titlebar-min, +#main-window[tabletmode] #titlebar-max { + display: none !important; +} + +#main-window[tabsintitlebar] #TabsToolbar, +#main-window[tabsintitlebar] #toolbar-menubar, +#main-window[tabsintitlebar] #navigator-toolbox > toolbar:-moz-lwtheme { + -moz-window-dragging: drag; +} +%endif + +%endif + +#main-window[inFullscreen][inDOMFullscreen] #navigator-toolbox, +#main-window[inFullscreen][inDOMFullscreen] #fullscr-toggler, +#main-window[inFullscreen][inDOMFullscreen] #sidebar-box, +#main-window[inFullscreen][inDOMFullscreen] #sidebar-splitter, +#main-window[inFullscreen]:not([OSXLionFullscreen]) toolbar:not([fullscreentoolbar=true]), +#main-window[inFullscreen] #global-notificationbox, +#main-window[inFullscreen] #high-priority-global-notificationbox { + visibility: collapse; +} + +#navigator-toolbox[fullscreenShouldAnimate] { + transition: 1.5s margin-top ease-out; +} + +/* Rules to help integrate SDK widgets */ +toolbaritem[sdkstylewidget="true"] > toolbarbutton, +toolbarpaletteitem > toolbaritem[sdkstylewidget="true"] > iframe, +toolbarpaletteitem > toolbaritem[sdkstylewidget="true"] > .toolbarbutton-text { + display: none; +} + +toolbarpaletteitem:-moz-any([place="palette"], [place="panel"]) > toolbaritem[sdkstylewidget="true"] > toolbarbutton { + display: -moz-box; +} + +toolbarpaletteitem > toolbaritem[sdkstylewidget="true"][cui-areatype="toolbar"] > .toolbarbutton-text { + display: -moz-box; +} + +@media not all and (min-resolution: 1.1dppx) { + .webextension-browser-action { + list-style-image: var(--webextension-toolbar-image); + } + + .webextension-browser-action[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > .webextension-browser-action { + list-style-image: var(--webextension-menupanel-image); + } + + .webextension-page-action { + list-style-image: var(--webextension-urlbar-image); + } +} + +@media (min-resolution: 1.1dppx) { + .webextension-browser-action { + list-style-image: var(--webextension-toolbar-image-2x); + } + + .webextension-browser-action[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > .webextension-browser-action { + list-style-image: var(--webextension-menupanel-image-2x); + } + + .webextension-page-action { + list-style-image: var(--webextension-urlbar-image-2x); + } +} + +toolbarpaletteitem[removable="false"] { + opacity: 0.5; + cursor: default; +} + +%ifndef XP_MACOSX +toolbarpaletteitem[place="palette"], +toolbarpaletteitem[place="panel"], +toolbarpaletteitem[place="toolbar"] { + -moz-user-focus: normal; +} +%endif + +#bookmarks-toolbar-placeholder, +toolbarpaletteitem > #personal-bookmarks > #PlacesToolbar, +#personal-bookmarks[cui-areatype="menu-panel"] > #PlacesToolbar, +#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #PlacesToolbar { + display: none; +} + +#PlacesToolbarDropIndicatorHolder { + position: absolute; + top: 25%; +} + +toolbarpaletteitem > #personal-bookmarks > #bookmarks-toolbar-placeholder, +#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder, +#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder { + display: -moz-box; +} + +#nav-bar-customization-target > #personal-bookmarks, +toolbar:not(#TabsToolbar) > #wrapper-personal-bookmarks, +toolbar:not(#TabsToolbar) > #personal-bookmarks { + -moz-box-flex: 1; +} + +#zoom-controls[cui-areatype="toolbar"]:not([overflowedItem=true]) > #zoom-reset-button > .toolbarbutton-text { + display: -moz-box; +} + +#urlbar-reload-button:not([displaystop]) + #urlbar-stop-button, +#urlbar-reload-button[displaystop] { + visibility: collapse; +} + +#PanelUI-feeds > .feed-toolbarbutton:-moz-locale-dir(rtl) { + direction: rtl; +} + +#panelMenu_bookmarksMenu > .bookmark-item { + max-width: none; +} + +#urlbar-container { + min-width: 50ch; +} + +#search-container { + min-width: 25ch; +} + +/* Apply crisp rendering for favicons at exactly 2dppx resolution */ +@media (resolution: 2dppx) { + .searchbar-engine-image { + image-rendering: -moz-crisp-edges; + } +} + +#urlbar, +.searchbar-textbox { + /* Setting a width and min-width to let the location & search bars maintain + a constant width in case they haven't be resized manually. (bug 965772) */ + width: 1px; + min-width: 1px; +} + +#main-window:-moz-lwtheme { + background-repeat: no-repeat; + background-position: top right; +} + +%ifdef XP_MACOSX +#main-window[inFullscreen="true"] { + padding-top: 0; /* override drawintitlebar="true" */ +} +%endif + +#browser-bottombox[lwthemefooter="true"] { + background-repeat: no-repeat; + background-position: bottom left; +} + +.menuitem-tooltip { + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#menuitem-tooltip"); +} + +.menuitem-iconic-tooltip, +.menuitem-tooltip[type="checkbox"], +.menuitem-tooltip[type="radio"] { + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#menuitem-iconic-tooltip"); +} + +/* Hide menu elements intended for keyboard access support */ +#main-menubar[openedwithkey=false] .show-only-for-keyboard { + display: none; +} + +/* ::::: location bar ::::: */ +#urlbar { + -moz-binding: url(chrome://browser/content/urlbarBindings.xml#urlbar); +} + +/* Always show URLs LTR. */ +.ac-url-text:-moz-locale-dir(rtl), +.ac-title-text[lookslikeurl]:-moz-locale-dir(rtl) { + direction: ltr !important; +} + +/* For non-action items, hide the action text; for action items, hide the URL + text. */ +.ac-url[actiontype], +.ac-action:not([actiontype]) { + display: none; +} + +/* For action items in a noactions popup, show the URL text and hide the action + text and type icon. */ +#PopupAutoCompleteRichResult[noactions] > richlistbox > richlistitem.overridable-action > .ac-url { + display: -moz-box; +} +#PopupAutoCompleteRichResult[noactions] > richlistbox > richlistitem.overridable-action > .ac-action { + display: none; +} +#PopupAutoCompleteRichResult[noactions] > richlistbox > richlistitem.overridable-action > .ac-type-icon { + list-style-image: none; +} + +#urlbar:not([actiontype="switchtab"]):not([actiontype="extension"]) > #urlbar-display-box { + display: none; +} + +#urlbar:not([actiontype="switchtab"]) > #urlbar-display-box > #switchtab { + display: none; +} + +#urlbar:not([actiontype="extension"]) > #urlbar-display-box > #extension { + display: none; +} + +#PopupAutoComplete > richlistbox > richlistitem > .ac-type-icon, +#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon, +#PopupAutoComplete > richlistbox > richlistitem > .ac-tags, +#PopupAutoComplete > richlistbox > richlistitem > .ac-separator, +#PopupAutoComplete > richlistbox > richlistitem > .ac-url { + display: none; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] { + -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete-richlistitem-insecure-field"); + height: auto; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon { + display: initial; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title > .ac-text-overflow-container > .ac-title-text { + text-overflow: initial; + white-space: initial; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title > label { + margin-inline-start: 0; +} + +#PopupSearchAutoComplete { + -moz-binding: url("chrome://browser/content/search/search.xml#browser-search-autocomplete-result-popup"); +} + +/* Overlay a badge on top of the icon of additional open search providers + in the search panel. */ +.addengine-item > .button-box > .button-icon { + -moz-binding: url("chrome://browser/content/search/search.xml#addengine-icon"); + display: -moz-stack; +} + +#PopupAutoCompleteRichResult { + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#urlbar-rich-result-popup"); +} + +#PopupAutoCompleteRichResult.showSearchSuggestionsNotification { + transition: height 100ms; +} + +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] { + visibility: collapse; + transition: margin-top 100ms; +} + +#PopupAutoCompleteRichResult.showSearchSuggestionsNotification > hbox[anonid="search-suggestions-notification"] { + visibility: visible; +} + +#PopupAutoCompleteRichResult > richlistbox { + transition: height 100ms; +} + +#PopupAutoCompleteRichResult.showSearchSuggestionsNotification > richlistbox { + transition: none; +} + +#DateTimePickerPanel[active="true"] { + -moz-binding: url("chrome://global/content/bindings/datetimepopup.xml#datetime-popup"); +} + +#urlbar[pageproxystate="invalid"] > #urlbar-icons > .urlbar-icon, +#urlbar[pageproxystate="invalid"][focused="true"] > #urlbar-go-button ~ toolbarbutton, +#urlbar[pageproxystate="valid"] > #urlbar-go-button, +#urlbar:not([focused="true"]) > #urlbar-go-button { + visibility: collapse; +} + +#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon-labels { + visibility: collapse; +} + +#identity-box { + -moz-user-focus: normal; +} + +#urlbar[pageproxystate="invalid"] > #identity-box { + pointer-events: none; + -moz-user-focus: ignore; +} + +#urlbar[pageproxystate="invalid"] > #identity-box > #notification-popup-box { + pointer-events: auto; +} + +#identity-icon-labels { + max-width: 18em; +} +@media (max-width: 700px) { + #urlbar-container { + min-width: 45ch; + } + #identity-icon-labels { + max-width: 70px; + } +} +@media (max-width: 600px) { + #urlbar-container { + min-width: 40ch; + } + #identity-icon-labels { + max-width: 60px; + } +} +@media (max-width: 500px) { + #urlbar-container { + min-width: 35ch; + } + #identity-icon-labels { + max-width: 50px; + } +} +@media (max-width: 400px) { + #urlbar-container { + min-width: 28ch; + } + #identity-icon-labels { + max-width: 40px; + } +} + +#identity-icon-country-label { + direction: ltr; +} + +#identity-box.verifiedIdentity > #identity-icon-labels > #identity-icon-label { + margin-inline-end: 0.25em !important; +} + +#main-window[customizing] :-moz-any(#urlbar, .searchbar-textbox) > .autocomplete-textbox-container > .textbox-input-box { + visibility: hidden; +} + +/* ::::: Unified Back-/Forward Button ::::: */ +#back-button > .toolbarbutton-menu-dropmarker, +#forward-button > .toolbarbutton-menu-dropmarker { + display: none; +} +.unified-nav-current { + font-weight: bold; +} + +toolbarbutton.bookmark-item { + max-width: 13em; +} + +/* Apply crisp rendering for favicons at exactly 2dppx resolution */ +@media (resolution: 2dppx) { + #alltabs-popup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon, + .menuitem-with-favicon > .menu-iconic-left > .menu-iconic-icon { + image-rendering: -moz-crisp-edges; + } + + .bookmark-item > .toolbarbutton-icon, + .bookmark-item > .menu-iconic-left > .menu-iconic-icon, + #personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + image-rendering: -moz-crisp-edges; + } + /* Synced Tabs sidebar */ + html|*.tabs-container html|*.item-tabs-list html|*.item-icon-container { + image-rendering: -moz-crisp-edges; + } +} + +#editBMPanel_tagsSelector { + /* override default listbox width from xul.css */ + width: auto; +} + +menupopup[emptyplacesresult="true"] > .hide-if-empty-places-result { + display: none; +} +menuitem.spell-suggestion { + font-weight: bold; +} + +/* Hide extension toolbars that neglected to set the proper class */ +window[chromehidden~="location"][chromehidden~="toolbar"] toolbar:not(.chromeclass-menubar), +window[chromehidden~="toolbar"] toolbar:not(#nav-bar):not(#TabsToolbar):not(#print-preview-toolbar):not(.chromeclass-menubar) { + display: none; +} + +#navigator-toolbox , +#mainPopupSet { + min-width: 1px; +} + +/* History Swipe Animation */ + +#historySwipeAnimationContainer { + overflow: hidden; +} + +#historySwipeAnimationPreviousPage, +#historySwipeAnimationCurrentPage, +#historySwipeAnimationNextPage { + background: none top left no-repeat white; +} + +#historySwipeAnimationPreviousPage { + background-image: -moz-element(#historySwipeAnimationPreviousPageSnapshot); +} + +#historySwipeAnimationCurrentPage { + background-image: -moz-element(#historySwipeAnimationCurrentPageSnapshot); +} + +#historySwipeAnimationNextPage { + background-image: -moz-element(#historySwipeAnimationNextPageSnapshot); +} + +/* Full Screen UI */ + +#fullscr-toggler { + height: 1px; + background: black; +} + +html|*.pointerlockfswarning { + position: fixed; + z-index: 2147483647 !important; + visibility: visible; + transition: transform 300ms ease-in; + /* To center the warning box horizontally, + we use left: 50% with translateX(-50%). */ + top: 0; left: 50%; + transform: translate(-50%, -100%); + box-sizing: border-box; + width: -moz-max-content; + max-width: 95%; + pointer-events: none; +} +html|*.pointerlockfswarning:not([hidden]) { + display: flex; + will-change: transform; +} +html|*.pointerlockfswarning[onscreen] { + transform: translate(-50%, 50px); +} +html|*.pointerlockfswarning[ontop] { + /* Use -10px to hide the border and border-radius on the top */ + transform: translate(-50%, -10px); +} +#main-window[OSXLionFullscreen] html|*.pointerlockfswarning[ontop] { + transform: translate(-50%, 80px); +} + +html|*.pointerlockfswarning-domain-text, +html|*.pointerlockfswarning-generic-text { + word-wrap: break-word; + /* We must specify a min-width, otherwise word-wrap:break-word doesn't work. Bug 630864. */ + min-width: 1px +} +html|*.pointerlockfswarning-domain-text:not([hidden]) + html|*.pointerlockfswarning-generic-text { + display: none; +} + +html|*#fullscreen-exit-button { + pointer-events: auto; +} + +/* ::::: Ctrl-Tab Panel ::::: */ + +.ctrlTab-preview > html|img, +.ctrlTab-preview > html|canvas { + min-width: inherit; + max-width: inherit; + min-height: inherit; + max-height: inherit; +} + +.ctrlTab-favicon-container { + -moz-box-align: start; +%ifdef XP_MACOSX + -moz-box-pack: end; +%else + -moz-box-pack: start; +%endif +} + +.ctrlTab-favicon { + width: 16px; + height: 16px; +} + +/* Apply crisp rendering for favicons at exactly 2dppx resolution */ +@media (resolution: 2dppx) { + .ctrlTab-favicon { + image-rendering: -moz-crisp-edges; + } +} + +.ctrlTab-preview { + -moz-binding: url("chrome://browser/content/browser-tabPreviews.xml#ctrlTab-preview"); +} + + +/* notification anchors should only be visible when their associated + notifications are */ +.notification-anchor-icon { + -moz-user-focus: normal; +} + +#blocked-permissions-container > .blocked-permission-icon:not([showing]), +.notification-anchor-icon:not([showing]) { + display: none; +} + +#invalid-form-popup > description { + max-width: 280px; +} + +.popup-anchor { + /* should occupy space but not be visible */ + opacity: 0; + pointer-events: none; + -moz-stack-sizing: ignore; +} + +#addon-progress-notification { + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#addon-progress-notification"); +} + +#click-to-play-plugins-notification { + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#click-to-play-plugins-notification"); +} + + +.plugin-popupnotification-centeritem { + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#plugin-popupnotification-center-item"); +} + +browser[tabmodalPromptShowing] { + -moz-user-focus: none !important; +} + +/* Status panel */ + +statuspanel { + -moz-binding: url("chrome://browser/content/tabbrowser.xml#statuspanel"); + position: fixed; + margin-top: -3em; + max-width: calc(100% - 5px); + pointer-events: none; +} + +statuspanel:-moz-locale-dir(ltr)[mirror], +statuspanel:-moz-locale-dir(rtl):not([mirror]) { + left: auto; + right: 0; +} + +statuspanel[sizelimit] { + max-width: 50%; +} + +statuspanel[type=status] { + min-width: 23em; +} + +@media all and (max-width: 800px) { + statuspanel[type=status] { + min-width: 33%; + } +} + +statuspanel[type=overLink] { + transition: opacity 120ms ease-out; + direction: ltr; +} + +statuspanel[inactive] { + transition: none; + opacity: 0; +} + +statuspanel[inactive][previoustype=overLink] { + transition: opacity 200ms ease-out; +} + +.statuspanel-inner { + height: 3em; + width: 100%; + -moz-box-align: end; +} + +/* gcli */ + +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame, +#gcli-output, +#gcli-tooltip { + overflow-x: hidden; +} + +.gclitoolbar-input-node, +.gclitoolbar-complete-node { + direction: ltr; +} + +#developer-toolbar-toolbox-button[error-count] > .toolbarbutton-icon { + display: none; +} + +#developer-toolbar-toolbox-button[error-count]:before { + content: attr(error-count); + display: -moz-box; + -moz-box-pack: center; +} + +/* Responsive Mode */ + +.browserContainer[responsivemode] { + overflow: auto; +} + +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) { + -moz-box-pack: end; +} + +.browserStack[responsivemode] { + transition-duration: 200ms; + transition-timing-function: linear; +} + +.browserStack[responsivemode] { + transition-property: min-width, max-width, min-height, max-height; +} + +.browserStack[responsivemode][notransition] { + transition: none; +} + +/* Translation */ +notification[value="translation"] { + -moz-binding: url("chrome://browser/content/translation-infobar.xml#translationbar"); +} + +/** See bug 872317 for why the following rule is necessary. */ + +#downloads-button { + -moz-binding: url("chrome://browser/content/downloads/download.xml#download-toolbarbutton"); +} + +/*** Visibility of downloads indicator controls ***/ + +/* Bug 924050: If we've loaded the indicator, for now we hide it in the menu panel, + and just show the icon. This is a hack to side-step very weird layout bugs that + seem to be caused by the indicator stack interacting with the menu panel. */ +#downloads-button[indicator]:not([cui-areatype="menu-panel"]) > .toolbarbutton-badge-stack > image.toolbarbutton-icon, +#downloads-button[indicator][cui-areatype="menu-panel"] > #downloads-indicator-anchor { + display: none; +} + +toolbarpaletteitem[place="palette"] > #downloads-button[indicator] > .toolbarbutton-badge-stack > image.toolbarbutton-icon { + display: -moz-box; +} + +toolbarpaletteitem[place="palette"] > #downloads-button[indicator] > #downloads-indicator-anchor { + display: none; +} + +#downloads-button:-moz-any([progress], [counter], [paused]) #downloads-indicator-icon, +#downloads-button:not(:-moz-any([progress], [counter], [paused])) + #downloads-indicator-progress-area +{ + visibility: hidden; +} + +/* Combobox dropdown renderer */ +#ContentSelectDropdown > menupopup { + /* The menupopup itself should always be rendered LTR to ensure the scrollbar aligns with + * the dropdown arrow on the dropdown widget. If a menuitem is RTL, its style will be set accordingly */ + direction: ltr; +} + +/* Indent options in optgroups */ +.contentSelectDropdown-ingroup .menu-iconic-text { + padding-inline-start: 2em; +} + +/* Give this menupopup an arrow panel styling */ +#BMB_bookmarksPopup { + -moz-appearance: none; + -moz-binding: url("chrome://browser/content/places/menu.xml#places-popup-arrow"); + background: transparent; + border: none; + /* The popup inherits -moz-image-region from the button, must reset it */ + -moz-image-region: auto; +} + +%ifndef MOZ_WIDGET_GTK + +#BMB_bookmarksPopup { + transform: scale(.4); + opacity: 0; + transition-property: transform, opacity; + transition-duration: 0.15s; + transition-timing-function: ease-out; +} + +#BMB_bookmarksPopup[animate="open"] { + transform: none; + opacity: 1.0; +} + +#BMB_bookmarksPopup[animate="cancel"] { + transform: none; +} + +#BMB_bookmarksPopup[arrowposition="after_start"]:-moz-locale-dir(ltr), +#BMB_bookmarksPopup[arrowposition="after_end"]:-moz-locale-dir(rtl) { + transform-origin: 20px top; +} + +#BMB_bookmarksPopup[arrowposition="after_end"]:-moz-locale-dir(ltr), +#BMB_bookmarksPopup[arrowposition="after_start"]:-moz-locale-dir(rtl) { + transform-origin: calc(100% - 20px) top; +} + +#BMB_bookmarksPopup[arrowposition="before_start"]:-moz-locale-dir(ltr), +#BMB_bookmarksPopup[arrowposition="before_end"]:-moz-locale-dir(rtl) { + transform-origin: 20px bottom; +} + +#BMB_bookmarksPopup[arrowposition="before_end"]:-moz-locale-dir(ltr), +#BMB_bookmarksPopup[arrowposition="before_start"]:-moz-locale-dir(rtl) { + transform-origin: calc(100% - 20px) bottom; +} + +%endif + +/* Customize mode */ +#navigator-toolbox, +#browser-bottombox, +#content-deck { + transition-property: margin-left, margin-right; + transition-duration: 200ms; + transition-timing-function: linear; +} + +#tab-view-deck[fastcustomizeanimation] #navigator-toolbox, +#tab-view-deck[fastcustomizeanimation] #content-deck { + transition-duration: 1ms; + transition-timing-function: linear; +} + +#PanelUI-contents > .panel-customization-placeholder > .panel-customization-placeholder-child { + list-style-image: none; +} + +/* Apply crisp rendering for favicons at exactly 2dppx resolution */ +@media (resolution: 2dppx) { + #PanelUI-remotetabs-tabslist > toolbarbutton > .toolbarbutton-icon, + #PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon, + #PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon, + #PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon { + image-rendering: -moz-crisp-edges; + } +} + +#customization-panelHolder { + overflow-y: hidden; +} + +#customization-panelWrapper, +#customization-panelWrapper > .panel-arrowcontent { + -moz-box-flex: 1; +} + +#customization-panelWrapper > .panel-arrowcontent { + padding: 0 !important; + overflow: hidden; +} + +#customization-panelHolder > #PanelUI-mainView { + display: flex; + flex-direction: column; + /* Hack alert - by manually setting the preferred height to 0, we convince + #PanelUI-mainView to shrink when the window gets smaller in customization + mode. Not sure why that is - might have to do with our intermingling of + XUL flex, and CSS3 Flexbox. */ + height: 0; +} + +#customization-panelHolder > #PanelUI-mainView > #PanelUI-contents-scroller { + display: flex; + flex: auto; + flex-direction: column; +} + +#customization-panel-container { + overflow-y: auto; +} + +toolbarpaletteitem[dragover] { + border-left-color: transparent; + border-right-color: transparent; +} + +#customization-palette-container { + display: flex; + flex-direction: column; +} + +#customization-palette:not([hidden]) { + display: block; + flex: 1 1 auto; + overflow: auto; + min-height: 3em; +} + +#customization-footer-spacer, +#customization-spacer { + flex: 1 1 auto; +} + +#customization-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; +} + +#customization-toolbar-visibility-button > .box-inherit > .button-menu-dropmarker { + display: -moz-box; +} + +toolbarpaletteitem[place="palette"] { + width: 10em; + /* icon (32) + margin (2 * 4) + button padding/border (2 * 4) + label margin (~2) + label + * line-height (1.5em): */ + height: calc(50px + 1.5em); + margin-bottom: 5px; + overflow: hidden; + display: inline-block; +} + +toolbarpaletteitem[place="palette"][hidden] { + display: none; +} + +#customization-palette .toolbarpaletteitem-box { + -moz-box-pack: center; + -moz-box-flex: 1; + width: 10em; + max-width: 10em; +} + +#main-window[customizing=true] #PanelUI-update-status { + display: none; +} + +/* Combined context-menu items */ +#context-navigation > .menuitem-iconic > .menu-iconic-text, +#context-navigation > .menuitem-iconic > .menu-accel-container { + display: none; +} + +.popup-notification-invalid-input { + box-shadow: 0 0 1.5px 1px red; +} + +.popup-notification-invalid-input[focused] { + box-shadow: 0 0 2px 2px rgba(255,0,0,0.4); +} + +.dragfeedback-tab { + -moz-appearance: none; + opacity: 0.65; + -moz-window-shadow: none; +} |