+ border-top-right-radius: inherit;
+}
+
+/* bookmarks menu-button */
+
+#bookmarks-menu-button.bookmark-item {
+ list-style-image: url("chrome://browser/skin/places/bookmark.png");
+ -moz-image-region: rect(0px 16px 16px 0px);
+}
+
+#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 ::::: */
+
+/* === BEGIN sidebar.inc.css === */
+
+#sidebar-box {
+ --icon-fill: #FFCF00;
+ --header-background-color: #9C9CFF;
+ --header-background-color-hover: #FFCF00;
+ --title-font-size: 13px;
+
+ background-color: #9C9CFF;
+ color: #000000;
+}
+
+#sidebar-header {
+ color: #000000;
+ padding: 2px;
+}
+
+#sidebar-splitter {
+ margin-inline-start: 0;
+}
+
+#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;
+}
+
+#sidebar-throbber[loading="true"] {
+ list-style-image: url("chrome://global/skin/icons/loading.png");
+}
+
+@media (min-resolution: 2dppx) {
+ .sidebar-throbber[loading="true"],
+ #sidebar-throbber[loading="true"] {
+ list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+ width: 16px;
+ }
+}
+
+#sidebar-title {
+ padding-inline-start: 0px;
+}
+
+#sidebar-title {
+ margin: 0;
+ padding: 0;
+ padding-inline-start: 8px;
+ padding-inline-end: 4px;
+}
+
+#sidebar-switcher-arrow,
+#sidebar-close > .toolbarbutton-icon {
+ -moz-context-properties: fill;
+ fill: currentColor;
+ opacity: 0.8;
+}
+
+#sidebar-switcher-arrow {
+/* list-style-image: url(chrome://browser/skin/arrow-dropdown.svg);*/
+ list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
+ width: 12px;
+ height: 12px;
+}
+
+#sidebar-switcher-arrow:hover {
+ list-style-image: url(chrome://global/skin/arrow/arrow-down-hover.gif);
+}
+
+#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-close {
+ -moz-appearance: none;
+ list-style-image: url(chrome://browser/skin/sidebar/close.svg);
+ margin: 0;
+ padding: 4px;
+ border-radius: 4px;
+}
+/*
+#sidebar-switcher-target {
+ -moz-appearance: none;
+ color: inherit;
+ margin-inline-end: 4px;
+ border-radius: 4px;
+ border: 1px solid transparent;
+ padding: 2px 4px;
+}
+
+#sidebar-switcher-target:hover,
+#sidebar-close:hover {
+ background: hsla(240, 5%, 5%, 0.05);
+}
+
+#sidebar-switcher-target:hover {
+ border-color: rgba(0, 0, 0, 0.2);
+}
+
+#sidebar-close:hover:active,
+#sidebar-switcher-target:hover:active,
+#sidebar-switcher-target.active {
+ background: hsla(240, 5%, 5%, 0.1);
+}
+
+#sidebar-switcher-target:hover:active,
+#sidebar-switcher-target.active {
+ border-color: rgba(0, 0, 0, 0.25);
+}
+*/
+#sidebarMenu-popup .subviewbutton {
+ min-width: 190px;
+}
+
+#sidebar-extensions:empty + toolbarseparator {
+ display: none;
+}
+
+/* Allow room for the checkbox drawn as a background image at the start of the toolbarbutton */
+#sidebarMenu-popup .subviewbutton-iconic > .toolbarbutton-icon {
+ padding-inline-start: 16px;
+}
+#sidebarMenu-popup .subviewbutton-iconic > .toolbarbutton-text {
+ padding-inline-start: 0;
+}
+
+#sidebar-box[sidebarcommand="viewWebPanelsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
+ list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.svg);
+}
+
+#sidebar-switcher-bookmarks > .toolbarbutton-icon,
+#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
+/* list-style-image: url(chrome://browser/skin/bookmark.svg);
+ -moz-context-properties: fill;
+ fill: currentColor;
+ opacity: 0.8;*/
+ list-style-image: url(chrome://browser/skin/places/bookmark.png);
+ -moz-image-region: rect(0px 16px 16px 0px);
+}
+
+#sidebar-switcher-history > .toolbarbutton-icon,
+#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
+/* list-style-image: url(chrome://browser/skin/history.svg);
+ -moz-context-properties: fill;
+ fill: currentColor;
+ opacity: 0.8;*/
+ list-style-image: url(chrome://browser/skin/places/history.png);
+}
+
+#sidebar-switcher-tabs > .toolbarbutton-icon,
+#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
+ list-style-image: url(chrome://browser/skin/synced-tabs.svg);
+ -moz-context-properties: fill;
+ fill: currentColor;
+/* opacity: 0.8;*/
+}
+
+/* === END sidebar.inc.css === */
+
+#sidebar {
+ background-color: #000000;
+}
+
+.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.svg");
+}
+
+.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;
+ -moz-context-properties: fill;
+ fill: #FF0000;