diff options
Diffstat (limited to 'browser/base/content/browser.css')
| -rw-r--r-- | browser/base/content/browser.css | 1238 |
1 files changed, 0 insertions, 1238 deletions
diff --git a/browser/base/content/browser.css b/browser/base/content/browser.css deleted file mode 100644 index ac5bf9e9b..000000000 --- a/browser/base/content/browser.css +++ /dev/null @@ -1,1238 +0,0 @@ -/* 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; -} - -/* UI Tour */ - -@keyframes uitour-wobble { - from { - transform: rotate(0deg) translateX(3px) rotate(0deg); - } - 50% { - transform: rotate(360deg) translateX(3px) rotate(-360deg); - } - to { - transform: rotate(720deg) translateX(0px) rotate(-720deg); - } -} - -@keyframes uitour-zoom { - from { - transform: scale(0.8); - } - 50% { - transform: scale(1.0); - } - to { - transform: scale(0.8); - } -} - -@keyframes uitour-color { - from { - border-color: #5B9CD9; - } - 50% { - border-color: #FF0000; - } - to { - border-color: #5B9CD9; - } -} - -#UITourHighlightContainer, -#UITourHighlight { - pointer-events: none; -} - -#UITourHighlight[active] { - animation-delay: 2s; - animation-fill-mode: forwards; - animation-iteration-count: infinite; - animation-timing-function: linear; -} - -#UITourHighlight[active="wobble"] { - animation-name: uitour-wobble; - animation-delay: 0s; - animation-duration: 1.5s; - animation-iteration-count: 1; -} -#UITourHighlight[active="zoom"] { - animation-name: uitour-zoom; - animation-duration: 1s; -} -#UITourHighlight[active="color"] { - animation-name: uitour-color; - animation-duration: 2s; -} - -/* 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; -} |