-#bookmarks-menu-button.bookmark-item[starred] {
- -moz-image-region: rect(0px 32px 16px 16px);
-}
-
-#nav-bar #bookmarks-menu-button[cui-areatype="toolbar"]:not([overflowedItem=true]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
- padding-top: 2px;
- padding-bottom: 2px;
-}
-
-#BMB_bookmarksPopup[side="top"],
-#BMB_bookmarksPopup[side="bottom"] {
- margin-left: -20px;
- margin-right: -20px;
-}
-
-#BMB_bookmarksPopup[side="left"],
-#BMB_bookmarksPopup[side="right"] {
- margin-top: -20px;
- margin-bottom: -20px;
-}
-
-/* bookmarking panel */
-
-#editBookmarkPanelStarIcon {
- list-style-image: url("chrome://browser/skin/places/starred48.png");
- width: 48px;
- height: 48px;
-}
-
-#editBookmarkPanelStarIcon[unstarred] {
- list-style-image: url("chrome://browser/skin/places/unstarred48.png");
-}
-
-#editBookmarkPanelTitle {
- font-size: 130%;
-}
-
-#editBookmarkPanelHeader,
-#editBookmarkPanelContent {
- margin-bottom: .5em;
-}
-
-/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
-#editBMPanel_folderTree {
- min-width: 27em;
-}
-
-/* ::::: content area ::::: */
-
-#sidebar-box {
- background-color: #9C9CFF;
- color: #000000;
-}
-
-#sidebar {
- background-color: #000000;
-}
-
-#sidebar-splitter {
- margin-inline-start: 0;
-}
-
-#sidebar-header {
- color: #000000;
- padding: 2px;
-}
-
-#sidebar-title {
- padding-inline-start: 0px;
-}
-
-#sidebar-header > .close-icon {
-/* padding: 4px 2px;
- margin: 0;
- border: none;*/
- list-style-image: url("chrome://global/skin/icons/close-button.gif");
-}
-
-#sidebar-header > .close-icon:hover,
-#sidebar-header > .close-icon:hover:active {
- list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
-#sidebar-splitter:-moz-locale-dir(ltr),
-#sidebar:-moz-locale-dir(ltr) {
- border-radius: 0 5px 0 0;
-}
-
-#sidebar-splitter:-moz-locale-dir(rtl),
-#sidebar:-moz-locale-dir(rtl) {
- border-radius: 5px 0 0 0;
-}
-
-.browserContainer > findbar {
-/*
- background-color: -moz-dialog;
- color: -moz-DialogText;
-*/
-}
-
-/* Tabstrip */
-
-#TabsToolbar {
- min-height: 0;
- padding: 0;
- -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar");
-}
-
-#TabsToolbar .toolbar-holder {
- background-color: #000000; /* correct effect of being an actual toolbar */
-}
-
-#main-window[disablechrome] #TabsToolbar,
-#TabsToolbar[tabsontop="false"] {
- border-bottom: 1px solid #008484;
-}
-
-/* === BEGIN tabs.inc.css === */
-
-:root {
- /* --tab-toolbar-navbar-overlap: 1px; */
- /* --navbar-tab-toolbar-highlight-overlap: 1px; */
- /* --tab-min-height: 31px; */
-}
-#TabsToolbar {
- /* --tab-stroke-background-size: auto 100%; */
-}
-
-.tabbrowser-tab,
-.tabs-newtab-button,
-#TabsToolbar > #new-tab-button {
- margin-top: 0px;
-}
-
-.tabbrowser-tab {
- padding: 1px 4px 2px;
-}
-
-.tabbrowser-tab:first-of-type {
- margin-inline-start: 2px;
-}
-
-.tabs-newtab-button,
-#TabsToolbar > #new-tab-button,
-#TabsToolbar > toolbarpaletteitem > #new-tab-button,
-#TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] {
- border-radius: 8px 8px 0px 0px;
- margin-inline-start: 0;
-}
-
-.tabs-newtab-button:not(:hover),
-#TabsToolbar > #new-tab-button:not(:hover),
-#TabsToolbar > toolbarpaletteitem > #new-tab-button,
-#TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] {
- background-color: #C09070;
-}
-
-/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */
-.tabbrowser-tab[visuallyselected=true] {
-/* position: relative;
- z-index: 2;*/
-}
-
-.tab-background-middle {
-}
-
-.tab-content {
-}
-
-.tab-content[pinned] {
-}
-
-.tab-throbber,
-.tab-icon-image,
-.tab-sharing-icon-overlay,
-.tab-icon-sound,
-.tab-close-button {
-}
-
-.tab-throbber,
-.tab-sharing-icon-overlay,
-.tab-icon-image {
- height: 16px;
- width: 16px;
- margin-inline-end: 3px;
-}
-
-.tab-icon-image {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
-}
-
-.tab-icon-image[sharing]:not([selected]),
-.tab-sharing-icon-overlay {
- animation: 3s linear tab-sharing-icon-pulse infinite;
-}
-
-@keyframes tab-sharing-icon-pulse {
-/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */
- 0%, 16.66%, 83.33%, 100% {
- opacity: 0;
- }
- 33.33%, 66.66% {
- opacity: 1;
- }
-}
-
-.tab-icon-image[sharing]:not([selected]) {
- animation-delay: -1.5s;
-}
-
-.tab-sharing-icon-overlay {
- /* 16px of the icon + 6px of margin-inline-end of .tab-icon-image */
- margin-inline-start: -22px;
- position: relative;
-}
-
-.tab-sharing-icon-overlay[sharing="camera"] {
- list-style-image: url("chrome://browser/skin/notification-icons.svg#camera-sharing");
-}
-
-.tab-sharing-icon-overlay[sharing="microphone"] {
- list-style-image: url("chrome://browser/skin/notification-icons.svg#microphone-sharing");
-}
-
-.tab-sharing-icon-overlay[sharing="screen"] {
- list-style-image: url("chrome://browser/skin/notification-icons.svg#screen-sharing");
-}
-
-.tab-icon-overlay {
- width: 16px;
- height: 16px;
- margin-top: -8px;
- margin-inline-start: -15px;
- margin-inline-end: -1px;
- position: relative;
-}
-
-.tab-icon-overlay[crashed] {
- list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg");
-}
-
-.tab-icon-overlay[soundplaying],
-.tab-icon-overlay[muted]:not([crashed]),
-.tab-icon-overlay[blocked]:not([crashed]) {
- border-radius: 10px;
-}
-
-.tab-icon-overlay[soundplaying]:hover,
-.tab-icon-overlay[muted]:hover,
-.tab-icon-overlay[blocked]:not([crashed]):hover {
- background-color: #FFCF00;
-}
-
-.tab-icon-overlay[soundplaying] {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio");
-}
-
-.tab-icon-overlay[muted]:not([crashed]) {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted");
-}
-
-.tab-icon-overlay[blocked]:not([crashed]) {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked");
-}
-
-#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying]:not([selected]):not(:hover),
-.tab-icon-overlay[soundplaying][selected]:-moz-lwtheme-brighttext:not(:hover) {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white");
-}
-
-#TabsToolbar[brighttext] .tab-icon-overlay[muted]:not([crashed]):not([selected]):not(:hover),
-.tab-icon-overlay[mouted][selected]:-moz-lwtheme-brighttext:not(:hover) {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted");
-}
-
-#TabsToolbar[brighttext] .tab-icon-overlay[blocked]:not([crashed]):not([selected]):not(:hover),
-.tab-icon-overlay[blocked][selected]:-moz-lwtheme-brighttext:not(:hover) {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked");
-}
-
-.tab-throbber[busy] {
- list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
-}
-
-.tab-throbber[progress] {
- list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- .tab-throbber[busy] {
- list-style-image: url("chrome://communicator/skin/brand/throbber-anim-connect.png");
- }
-
- .tab-throbber[progress] {
- list-style-image: url("chrome://communicator/skin/brand/throbber-anim.png");
- }
-}
-
-.tab-throbber[pinned],
-.tab-icon-image[pinned] {
- margin-inline-start: 2px;
- margin-inline-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 {
- margin-inline-start: 4px;
- width: 16px;
- height: 16px;
- padding: 0;
-}
-
-.tab-icon-sound[soundplaying],
-.tab-icon-sound[muted],
-.tab-icon-sound[blocked] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://global/skin/filters.svg#fill);
- fill: currentColor;
-}
-
-.tab-icon-sound[muted] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted);
-}
-
-.tab-icon-sound[blocked] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked);
-}
-
-.tab-close-button {
- margin-top: 1px;
- padding: 0;
-}
-
-.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover),
-.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) {
- transition: opacity .3s linear var(--soundplaying-removal-delay);
- opacity: 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[selected=true]::after,
-.tab-background-start[selected=true]::before,
-.tab-background-start,
-.tab-background-end,
-.tab-background-end[selected=true]::after,
-.tab-background-end[selected=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 */
-
-/* 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-overlay[blocked]: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([selected="true"]),
-.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
-*/
-.tabbrowser-tab:-moz-any([image], [pinned]):-moz-any([attention], [titlechanged]):not([visuallyselected="true"]) {
- background-color: #E7ADE7;
-}
-
-.tab-label[attention]:not([selected="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;
- margin-inline-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([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
-#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
- content: "";
- display: -moz-box;
-}
-*/
-/* New tab button */
-
-.tabs-newtab-button {
- width: 28px;
- /* width: calc(36px + var(--tab-curve-width)); */