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

/*Убираем "туман" с панели вкладок*/
#TabsToolbar:not(:-moz-lwtheme):after { box-shadow: none !important; }

/*Инвертируем цвет элементов панели вкладок, которые появляются при открытии большого числа вкладок*/
#new-tab-button, #TabsToolbar > toolbarpaletteitem > #new-tab-button {
  list-style-image: url('chrome://browser/skin/tabbrowser/newtab-inverted.png') !important; }

#alltabs-button {
  list-style-image: url('chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png') !important; }

.tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png") !important; }

/*Убираем отступ слева от вкладок*/
#TabsToolbar .arrowscrollbox-scrollbox {
  padding: 0 !important; }

/* Настраиваем ширину вкладок */
.tabbrowser-tab:not([pinned])[fadein] {
   min-width: 50px !important;
   max-width: 150px !important; }

/*Ограничиваем высоту вкладок*/
#TabsToolbar .tabbrowser-tabs {
  min-height: 24px !important;  }

/*Рисуем вкладки*/
#TabsToolbar .tabbrowser-tab {
  border: 1px solid  rgba(0,0,0,.3) !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  text-shadow: 0 0 4px rgba(255,255,255,.75) !important;
  background-image: linear-gradient(to bottom, #d0ddeb, #b7c3cf) !important;
  background-clip: padding-box !important;
  transition: all .1s !important;
  margin: 0 0 2px 0 !important;}

/*Рисуем кнопку открытия новой вкладки*/
#TabsToolbar .tabs-newtab-button {
  border: 1px solid  rgba(0,0,0,.3) !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  text-shadow: 0 0 4px rgba(255,255,255,.75) !important;
  background-image: linear-gradient(to bottom, #d0ddeb, #b7c3cf) !important;
  background-clip: padding-box !important;
  transition: all .1s !important;
  margin: 0 1px 2px 0 !important;
  width: auto !important;
  padding: 0 5px !important; }

/*Окрашиваем активную вкладку и убираем нижнюю ее границу для бесшовного примыкания к панели навигации*/
#TabsToolbar .tabbrowser-tab[selected] {
  height: 25px !important;
  padding-bottom: 1px !important;
  background-image: linear-gradient(to bottom, #eaf2fa, #eaf2fa) !important;
  border-bottom: none !important;  }

/*Окрашиваем неактивные вкладки и кнопку открытия новой вкладки при наведении курсора*/
#TabsToolbar .tabs-newtab-button:hover, #TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  background-image: linear-gradient(to bottom, #dfeaf5, #c5d0db) !important; }

/*Убираем скругления вкладок при наведении*/
#TabsToolbar .tab-background {
  margin: 0 !important;
  background: transparent !important; }

/*Убираем фигурные области по бокам вкладки*/
#TabsToolbar .tab-background-start, #TabsToolbar .tab-background-end {
  display: none !important; }

/*Редактируем размер центральной области вкладки*/
#TabsToolbar .tab-background-middle {
  margin: -4px -2px !important;
  background: transparent !important; }

/*Убираем встроенные в тулбар визуальные границы вкладок*/
#TabsToolbar .tabbrowser-tab:after, #TabsToolbar .tabbrowser-tab:before {
  display: none !important ; }

/*Для плавного перехода между активной вкладкой и нижестоящим тулбаром убираем у последнего верхнюю границу и тень*/
#nav-bar {
  box-shadow: none !important;
  border-top: none !important; }

/*Сдвигаем панель вкладок на 1px для выравнивания первой вкладки относительно границы окна*/
#TabsToolbar {
  margin-left: -1px !important; }