+#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 ::::: */
+
+#minimize-button,
+#restore-button,
+#close-button {
+ -moz-appearance: none;
+ border: none;
+/* margin: 0 !important;
+ padding: 6px 12px;*/
+}
+
+#minimize-button {
+ list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize);
+}
+
+#minimize-button:hover {
+ list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize-hover);
+}
+
+#restore-button {
+ list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore);
+}
+
+#restore-button:hover {
+ list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore-hover);
+}
+
+#minimize-button:hover,
+#restore-button:hover {
+/* background-color: hsla(0, 0%, 0%, .12);*/
+}
+
+#minimize-button:hover:active,
+#restore-button:hover:active {
+/* background-color: hsla(0, 0%, 0%, .22);*/
+}
+
+#close-button {
+ list-style-image: url(chrome://browser/skin/caption-buttons.svg#close);
+}
+
+#close-button:hover {
+/* background-color: hsl(355, 86%, 49%);*/
+ list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-hover);
+}
+
+#close-button:hover:active {
+/* background-color: hsl(355, 82%, 69%);*/
+}
+
+/* ::::: 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::placeholder,
+.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::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-input-box,
+#urlbar-display-box {
+ padding-inline-start: 4px;
+/* border-inline-start: 1px solid var(--urlbar-separator-color);
+ border-inline-end: 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-icons {
+ -moz-box-align: center;
+}
+
+.urlbar-icon {
+ padding: 0 2px;
+ /* 16x16 icon with border-box sizing */
+ width: 20px;
+ height: 16px;
+}
+
+/* ::::: URL Bar Zoom Reset Button ::::: */
+
+@keyframes urlbar-zoom-reset-pulse {
+ 0% {
+ transform: scale(0);
+ }
+ 75% {
+ transform: scale(1.5);
+ }
+ 100% {
+ transform: scale(1.0);
+ }
+}
+
+#urlbar-zoom-button {
+/* -moz-appearance: none;*/
+/* color: inherit;*/
+}
+
+.search-go-container {
+ padding: 2px;
+}
+
+.search-go-container > .search-go-button {
+ padding: 0;
+}
+
+#urlbar-search-footer {
+ border-top: 1px solid var(--panel-separator-color);
+}
+
+#urlbar-search-settings {
+}
+
+#urlbar-search-settings:hover {
+}
+
+#urlbar-search-settings:hover:active {
+}
+
+#urlbar-search-splitter {
+ /* The splitter width should equal the location and search bars' combined
+ neighboring margin and border width. */
+ min-width: 8px;
+ margin: 0 -4px;
+ position: relative;
+ border: none;
+ background: transparent;
+}
+
+.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 var(--panel-separator-color);
+ 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;
+ 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) #nav-bar:not([customizing="true"]) #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 === */
+
+/* === BEGIN identity-block/icons.inc.css === */
+
+#identity-icon {
+ list-style-image: url(chrome://browser/skin/identity-icon.svg#normal);
+}
+
+#identity-box:hover > #identity-icon:not(.no-hover),
+#identity-box[open=true] > #identity-icon {
+ list-style-image: url(chrome://browser/skin/identity-icon.svg#hover);
+}
+
+#identity-box.grantedPermissions > #identity-icon {
+ list-style-image: url(chrome://browser/skin/identity-icon.svg#notice);
+}
+
+#identity-box.grantedPermissions:hover > #identity-icon:not(.no-hover),
+#identity-box.grantedPermissions[open=true] > #identity-icon {
+ list-style-image: url(chrome://browser/skin/identity-icon.svg#notice-hover);
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon {
+ list-style-image: url(chrome://branding/content/identity-icons-brand.svg);
+}
+
+#tracking-protection-icon {
+ list-style-image: url(chrome://browser/skin/tracking-protection-16.svg#enabled);
+}
+
+#tracking-protection-icon[state="loaded-tracking-content"] {
+ list-style-image: url(chrome://browser/skin/tracking-protection-16.svg#disabled);
+}
+
+
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon {
+ list-style-image: url(chrome://browser/skin/connection-secure.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,
+#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
+ list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
+ 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/connection-mixed-active-loaded.svg#icon);
+ visibility: visible;
+}
+
+/* === END identity-block/icons.inc.css === */
+
+#identity-box {
+ font-size: .9em;
+ border-radius: 2px;
+ padding: 3px 5px;
+ overflow: hidden;
+ /* The padding-left and padding-right transitions 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.verifiedIdentity {
+ border-inline-end: 1px solid #008484;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
+ color: #008484;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+ border-inline-end: 1px solid #9C9CFF;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon-labels {
+ color: #9C9CFF;
+}
+
+
+#identity-icon-labels:-moz-locale-dir(ltr) {
+ padding-left: 2px;
+}
+
+#identity-icon-labels:-moz-locale-dir(rtl) {
+ padding-right: 2px;
+}
+
+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 > #identity-box {
+ padding-inline-start: 2px;
+}
+
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] + #urlbar > #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 > #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;
+}
+
+#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon {
+ opacity: .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;
+}
+
+#urlbar[actiontype="extension"] > #identity-box > #identity-icon {
+ -moz-image-region: inherit;
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
+ width: 16px;
+ height: 16px;
+}
+
+/* SHARING ICON */
+
+#sharing-icon {
+ width: 16px;
+ height: 16px;
+ margin-inline-start: -16px;
+ position: relative;
+ display: none;
+}
+
+#identity-box[sharing="camera"] > #sharing-icon {
+ list-style-image: url("chrome://browser/skin/notification-icons.svg#camera-sharing");
+}
+
+#identity-box[sharing="microphone"] > #sharing-icon {
+ list-style-image: url("chrome://browser/skin/notification-icons.svg#microphone-sharing");
+}
+
+#identity-box[sharing="screen"] > #sharing-icon {
+ list-style-image: url("chrome://browser/skin/notification-icons.svg#screen-sharing");
+
+}
+
+#identity-box[sharing] > #sharing-icon {
+ display: -moz-box;
+ animation-delay: -1.5s;
+}
+
+#identity-box[sharing] > #identity-icon,
+#sharing-icon {
+ animation: 3s linear identity-box-sharing-icon-pulse infinite;
+}
+
+@keyframes identity-box-sharing-icon-pulse {
+/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */
+ 0%, 16.66%, 83.33%, 100% {
+ opacity: 0;
+ }
+ 33.33%, 66.66% {
+ opacity: 1;
+ }
+}
+
+/* TRACKING PROTECTION ICON */
+
+#tracking-protection-icon {
+ width: 16px;
+ height: 16px;
+ margin-inline-start: 2px;
+ margin-inline-end: 0;
+}
+
+#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;
+}
+
+/* === 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 {
+/* margin-inline-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: #A09090;
+ color: #000000;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover > #identity-icon-labels,
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover:active > #identity-icon-labels,
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI[open=true] > #identity-icon-labels {
+ 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;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover > #identity-icon-labels,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active > #identity-icon-labels,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] > #identity-icon-labels {
+ color: #000000;
+}
+
+#identity-box:hover > image,
+#identity-box:hover:active > image,
+#identity-box[open=true] > image {
+ filter: url(chrome://global/skin/filters.svg#active-icon-state);
+}
+
+/* autocomplete */
+
+/* === BEGIN autocomplete.inc.css === */
+
+#PopupAutoComplete > richlistbox > richlistitem {
+ height: 20px;
+ min-height: 20px;
+ border: 0;
+ border-radius: 0;
+ padding: 0px 1px 0px 1px;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon {
+ margin-inline-start: 4px;
+ margin-inline-end: 0;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-title {
+ font: icon;
+ margin-inline-start: 4px;
+}
+
+#PopupAutoComplete > richlistbox {
+ padding: 0;
+}
+
+/* Login form autocompletion */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
+ display: initial;
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login);
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted);
+}
+
+/* Insecure field warning */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
+ background-color: var(--arrowpanel-dimmed);
+ border-bottom: 1px solid var(--panel-separator-color);
+ padding-bottom: 4px;
+ padding-top: 4px;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] {
+ background-color: var(--arrowpanel-dimmed-further);
+ color: #FFCF00;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
+ color: #A09090;
+ font-size: 1em;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title {
+ color: inherit;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
+ list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon);
+}
+
+/* === END autocomplete.inc.css === */
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] {
+ border-top: 1px solid #A09090;
+}
+
+#treecolAutoCompleteImage {
+ max-width: 36px;
+}
+
+/*
+.autocomplete-richlistbox {
+ padding: 4px;
+}
+
+.autocomplete-richlistitem {
+ height: 30px;
+ min-height: 30px;
+ font: message-box;
+ border-radius: 2px;
+ border: 1px solid transparent;
+}
+*/
+.ac-title {
+ font-size: 14px;
+}
+
+.ac-tags {
+ font-size: 12px;
+}
+/*
+html|span.ac-tag {
+ border-radius: 2px;
+ border: 1px solid transparent;
+ padding: 0 1px;
+}
+*/
+
+.ac-separator,
+.ac-url,
+.ac-action {
+ font-size: 12px;
+}
+
+html|span.ac-emphasize-text-title,
+html|span.ac-emphasize-text-tag,
+html|span.ac-emphasize-text-url {
+ font-weight: 600;
+}
+
+.ac-type-icon[type=bookmark] {
+ list-style-image: url("chrome://browser/skin/urlbar-star.svg#star");
+}
+
+.ac-type-icon[type=bookmark][selected][current] {
+/* list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted");*/
+}
+
+.ac-result-type-bookmark {
+ 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 {
+/* -moz-image-region: rect(0px 48px 16px 32px);*/
+}
+
+.ac-type-icon[type=keyword],
+.ac-site-icon[type=searchengine] {
+ list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon");
+}
+
+.ac-type-icon[type=keyword][selected],
+.ac-site-icon[type=searchengine][selected] {
+ list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted");
+}
+
+.ac-result-type-tag {
+ list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
+ width: 16px;
+ height: 16px;
+}
+
+.ac-type-icon[type=switchtab],
+.ac-type-icon[type=remotetab] {
+ list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab");
+}
+
+.ac-type-icon[type=switchtab][selected],
+.ac-type-icon[type=remotetab][selected] {
+ list-style-image: url("chrome://browser/skin/urlbar-tab.svg#tab-inverted");
+}
+
+.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");
+/* margin: 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;
+}
+
+/* XXX: temporary for Photon preview changes */
+#reload-button,
+#stop-button {
+ list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
+}
+
+#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) {
+ border-inline-start-style: none;
+ padding-inline-start: 3px;
+}
+
+#reload-button,
+#urlbar-reload-button {
+ -moz-image-region: rect(0px, 14px, 14px, 0px);
+}
+
+#reload-button[disabled=true],
+#urlbar-reload-button[disabled=true] {
+ -moz-image-region: rect(28px, 14px, 42px, 0px);
+}
+
+#reload-button:not([disabled=true]):hover,
+#urlbar-reload-button:not([disabled=true]):hover {
+ -moz-image-region: rect(14px, 14px, 28px, 0px);
+}
+
+#reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+#urlbar-go-button {
+ -moz-image-region: rect(0, 42px, 14px, 28px);
+}
+
+#urlbar-go-button:hover {
+ -moz-image-region: rect(14px, 42px, 28px, 28px);
+}
+
+#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+#stop-button,
+#urlbar-stop-button {
+ -moz-image-region: rect(0px, 28px, 14px, 14px);
+}
+
+#stop-button:hover,
+#urlbar-stop-button:hover {
+ -moz-image-region: rect(14px, 28px, 28px, 14px);
+}
+
+@media (min-resolution: 1.1dppx) {
+ #reload-button,
+ #stop-button,
+ #urlbar-go-button,
+ #urlbar-reload-button,
+ #urlbar-stop-button {
+ list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
+ }
+
+ #reload-button > .toolbarbutton-icon,
+ #stop-button > .toolbarbutton-icon,
+ #urlbar-go-button > .toolbarbutton-icon,
+ #urlbar-reload-button > .toolbarbutton-icon,
+ #urlbar-stop-button > .toolbarbutton-icon {
+ width: 14px;
+ }
+
+ #urlbar-go-button {
+ -moz-image-region: rect(0, 84px, 28px, 56px);
+ }
+
+ #urlbar-go-button:hover {
+ -moz-image-region: rect(28px, 84px, 56px, 56px);
+ }
+
+ #urlbar-go-button:hover:active {
+ -moz-image-region: rect(56px, 84px, 84px, 56px);
+ }
+
+ #reload-button,
+ #urlbar-reload-button {
+ -moz-image-region: rect(0, 28px, 28px, 0);
+ }
+
+ #reload-button:not([disabled]):hover,
+ #urlbar-reload-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 28px, 56px, 0);
+ }
+
+ #reload-button:not([disabled]):hover:active,
+ #urlbar-reload-button:not([disabled]):hover:active {
+ -moz-image-region: rect(56px, 28px, 84px, 0);
+ }
+
+ #stop-button,
+ #urlbar-stop-button {
+ -moz-image-region: rect(0, 56px, 28px, 28px);
+ }
+
+ #stop-button:not([disabled]):hover,
+ #urlbar-stop-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 56px, 56px, 28px);
+ }
+
+ #stop-button:hover:active,
+ #urlbar-stop-button:hover:active {
+ -moz-image-region: rect(56px, 56px, 84px, 28px);
+ }
+}
+
+/* popup blocker button */
+
+#page-report-button {
+ list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+#page-report-button:hover ,
+#page-report-button:hover:active,
+#page-report-button[open="true"] {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+/* Reader mode button */
+
+#reader-mode-button {
+ list-style-image: url("chrome://browser/skin/readerMode.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+#reader-mode-button:hover,
+#reader-mode-button[readeractive]:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#reader-mode-button:hover:active,
+#reader-mode-button[readeractive] {
+ -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
+/* social share panel */
+
+/* === BEGIN social.inc.css === */
+
+#manage-share-providers {
+ list-style-image: url("chrome://browser/skin/ToolbarFx.png");
+ -moz-image-region: rect(0, 468px, 18px, 450px);
+}
+
+#manage-share-providers > .toolbarbutton-icon {
+ min-height: 18px;
+ min-width: 18px;
+}
+
+.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+}
+/* fixup corners for share panel */
+.social-panel > .social-panel-frame {
+ border-radius: inherit;
+}
+
+/* === END social.inc.css === */
+
+.social-panel-frame {
+ border-radius: inherit;
+}
+
+.social-share-frame {
+ min-width: 756px;
+ height: 150px;
+}
+
+#share-container {
+ min-width: 756px;
+ background-color: white;
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+#share-container[loading] {
+ background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png);
+}
+#share-container > browser {
+ transition: opacity 150ms ease-in-out;
+ opacity: 1;
+}
+#share-container[loading] > browser {
+ opacity: 0;
+}
+
+.social-share-toolbar {
+ border-bottom: 1px solid #9C9CFF;
+ padding: 2px;
+}
+
+#social-share-provider-buttons {
+ padding: 0;
+ margin: 0;
+}
+
+.share-provider-button {
+ padding: 5px;
+ margin: 2px;
+}
+
+.share-provider-button > .toolbarbutton-text {
+ display: none;
+}
+.share-provider-button > .toolbarbutton-icon {
+ width: 16px;
+ min-height: 16px;
+ max-height: 16px;
+}
+
+#social-share-panel {
+ min-height: 100px;
+ min-width: 766px;
+}
+
+#share-container,
+.social-share-frame {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: inherit;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: inherit;
+}
+
+#social-share-panel > .social-share-toolbar {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+}
+
+#social-share-provider-buttons {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+}
+
+/* bookmarks menu-button */
+
+#bookmarks-menu-button.bookmark-item {