-.tab-throbber[pinned],
-.tab-icon-image[pinned] {
- -moz-margin-start: 2px;
- -moz-margin-end: 2px;
-}
-
-.tab-label {
- /* this needs to add up to the 16px of the icon image */
- height: 12px;
- margin-top: 2px !important;
- margin-bottom: 2px !important;
-}
-
-.tab-icon-sound {
- -moz-margin-start: 4px;
- width: 16px;
- height: 16px;
- padding: 0;
-}
-
-.tab-icon-sound[muted] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted");
-}
-
-.tab-icon-sound[muted]:hover {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-hover");
-}
-
-.tab-icon-sound[muted]:hover:active {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-pressed");
-}
-
-.tab-icon-sound[soundplaying] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab");
-}
-
-.tab-icon-sound[soundplaying]:hover {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-hover");
-}
-
-.tab-icon-sound[soundplaying]:hover:active {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-pressed");
-}
-
-.tab-icon-sound[muted] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-muted");
-}
-
-.tab-icon-sound[muted]:hover {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-muted-hover");
-}
-
-.tab-icon-sound[muted]:hover:active {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-muted-pressed");
-}
-
-.tab-icon-sound[visuallyselected=true][soundplaying] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio");
-}
-
-.tab-icon-sound[visuallyselected=true][soundplaying]:hover {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-hover");
-}
-
-.tab-icon-sound[visuallyselected=true][soundplaying]:hover:active {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-pressed");
-}
-
-.tab-icon-sound[visuallyselected=true][muted] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted");
-}
-
-.tab-icon-sound[visuallyselected=true][muted]:hover {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-hover");
-}
-
-.tab-icon-sound[visuallyselected=true][muted]:hover:active {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-pressed");
-}
-
-#TabsToolbar[brighttext] .tab-icon-sound[soundplaying] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white");
-}
-
-#TabsToolbar[brighttext] .tab-icon-sound[soundplaying]:hover {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white-hover");
-}
-
-#TabsToolbar[brighttext] .tab-icon-sound[soundplaying]:hover:active {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white-pressed");
-}
-
-#TabsToolbar[brighttext] .tab-icon-sound[muted] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white");
-}
-
-#TabsToolbar[brighttext] .tab-icon-sound[muted]:hover {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white-hover");
-}
-
-#TabsToolbar[brighttext] .tab-icon-sound[muted]:hover:active {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white-pressed");
-}
-
-.tab-close-button {
- margin-top: 1px;
- padding: 0;
-}
-
-.tab-background,
-.tabs-newtab-button {
- /* overlap the tab curves */
-}
-
-.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
-}
-
-/* Tab Overflow */
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
-}
-
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl),
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) {
-}
-
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) {
-}
-
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
-}
-
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed],
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] {
-}
-
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
-.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
-}
-
-.tab-background-start[visuallyselected=true]::after,
-.tab-background-start[visuallyselected=true]::before,
-.tab-background-start,
-.tab-background-end,
-.tab-background-end[visuallyselected=true]::after,
-.tab-background-end[visuallyselected=true]::before {
-}
-
-.tabbrowser-tab:not([visuallyselected=true]),
-.tabbrowser-tab:-moz-lwtheme {
-}
-
-/* tabbrowser-tab focus ring */
-.tabbrowser-tab:focus {
- outline: 1px dotted;
-}
-
-/* Selected tab */
-
-.tabbrowser-tab[visuallyselected="true"] {
-}
-
-/* End selected tab */
-
-/* User Context UI - change tab decoration depending on userContextId.
- Defaults to gray for unknown usercontextids. */
-.tabbrowser-tab[usercontextid] {
- background-image: linear-gradient(to right, transparent 20%, #A09090 30%, #A09090 70%, transparent 80%);
- background-size: auto 2px;
- background-repeat: no-repeat;
-}
-
-/* Personal User Context */
-.tabbrowser-tab[usercontextid="1"] {
- background-image: linear-gradient(to right, transparent 20%, #9C9CFF 30%, #9C9CFF 70%, transparent 80%);
-}
-/* Work User Context */
-.tabbrowser-tab[usercontextid="2"] {
- background-image: linear-gradient(to right, transparent 20%, #FF9F00 30%, #FF9F00 70%, transparent 80%);
-}
-/* Banking User Context */
-.tabbrowser-tab[usercontextid="3"] {
- background-image: linear-gradient(to right, transparent 20%, #008484 30%, #008484 70%, transparent 80%);
-}
-/* Shopping User Context */
-.tabbrowser-tab[usercontextid="4"] {
- background-image: linear-gradient(to right, transparent 20%, #E7ADE7 30%, #E7ADE7 70%, transparent 80%);
-}
-
-/* Tab pointer-events */
-/*
-.tabbrowser-tab {
- pointer-events: none;
-}
-
-.tab-background-middle,
-.tabs-newtab-button,
-.tab-icon-overlay[soundplaying],
-.tab-icon-overlay[muted]:not([crashed]),
-.tab-icon-sound,
-.tab-close-button {
- pointer-events: auto;
-}
-*/
-/* Pinned tabs */
-
-/*
-.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
-.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
-*/
-.tabbrowser-tab:-moz-any([image], [pinned]):-moz-any([attention], [titlechanged]):not([visuallyselected="true"]) {
- background-color: #E7ADE7;
-}
-
-.tab-label[attention]:not([visuallyselected="true"]) {
- font-weight: bold;
-}
-
-.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]):hover {
- background-color: #3333FF;
- color: #000000;
-}
-
-/* Tab separators */
-/*
-.tabbrowser-tab::after,
-.tabbrowser-tab::before {
- width: 1px;
- -moz-margin-start: -1px;
- background-image: linear-gradient(transparent 5px,
- currentColor 5px,
- currentColor calc(100% - 4px),
- transparent calc(100% - 4px));
- opacity: 0.2;
-}
-
-#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::before,
-#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::after {
- opacity: 0.4;
-}
-*/
-/* Also show separators beside the selected tab when dragging it. */
-/*
-#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
-.tabbrowser-tab:not([visuallyselected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
-#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after {
- content: "";
- display: -moz-box;
-}
-*/
-/* New tab button */
-
-.tabs-newtab-button {
- width: 28px;
- /* width: calc(36px + var(--tab-curve-width)); */
-}
-
-/* === END tabs.inc.css === */
-
-/* Background tabs:
- *
- * Decrease the height of the hoverable region of background tabs whenever the tabs are at the top
- * of the window (e.g. no menubar, tabs in titlebar, etc.) to make it easier to drag the window by
- * the titlebar. We don't need this in fullscreen since window dragging is not an issue there.
- */
-#main-window[tabsintitlebar][sizemode=normal] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar .tab-background-middle:not([visuallyselected=true]) {
-/* clip-path: url(chrome://browser/content/browser.xul#tab-hover-clip-path);*/
-}
-
-/* Tab DnD indicator */
-.tab-drop-indicator {
- list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
- margin-bottom: -11px;
-}
-
-/* Tab close button */
-.tab-close-button {
- list-style-image: url("chrome://global/skin/icons/close-button.gif");
-}
-
-.tab-close-button:hover,
-.tab-close-button:hover[selected="true"] {
- list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
-.tab-close-button:hover:active,
-.tab-close-button:hover:active[selected="true"] {
- list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
-/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up,
-.tabbrowser-arrowscrollbox > .scrollbutton-down {
- margin: 0;
- padding-top: 0;
- padding-bottom: 0;
- background-origin: border-box;
-}
-
-#main-window[tabsintitlebar]:not([inFullscreen]) .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-lwtheme-brighttext,
-.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-lwtheme-brighttext {
- }
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
-.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
- }
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
-.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
-/* transform: scaleX(-1);*/
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-down {
- transition: 1s background-color ease-out;
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
- background-color: #008484;
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]),
-.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]) {
-/* border-width: 0 2px 0 0;
- border-style: solid;
- border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;*/
-}
-
-.tabs-newtab-button > .toolbarbutton-icon {
- margin-top: -1px;
- margin-bottom: -1px;
-}
-
-.tabs-newtab-button,
-#TabsToolbar > #new-tab-button,
-#TabsToolbar > toolbarpaletteitem > #new-tab-button,
-#TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] {
- list-style-image: url("chrome://browser/skin/tabbrowser/newtab.svg");
- -moz-image-region: auto;
-}
-
-.tabs-newtab-button,
-.tabs-newtab-button:hover,
-#TabsToolbar > #new-tab-button,
-#TabsToolbar > #new-tab-button:hover {
-}
-
-#main-window[tabsintitlebar]:not([inFullscreen]) .tabs-newtab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar > #new-tab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-.tabs-newtab-button:-moz-lwtheme-brighttext,
-#TabsToolbar > #new-tab-button:-moz-lwtheme-brighttext,
-#TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-lwtheme-brighttext {
-}
-
-#TabsToolbar > #new-tab-button {
- width: 26px;
-}
-
-#alltabs-button {
- list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
-}
-
-#alltabs-button:hover,
-#alltabs-button:hover:active,
-#alltabs-button[open="true"] {
- list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
-}
-
-#main-window[tabsintitlebar]:not([inFullscreen]) #alltabs-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
-#alltabs-button:-moz-lwtheme-brighttext {
-}
-
-#alltabs-button > .toolbarbutton-icon {
-/* margin: 0 2px;*/
-}
-
-#alltabs-button > .toolbarbutton-menu-dropmarker {
- display: none;
-}
-
-/* All tabs menupopup */
-.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
- -moz-image-region: auto;
-}
-
-.alltabs-item[selected="true"] {
- font-weight: bold;
-}
-
-.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
- list-style-image: url("chrome://global/skin/icons/loading.gif");
-}
-
-.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
- background-color: #402800;
-}
-
-.alltabs-endimage[muted] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted");
-}
-
-.alltabs-endimage[soundplaying] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio");
-}
-
-toolbarbutton.chevron {
- list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
-}
-
-toolbarbutton.chevron:hover {
- list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
-}
-/*
-toolbar[brighttext] toolbarbutton.chevron {
- list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important;
-}
-*/
-toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
-toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
- transform: scaleX(-1);
-}
-
-toolbarbutton.chevron > .toolbarbutton-text,
-toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
- display: none;
-}
-
-toolbarbutton.chevron > .toolbarbutton-icon {
- margin: 0;
-}
-
-#sidebar-throbber[loading="true"] {
- list-style-image: url("chrome://global/skin/icons/loading.gif");
- -moz-margin-end: 4px;
-}
-
-/* Bookmarks toolbar */
-#PlacesToolbarDropIndicator {
- list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
-}
-
-toolbarbutton.bookmark-item[dragover="true"][open="true"] {
- background-color: #008484 !important;
- color: #FFCF00 !important;
-}
-
-/* rules for menupopup drop indicators */
-.menupopup-drop-indicator-bar {
- position: relative;
- /* these two margins must together compensate the indicator's height */
- margin-top: -1px;
- margin-bottom: -1px;
-}
-
-.menupopup-drop-indicator {
- list-style-image: none;
- height: 2px;
- -moz-margin-end: -4em;
- background-color: #008484;
-}
-
-/* === BEGIN notification-icons.inc.css === */
-
-.popup-notification-icon {
- width: 64px;
- height: 64px;
- -moz-margin-end: 10px;
-}
-
-.popup-notification-icon[popupid="geolocation"] {
- list-style-image: url("chrome://browser/skin/Geolocation-64.png");