-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
-/* padding-inline-end: 0;*/
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-/* padding-inline-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 */ {
-/* padding-inline-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;
- margin-inline-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 {
- margin-inline-start: -4px !important;
- padding-left: 5px;
- padding-right: 5px;
- margin-top: 3px;
- margin-bottom: 3px;
- border-radius: 0 10000px 10000px 0;
-/* max-width: calc(var(--forwardbutton-width) + var(--backbutton-urlbar-overlap)) !important; */
-}
-
-#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: calc(0px - var(--forwardbutton-width)/* - var(--backbutton-urlbar-overlap)*/);
-}
-
-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: calc(-0.01px - var(--forwardbutton-width)/* - var(--backbutton-urlbar-overlap)*/);
-}
-
-#back-button {
-/* padding-top: 3px !important;
- padding-bottom: 3px !important;
- padding-inline-start: 5px !important;
- padding-inline-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 {
- margin-inline-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;
- margin-inline-start: 3px;
-}
-
-#urlbar {
- /* make color as light as possible to deal with dark non-domain parts */
- color: #FFBFFF;
-}
-
-#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 {
-/* border-inline-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 {
- margin-inline-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;
- margin-inline-start: -3px;
- border: none;
- background: transparent;
-}
-
-#urlbar-search-splitter + #urlbar-container > #urlbar,
-#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
- margin-inline-start: 0;
-}
-
-#urlbar-display-box {
-}
-
-.urlbar-display {
- border-inline-end: 1px solid #9C9CFF;
- margin-inline-end: 3px;
- margin-top: 0;
- margin-bottom: 0;
- margin-inline-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;
- padding-inline-start: 44px;
- padding-inline-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 {
- margin-inline-start: 0;
-}
-
-#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button {
- -moz-appearance: none;
- min-width: 80px;
- border-radius: 3px;
- padding: 4px 16px;
- margin: 0;
- margin-inline-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]) {
- background-color: 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;
-}
-
-#urlbar-wrapper[switchingtabs] > #urlbar > .urlbar-textbox-container > .urlbar-history-dropmarker {
- transition: none;
-}
-
-#navigator-toolbox:not(:hover) #urlbar:not([focused]) > .urlbar-textbox-container > .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-hover-background-color: #FFCF00;
- --identity-box-selected-background-color: #FF9F00; */
- --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 var(--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);
- border-inline-end: 1px solid var(--identity-box-chrome-color);
-}
-
-#identity-box:hover > :not(#identity-icon),
-#identity-box[open=true] > :not(#identity-icon) {
-/* filter: grayscale(100%);*/
-}
-
-#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
- color: var(--identity-box-verified-color);
- border-inline-end: 1px solid var(--identity-box-verified-color);
-}
-
-#identity-icon-labels:-moz-locale-dir(ltr) {
- padding-left: 2px;
-}
-
-#identity-icon-labels:-moz-locale-dir(rtl) {
- padding-right: 2px;
-}
-
-#notification-popup-box:not([hidden]) + #identity-box {
- padding-inline-start: 10px;
- border-radius: 0;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
-/* border-radius: 0;
- padding-inline-start: 2px; */
- padding-inline-end: 2px;
- margin-inline-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;
-}
-
-/* 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);