/* set default namespace to XUL */
@namespace url(“ http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul“);

:root{
    --tab-min-width: 75px !important;
    --tab-min-height: 28px !important;
    --nRows: 3 !important;
}

/* вкладки вниз страницы */

/* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
       border-top-left-radius: 8px !important;
       border-top-right-radius: 8px !important;
   }
.tab-line {
          display: none;
     }

/* remove colored line above each tab */
#TabsToolbar .tabbrowser-tab .tab-line {
      visibility: hidden;
   }
.tabbrowser-tab[selected]::before, 
.tabbrowser-tab[selected]::after,
.tabbrowser-tab[beforeselected]::before, 
.tabbrowser-tab[beforeselected]::after{
 display: none !important;
}


/* Clean up spacing */
.titlebar-placeholder {
  display: none !important;
}
toolbarbutton.bookmark-item {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Left and right borders on Win 7 & 8, but not on 10 and later: */
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
  /* Vertical toolbar border */
  #main-window[sizemode=normal] #navigator-toolbox > toolbar#TabsToolbar {
    border-left: 1px solid hsla(240,5%,5%,0.3) !important;;
    border-right: 1px solid hsla(240,5%,5%,0.3) !important;;
    background-clip: padding-box;
  }
}

/* Override vertical shifts when moving a tab (9 Jan 2018) */
#TabsToolbar[movingtab] {
  padding-bottom: 0 !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#TabsToolbar[movingtab] + #nav-bar {
  margin-top: 0 !important;
}

/* вкладки размещаются внизу */
#TabsToolbar:not([inFullscreen="true"]) {
   position: fixed;
   bottom: 0em;
   width: 100%;
}

/* ширина поля отступа снизу */
#main-window:not([inFullscreen="true"]) #browser-bottombox {
  margin-bottom: calc((var(--nRows) * var(--tab-min-height)) + 1px);
}

/* For Windows */
#TabsToolbar:not([inFullscreen="true"]) > .private-browsing-indicator {
  position: absolute !important;
  right: 0;
  bottom: 1px;
}

#tabbrowser-tabs { width: 96%; }

.tab-background[selected="true"] {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}   

/* Вкладки под закладками */
#TabsToolbar { -moz-box-ordinal-group: 2;
}
#nav-bar{ border-top-width: 0px !important;
}

/* MULTI-ROW TABS 
   based on https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ 
   If tabs are too narrow, go into about:config and adjust browser.tabs.tabMinWidth
*/

/* General Rules */
#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow: visible; 
  display: block;
}
#tabbrowser-tabs .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap;
  height: calc((var(--nRows) * var(--tab-min-height)) + 1px) !important;
}
.tabbrowser-tab, .tab-background {
  height: var(--tab-min-height);
}
.tab-stack {
  width: 100%;
}
#main-window[sizemode="normal"] #TabsToolbar {
  border-left: 1px solid #888 !important;
}

/* Title bar rules */
#titlebar, #titlebar-buttonbox {
  height: var(--tab-min-height) !important;
}
#titlebar {
  margin-bottom: calc(var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #titlebar {
  margin-bottom: calc(6px + var(--tab-min-height)*-1) !important;
}
#titlebar:active {
  margin-bottom: 0 !important;
}
#titlebar:active #titlebar-content {
  margin-bottom: var(--tab-min-height) !important;
}
/* Remove unnecessary buttons and the blank areas at left and right */
#tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, 
#alltabs-button, .tabbrowser-tab:not([fadein]), 
.titlebar-placeholder[type="pre-tabs"], 
.titlebar-placeholder[type="post-tabs"] {
  display: none;
}
/* Ensure a border between tabs (#aaa is a light gray) */
.tabbrowser-tab:not(:last-of-type) {
  border-right: 1px solid #aaa !important;
}

/* крестик при наведении мыши */
#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {
  display: -moz-box !important;
}

/* default tab *****************************/
.tabbrowser-tab .tab-label {
  text-shadow:  none !important;
}
.tabbrowser-tab .tab-label {
  font-weight: 400 !important;
}

/* скрывать значёк в новой вкладке */
/* 
    (1) Hide generic Firefox icon on any tab; 
    (2) Hide icon on tabs with the label "New Tab" 
*/
.tabbrowser-tab .tab-icon-image[src="chrome://branding/content/icon32.png"],
.tabbrowser-tab[label="New Tab"] .tab-icon-image {
  display: none !important;
}

/*стандартная серая схема*/

#toolbar-menubar, #TabsToolbar { 
  background-color: rgb(200,200,200) !important;
}