-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
-}
-
-.toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
-.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-}
-
-toolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker:-moz-lwtheme-brighttext,
-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-brighttext {
-}
-
-.toolbarbutton-1 > .toolbarbutton-icon,
-.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
-}
-
-.findbar-button,
-#nav-bar .toolbarbutton-1,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
-}
-
-#nav-bar .toolbarbutton-1:not([type=menu-button]),
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-}
-
-#nav-bar #PanelUI-menu-button {
-/* -moz-padding-start: 7px;
- -moz-padding-end: 5px;*/
-}
-
-#nav-bar .toolbarbutton-1[type=panel],
-#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button) {
-/* padding-left: 5px;
- padding-right: 5px;*/
-}
-
-#nav-bar .toolbarbutton-1 > menupopup {
-/* margin-top: -3px;*/
-}
-
-#nav-bar .toolbarbutton-1 > menupopup.cui-widget-panel {
- margin-top: -4px;
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
-/* -moz-padding-end: 0;*/
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-/* -moz-padding-start: 0;
- -moz-box-align: center;*/
-}
-
-.findbar-button > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-stack,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > .toolbarbutton-1:-moz-any([disabled=true],:not([open]):not([disabled=true]):not(:active)) > .toolbarbutton-icon {
-/* padding: 2px 6px;
- border: 1px solid;
- border-color: transparent;
- transition-property: background-color, border-color;
- transition-duration: 150ms;*/
-}
-/*
-#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-badge-stack,
-#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- padding: 3px 7px;
-}
-*/
-
-/* Help SDK icons fit: */
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
- width: 16px;
-}
-
-#nav-bar toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
- /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
- width: 32px;
-}
-
-#nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-badge-stack,
-#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button) > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button) > .toolbarbutton-badge-stack,
-#nav-bar .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ {
-/* -moz-padding-end: 17px;*/
-}
-
-#nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button) > .toolbarbutton-icon {
- /* horizontal padding + border + icon width */
-/* max-width: 43px;*/
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
-}
-
-#nav-bar .toolbaritem-combined-buttons {
-/* margin-left: 2px;
- margin-right: 2px;*/
-}
-
-#nav-bar .toolbaritem-combined-buttons > .toolbarbutton-1 {
-/* padding-left: 0;
- padding-right: 0;*/
-}
-
-#nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before,
-#nav-bar .toolbaritem-combined-buttons > .toolbarbutton-1:-moz-any(:not(:hover):not([open]),[disabled=true]) + .toolbarbutton-1:-moz-any(:not(:hover):not([open]),[disabled=true])::before {
-/*
- content: "";
- display: -moz-box;
- width: 1px;
- height: 16px;
- -moz-margin-end: -1px;
-*/
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > .toolbarbutton-1:-moz-any([disabled=true],:not([open]):not([disabled=true]):not(:active)) > .toolbarbutton-icon {
-}
-
-.findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button:not([open]):not(:active):not([disabled=true]):hover > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon {
-}
-
-.findbar-button:not([disabled=true]):-moz-any([checked="true"],:hover:active) > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open]) > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
-}
-
-#TabsToolbar .toolbarbutton-1,
-#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
-.tabbrowser-arrowscrollbox > .scrollbutton-up,
-.tabbrowser-arrowscrollbox > .scrollbutton-down {
-}
-
-#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover,
-#TabsToolbar .toolbarbutton-1[open],
-#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):hover,
-.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled=true]):hover,
-.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled=true]):hover {
-}
-
-/* unified back/forward button */
-
-#forward-button {
- -moz-box-align: stretch; /* let the button shape grow vertically with the location bar */
-}
-
-#forward-button > menupopup {
- margin-top: 1px !important;
-}
-
-#forward-button > .toolbarbutton-icon {
- background-clip: padding-box !important;
- /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
- /*clip-path: url(chrome://browser/content/browser.xul#keyhole-forward-clip-path) !important;*/
-}
-
-#forward-button {
- -moz-margin-start: -4px !important;
- padding-left: 5px;
- padding-right: 5px;
- margin-top: 3px;
- margin-bottom: 3px;
- border-radius: 0 10000px 10000px 0;
-}
-
-#forward-button:-moz-locale-dir(rtl) {
- border-radius: 10000px 0 0 10000px;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #forward-button {
- transition: margin-left 150ms ease-out;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] {
- margin-left: -27px !important;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] {
- /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
- transition-delay: 100s;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] {
- /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
- margin-left: -27.01px !important;
-}
-
-#back-button {
-/* padding-top: 3px !important;
- padding-bottom: 3px !important;
- -moz-padding-start: 5px !important;
- -moz-padding-end: 0 !important;*/
- position: relative;
- z-index: 1;
- border-radius: 10000px;
- width: 30px;
- height: 30px;
- margin-top: -2px;
- margin-bottom: -2px;
-}
-
-#back-button:-moz-locale-dir(rtl) {
-}
-
-#back-button > menupopup {
- margin-top: -1px !important;
-}
-
-#back-button > .toolbarbutton-icon {
- border-radius: 10000px !important;
- background-clip: padding-box !important;
-/* background-color: hsla(210,25%,98%,.08) !important;
- padding: 6px !important;
- border-style: none !important;
- box-shadow: 0 1px 0 0 hsla(210,4%,10%,.25),
- 0 0 0 1px hsla(210,4%,10%,.25);*/
- transition-property: background-color, box-shadow !important;
- transition-duration: 250ms !important;
-}
-
-#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
-/* background-color: hsla(210,4%,10%,.08) !important;*/
-}
-
-#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
-#back-button[open="true"] > .toolbarbutton-icon {
-/* background-color: hsla(210,4%,10%,.12) !important;
- box-shadow: 0 1px 0 0 hsla(210,4%,10%,.25),
- 0 0 0 1px hsla(210,4%,10%,.25),
- 0 1px 0 0 hsla(210,80%,20%,.1) inset !important;*/
-}
-
-#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
- transform: scaleX(-1);
-}
-/*
-.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
-.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://browser/skin/menu-back.png") !important;
-}
-
-.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
-.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
-}
-
-#home-button.bookmark-item {
- list-style-image: url("chrome://browser/skin/Toolbar.png");
-}
-
-#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > toolbaritem > :-moz-any(@nestedButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbaritem > :-moz-any(@nestedButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > :-moz-any(@primaryToolbarButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > :-moz-any(@primaryToolbarButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#home-button.bookmark-item:-moz-lwtheme-brighttext {
- position: relative;
- z-index: 1;
- list-style-image: url("chrome://browser/skin/Toolbar-inverted.png");
-}
-
-#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > #sync-button[status="active"]:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > #sync-button[status="active"]:-moz-system-metric(windows-classic):not(:-moz-lwtheme) {
- list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png");
-}
-*/
-
-#downloads-button > .toolbarbutton-icon {
- margin: 0;
-}
-
-/* tabview menu item */
-
-#menu_tabview {
- list-style-image: url("chrome://browser/skin/tabview/tabviewFx.png");
- -moz-image-region: rect(1px, 89px, 17px, 73px);
-}
-
-#menu_tabview[groups="0"] {
- -moz-image-region: rect(1px, 17px, 17px, 1px);
-}
-
-#menu_tabview[groups="1"] {
- -moz-image-region: rect(1px, 35px, 17px, 19px);
-}
-
-#menu_tabview[groups="2"] {
- -moz-image-region: rect(1px, 53px, 17px, 37px);
-}
-
-#menu_tabview[groups="3"] {
- -moz-image-region: rect(1px, 71px, 17px, 55px);
-}
-
-/* undo close tab menu item */
-#alltabs_undoCloseTab {
- list-style-image: url(chrome://browser/skin/undoCloseTab.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- #alltabs_undoCloseTab {
- list-style-image: url(chrome://browser/skin/undoCloseTab@2x.png);
- }
- #alltabs_undoCloseTab > .toolbarbutton-icon {
- width: 16px;
- }
-}
-
-/* zoom control text (reset) button special case: */
-
-#nav-bar #zoom-reset-button > .toolbarbutton-text {
- /* To make this line up with the icons, it needs the same height (18px) +
- * padding (2 * 2px) + border (2 * 1px), but as a minimum because otherwise
- * increase in text sizes would break things...
- */
- min-height: 20px;
-}
-
-/* ::::: fullscreen window controls ::::: */
-
-#window-controls {
- -moz-margin-start: 4px;
-}
-
-#minimize-button,
-#restore-button,
-#close-button {
-/* list-style-image: url("chrome://global/skin/icons/windowControls.png");
- padding: 0; */
-}
-
-#minimize-button {
- list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
-}
-
-#minimize-button:hover {
- list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
-}
-
-#restore-button {
- list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
-}
-
-#restore-button:hover {
- list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
-}
-
-#close-button {
- list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
-}
-
-#close-button:hover {
- list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
-}
-
-/* ::::: Location Bar ::::: */
-
-#urlbar,
-.searchbar-textbox {
- border-radius: 5px;
- margin: 2px 0;
- -moz-margin-start: 3px;
-}
-
-#urlbar {
- /* make color as light as possible to deal with dark non-domain parts */
- color: #FFBFFF;
-}
-
-/* overlap the urlbar's border */
-#PopupAutoCompleteRichResult {
- margin-top: -1px;
-}
-
-#urlbar:-moz-lwtheme,
-.searchbar-textbox:-moz-lwtheme {
- /* background-color: rgba(255,255,255,.8);
- @navbarTextboxCustomBorder@
- color: black; */
-}
-
-#urlbar:-moz-lwtheme:hover:not([focused]):not([readonly]),
-.searchbar-textbox:-moz-lwtheme:hover:not([focused]) {
-/* background-color: rgba(255,255,255,.9);*/
-}
-
-#urlbar:-moz-lwtheme[focused]:not([readonly]),
-.searchbar-textbox:-moz-lwtheme[focused] {
-/* background-color: white;*/
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar {
-/* -moz-border-start: none;
- margin-left: 0;*/
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) {
-/* border-top-left-radius: 0;
- border-bottom-left-radius: 0; */
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
-/* border-top-right-radius: 0;
- border-bottom-right-radius: 0; */
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
-/* clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path");*/
-/* margin-inline-start: calc(-1 * var(--backbutton-urlbar-overlap)); */
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl),
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
- /* let urlbar-back-button-clip-path clip the urlbar's right side for RTL */
- transform: scaleX(-1);
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl) {
- -moz-box-direction: reverse;
-}
-
-html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
-.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
- color: #E7ADE7;
-}
-
-#urlbar-container {
- -moz-box-orient: horizontal;
- -moz-box-align: stretch;
-}
-
-.urlbar-textbox-container {
- -moz-box-align: stretch;
-}
-
-.urlbar-input-box {
- -moz-margin-start: 0;
-}
-
-#urlbar-icons {
- -moz-box-align: center;
-}
-
-.urlbar-icon {
- padding: 0 2px;
- /* 16x16 icon with border-box sizing */
- width: 20px;
- height: 16px;
-}
-
-.search-go-container {
- padding: 2px;
-}
-
-.search-go-container > .search-go-button {
- padding: 0;
-}
-
-#urlbar-search-footer {
- border-top: 1px solid #A09090;
-}
-
-#urlbar-search-settings {
-}
-
-#urlbar-search-settings:hover {
-}
-
-#urlbar-search-settings:hover:active {
-}
-
-#urlbar-search-splitter {
- min-width: 6px;
- -moz-margin-start: -3px;
- border: none;
- background: transparent;
-}
-
-#urlbar-search-splitter + #urlbar-container > #urlbar,
-#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
- -moz-margin-start: 0;
-}
-
-#urlbar-display-box {
-}
-
-.urlbar-display {
- -moz-border-end: 1px solid #9C9CFF;
- -moz-margin-end: 3px;
- margin-top: 0;
- margin-bottom: 0;
- -moz-margin-start: 0;
- color: #8050B0;
-}
-
-/* === BEGIN urlbarSearchSuggestionsNotification.inc.css === */
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] {
- border-bottom: 1px solid #A09090;
- background-color: #000000;
- padding: 6px 0;
- -moz-padding-start: 44px;
- -moz-padding-end: 6px;
- background-image: url("chrome://browser/skin/info.svg");
- background-clip: padding-box;
- background-position: 20px center;
- background-repeat: no-repeat;
- background-size: 16px 16px;
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"]:-moz-locale-dir(rtl) {
- background-position: right 20px center;
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description {
- margin: 0;
- padding: 0;
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description > label.text-link {
- -moz-margin-start: 0;
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button {
- -moz-appearance: none;
- min-width: 80px;
- border-radius: 3px;
- padding: 4px 16px;
- margin: 0;
- -moz-margin-start: 10px;
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"] {
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"]:hover {
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-enable"] {
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-enable"]:hover {
-}
-
-/* === END urlbarSearchSuggestionsNotification.inc.css === */
-
-#search-container {
- min-width: calc(54px + 11ch);
-}
-
-/* identity box */
-
-#identity-box.verifiedIdentity:not(:-moz-lwtheme):not(:hover):not([open=true]) {
- var(--identity-box-verified-background-color);
-}
-
-#identity-box:-moz-focusring {
- outline: 1px dotted #008484;
- outline-offset: -1px;
-}
-
-#identity-box.verifiedDomain:-moz-focusring,
-#identity-box.verifiedIdentity:-moz-focusring {
- outline-color: #000000;
-}
-
-/* Location bar dropmarker */
-
-.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
- background-color: transparent;
-}
-
-#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker,
-#urlbar-wrapper > #urlbar > .urlbar-history-dropmarker,
-#urlbar-wrapper > #urlbar > .urlbar-textbox-container > .urlbar-history-dropmarker {
- border: none;
- border-radius: 0px;
- transition: opacity 0.15s ease;
-}
-
-#navigator-toolbox:not(:hover) .urlbar-history-dropmarker {
- opacity: 0;
-}
-
-.urlbar-history-dropmarker:hover {
-}
-
-.urlbar-history-dropmarker:hover:active,
-.urlbar-history-dropmarker[open="true"] {
-}
-
-/* page proxy icon */
-
-/* === BEGIN identity-block.inc.css === */
-
-#identity-box {
- --identity-box-verified-color: #008484;
- /* Default theme does different color per channel, we can't as they do it build-time. */
- --identity-box-chrome-color: #9C9CFF;
-
- border-inline-end: 1px solid --urlbar-separator-color);
- font-size: .9em;
- border-radius: 2px;
- padding: 3px 5px;
- margin-inline-end: 4px;
- overflow: hidden;
- /* The latter two properties have a transition to handle the delayed hiding of
- the forward button when hovered. */
- transition: background-color 150ms ease, padding-left, padding-right;
-}
-
-#identity-box:-moz-locale-dir(ltr) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-#identity-box:-moz-locale-dir(rtl) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
- color: var(--identity-box-chrome-color);
- -moz-border-end: 1px solid var(--identity-box-chrome-color);
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
- color: var(--identity-box-verified-color);
- -moz-border-end: 1px solid var(--identity-box-verified-color);
-}
-
-#notification-popup-box:not([hidden]) + #identity-box {
- padding-inline-start: 10px !important;
- border-radius: 0;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
-/* border-radius: 0; */
- -moz-padding-start: 2px;
- -moz-padding-end: 2px;
- -moz-margin-end: 1px;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar >
- #notification-popup-box[hidden] + #identity-box {
- padding-inline-start: 2px;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] + #urlbar >
- #notification-popup-box[hidden] + #identity-box {
- /* Forward button hiding is delayed when hovered, so we should use the same
- delay for the identity box. We handle both horizontal paddings (for LTR and
- RTL), the latter two delays here are for padding-left and padding-right. */
- transition-delay: 0s, 100s, 100s;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar >
- #notification-popup-box[hidden] + #identity-box {
- /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
- padding-inline-start: 2.01px;
-}
-
-/* TRACKING PROTECTION ICON */
-
-#tracking-protection-icon {
- width: 16px;
- height: 16px;
- margin-inline-start: 0;
- list-style-image: url("chrome://browser/skin/tracking-protection-16.svg");
- opacity: 1;
-}
-
-#tracking-protection-icon[state="loaded-tracking-content"] {
- list-style-image: url("chrome://browser/skin/tracking-protection-disabled-16.svg");
-}
-
-#tracking-protection-icon[animate] {
- transition: margin-left 200ms ease-out, margin-right 200ms ease-out;
-}
-
-#tracking-protection-icon:not([state]) {
- margin-inline-start: -18px;
- pointer-events: none;
- opacity: 0;
- /* Only animate the shield in, when it disappears hide it immediately. */
- transition: none;
-}
-
-#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icons > #tracking-protection-icon {
- visibility: collapse;
-}
-
-/* MAIN IDENTITY ICON */
-
-#page-proxy-favicon {
- width: 16px;
- height: 16px;
- list-style-image: url("chrome://browser/skin/identity-not-secure.svg");
- margin: 2px;
-}
-
-.chromeUI > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
- list-style-image: url("chrome://branding/content/identity-icons-brand.svg");
-}
-
-.verifiedDomain > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
-.verifiedIdentity > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
- list-style-image: url("chrome://browser/skin/identity-secure.svg");
-}
-
-.insecureLoginForms > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
-.mixedActiveContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
- list-style-image: url("chrome://browser/skin/identity-mixed-active-loaded.svg");
-}
-
-.weakCipher > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
-.mixedDisplayContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
-.mixedDisplayContentLoadedActiveBlocked > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
- list-style-image: url("chrome://browser/skin/identity-mixed-passive-loaded.svg");
-}
-
-.mixedActiveBlocked > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
- list-style-image: url("chrome://browser/skin/identity-mixed-active-blocked.svg");
-}
-
-#page-proxy-favicon[pageproxystate="invalid"] {
- opacity: 0.3;
-}
-
-#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
- list-style-image: url("chrome://branding/content/icon64.png");
-}
-
-#identity-popup-brandName {
- font-weight: bold;
- font-size: 1.25em;
- margin-top: .5em;
- margin-bottom: .5em;
-}
-
-#identity-popup-content-box {
- max-width: 50ch;
-}
-
-#urlbar[actiontype="searchengine"] > #identity-box > #identity-icons > #page-proxy-favicon {
- -moz-image-region: inherit;
- list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
- width: 16px;
- height: 16px;
- opacity: 1;
-}
-
-/* MAIN IDENTITY ICON */
-
-#identity-icon {
- width: 16px;
- height: 16px;
- list-style-image: url(chrome://browser/skin/identity-icon.svg#normal);
-}
-
-#identity-box:hover > #identity-icon,
-#identity-box[open=true] > #identity-icon {
- list-style-image: url(chrome://browser/skin/identity-icon.svg#hover);
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon {
- list-style-image: url(chrome://branding/content/identity-icons-brand.svg);
-}
-
-#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon {
- opacity: 0.3;
-}
-
-#urlbar[actiontype="searchengine"] > #identity-box > #identity-icon {
- -moz-image-region: inherit;
- list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
- width: 16px;
- height: 16px;
- opacity: 1;
-}
-
-/* TRACKING PROTECTION ICON */
-
-#tracking-protection-icon {
- width: 16px;
- height: 16px;
- margin-inline-start: 2px;
- margin-inline-end: 0;
- list-style-image: url(chrome://browser/skin/tracking-protection-16.svg);
- opacity: 1;
-}
-
-#tracking-protection-icon[state="loaded-tracking-content"] {
- list-style-image: url(chrome://browser/skin/tracking-protection-disabled-16.svg);
-}
-
-#tracking-protection-icon[animate] {
- transition: margin-left 200ms ease-out, margin-right 200ms ease-out;
-}
-
-#tracking-protection-icon:not([state]) {
- margin-inline-end: -18px;
- pointer-events: none;
- opacity: 0;
- /* Only animate the shield in, when it disappears hide it immediately. */
- transition: none;
-}
-
-#urlbar[pageproxystate="invalid"] > #identity-box > #tracking-protection-icon {
- visibility: collapse;
-}
-
-/* CONNECTION ICON */
-
-#connection-icon {
- width: 16px;
- height: 16px;
- margin-inline-start: 2px;
- visibility: collapse;
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon {
- list-style-image: url(chrome://browser/skin/identity-secure.svg);
- visibility: visible;
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.insecureLoginForms > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveContent > #connection-icon {
- list-style-image: url(chrome://browser/skin/identity-mixed-active-loaded.svg);
- visibility: visible;
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
- list-style-image: url(chrome://browser/skin/identity-mixed-passive-loaded.svg);
- visibility: visible;
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon {
- list-style-image: url(chrome://browser/skin/identity-mixed-active-blocked.svg);
- visibility: visible;
-}
-
-/* === END identity-block.inc.css === */
-
-#page-proxy-favicon {
- -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box > #page-proxy-favicon {
-/* -moz-margin-end: 1px;*/
-}
-
-#identity-box:hover > #page-proxy-favicon {
- -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-#identity-box:hover:active > #page-proxy-favicon,
-#identity-box[open=true] > #page-proxy-favicon {
- -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-
-#identity-box:hover {
- background-color: #FFCF00;
- color: #000000;
-}
-
-#identity-box:hover:active,
-#identity-box[open=true] {
- background-color: #FF9F00;
- color: #000000;
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover,
-#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover:active,
-#urlbar[pageproxystate="valid"] > #identity-box.chromeUI[open=true] {
- background-color: #9C9CFF;
- color: #000000;
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover,
-#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active,
-#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] {
- background-color: #008484;
- color: #000000;
-}
-
-/* autocomplete */
-
-#treecolAutoCompleteImage {
- max-width: 36px;
-}
-
-.ac-result-type-bookmark,
-.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
- list-style-image: url("chrome://browser/skin/places/bookmark.png");
- -moz-image-region: rect(0px 16px 16px 0px);
- width: 16px;
- height: 16px;
-}
-
-richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-bookmark,
-.autocomplete-treebody::-moz-tree-image(selected, current, bookmark, treecolAutoCompleteImage) {
-/* -moz-image-region: rect(0px 48px 16px 32px);*/
-}
-
-.ac-result-type-keyword,
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage),
-richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
- list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon");
- width: 16px;
- height: 16px;
-}
-
- .ac-result-type-keyword[selected="true"],
- .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
- richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
- list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted");
- }
-
-.ac-result-type-tag,
-.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
- list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
- width: 16px;
- height: 16px;
-}
-
-.ac-comment,
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description,
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button {
- font-size: 1.05em;
-}
-
-.ac-extra > .ac-comment,
-.ac-url-text,
-.ac-action-text {
- font-size: 1em;
-}
-
-.ac-url-text,
-.ac-action-text {
- color: #9C9CFF;
-}
-
-richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
- list-style-image: url("chrome://browser/skin/actionicon-tab.png");
- -moz-image-region: rect(0, 16px, 16px, 0);
- padding: 0 3px;
- width: 22px;
- height: 16px;
-}
-
-@media (min-resolution: 1.1dppx) {
- richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
- list-style-image: url("chrome://browser/skin/actionicon-tab@2x.png");
- -moz-image-region: rect(0, 32px, 32px, 0);
- }
-}
-
-richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon {
- -moz-image-region: rect(16px, 16px, 32px, 0);
-}
-
-.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
- color: #8050B0;
-}
-
-.ac-comment[selected="true"],
-.ac-url-text[selected="true"],
-.ac-action-text[selected="true"] {
- color: inherit !important;
-}
-
-.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
-.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
-{
- color: #8050B0;
- font-size: smaller;
-}
-
-.autocomplete-treebody::-moz-tree-cell(suggesthint) {
- border-top: 1px solid #9C9CFF;
-}
-
-/* combined go/reload/stop button in location bar */
-
-#urlbar-go-button,
-#urlbar-reload-button,
-#urlbar-stop-button {
- border-style: none;
- list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
-/* padding: 0 9px;*/
- margin-inline-start: 0px;
- border-inline-start: 1px solid var(--urlbar-separator-color);
- border-image: linear-gradient(transparent 15%,
- var(--urlbar-separator-color) 15%,
- var(--urlbar-separator-color) 85%,
- transparent 85%);
- border-image-slice: 1;
-}
-
-#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
-}
-
-#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
-}
-
-#urlbar > toolbarbutton:not([disabled=true]):active:hover,
-#urlbar-reload-button:not(:hover) {
- -moz-border-start-style: none;
- -moz-padding-start: 3px;
-}
-
-#urlbar-reload-button {
- -moz-image-region: rect(0px, 14px, 14px, 0px);