/* Оптимизировано для Linux - Firefox 56, Basilisk 52.9 */

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);    /* set default namespace to XUL */
@namespace html url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);

:root { /* переменные - настройка стиля */
    --tab-my-height: 20px; /* высота вкладки */
    --tab-max-width: 450px;
    --tab-min-width: 180px;
    --tab-pinned-width: 24px;
    --tab-min-width-selected: 250px;
    --tab-selected-bg: #FFFFD0;
}
/* Size fixes Margins and Paddings */
.tab-content{ /* Отступ в табе сверху */
    padding-top: 0px !important;
    padding-right: 0px !important;
    -moz-padding-start: 2px !important;
    -moz-padding-end: 2px !important;
}
.tab-content[pinned]{
    -moz-padding-start: 3px !important;
}
/* смещение вверх содержимого табов */
.tabbrowser-tab *{
    margin-top: -2px !important;
}
.tabbrowser-tab, .tabs-newtab-button{
    background: #cedbe9 !important;
    color: #000 !important; /* текст */
    margin-right: 1px !important; /* расстояние между табами */
    border-right:solid 1px royalblue !important;
}
/*.tab-close-button:not([pinned]){ -moz-margin-start: 0px !important;}*/

.tabs-newtab-button{
    max-width: 24px !important;
    margin-left: 0px !important; margin-right: 0px !important;
}
/* Закреплённые вкладки */
.tabbrowser-tab[pinned]{
    min-width: var(--tab-pinned-width) !important; max-width: var(--tab-pinned-width) !important; width: var(--tab-pinned-width) !important;
}
tab[pinned=true] .tab-content{
    padding: 0 !important; padding-top: 2px !important; padding-left: 7px !important;
}
tab[pinned=true] .tab-text.tab-label, tab[pinned=true] .tab-icon-overlay{ display: none!important;}

.tabbrowser-tabs[overflow=true] tab[pinned=true] .tab-content{
    padding-left: 3px !important;
}
.tabbrowser-tab:not([selected=true]):hover, .tabs-newtab-button:hover{
    background: var(--navbar-background) !important; /* наведение: остальные вкладки */
}
.tabbrowser-tab[selected=true]:hover{ /* наведение: активная вкладка */
}
.tabbrowser-tab:hover{ /* наведение: вкладка */
    filter: contrast(110%) saturate(120%) drop-shadow(0px 0px 1px blue) !important;
}
.tabbrowser-tab[selected=true]:not(:-moz-lwtheme), .tabbrowser-tab[selected=true]:-moz-lwtheme{
    background: var(--tab-selected-bg) !important; /* фон активной вкладки */
    font-weight: bold !important;
    filter: drop-shadow(0px 0px 1px royalblue) !important;
}
.tabbrowser-tab[pinned][selected=true]:not(:-moz-lwtheme), .tabbrowser-tab[pinned][selected=true]:-moz-lwtheme{
    background: var(--tab-selected-bg) !important; /* фон активной закрепленной вкладки */
}
.tabbrowser-tab[pinned]:not(:-moz-lwtheme), .tabbrowser-tab[pinned]:-moz-lwtheme{
    background: #f8f0b0 !important; /* фон неактивных закрепленных вкладок */
}
/* кнопка закрытия вкладки скрывается на неактивных вкладках */
.tab-close-button:not([selected]){ display: none !important;}

/* Убрать фигурные края табов */
.tab-background-start, .tab-background-end{visibility: hidden!important; box-shadow: none!important;}
/* Убрать фон встроенной темы активной вкладки */
.tab-text.tab-label, .tab-background-middle{background: none!important;}

/* иконка отключения звука */
.tab-icon-sound:not(:hover){ opacity: .5 !important;}
.tabbrowser-tab .tab-icon{ padding-top: 1.4px !important;}
.tabs-newtab-button .toolbarbutton-icon{ margin-bottom: -4px !important;}

/* вкладка незагружена */
.tabbrowser-tab[pending]{ opacity: .5;}

/* вкладка непрочитана */
#tabbrowser-tabs tab.tabbrowser-tab[unread=true] .tab-text.tab-label{
    color: #000060 !important;
    font-style: italic !important;
}
.tab-throbber:not([pinned]), .tab-icon-image:not([pinned]){
    -moz-margin-end: 3px !important;
}
/* Обводка табов */
#TabsToolbar .tabbrowser-tab, #TabsToolbar .tabs-newtab-button, #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-content{
    border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; border-image: none !important; border-style: unset !important;
}
/* убрать окантовку вкладок, скрыть кнопку закрытия */
#TabsToolbar, .tabbrowser-tab *:not([selected]), .tabs-newtab-button, .toolbarbutton, .tab-background *{
    background-image: none !important;
}
/* Scroll buttons */
.tabbrowser-arrowscrollbox > .scrollbutton-up, .scrollbutton-down{
    max-height: var(--tab-my-height) !important;
    background-color: rgba(226, 255, 253, 1) !important;
    border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; border-image: none !important; border-style: unset !important;
}
/* Remove right placeholder */
#main-window[sizemode="normal"] > #tab-view-deck > #browser-panel > #navigator-toolbox > #TabsToolbar > .titlebar-placeholder{ visibility: collapse !important;}

#TabsToolbar .arrowscrollbox-scrollbox{ padding-left: 3px !important;}

#TabsToolbar .titlebar-placeholder, #titlebar-buttonbox-container #titlebar-buttonbox{ margin-left: 1px !important;}

.tabbrowser-tab:not([busy]):not([pinned]) .tab-icon-image:not([src]){
    display: inline !important;
}
/* пределы ширины вкладки */
.tabbrowser-tab[fadein]:not([pinned]){
    min-width: var(--tab-min-width) !important; max-width: var(--tab-max-width) !important;
}
.tabbrowser-tab[fadein][selected]:not([pinned]){
        min-width: var(--tab-min-width-selected) !important;
}
#TabsToolbar {
    -moz-box-ordinal-group: 2; /* вкладки внизу: */
    margin-top: -3px !important;
    min-height: calc(var(--tab-my-height) + 2px) !important; height: calc(var(--tab-my-height) + 2px) !important;
}

.tabbrowser-tab, .toolbarbutton, .tabs-newtab-button{ min-height: var(--tab-my-height) !important; max-height: var(--tab-my-height) !important;
}
/* Вкладки в несколько строк */
#TabsToolbar .tabbrowser-arrowscrollbox, #TabsToolbar .arrowscrollbox-scrollbox, #TabsToolbar .scrollbox-innerbox {
    display: block !important;
}
.scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator {
    display: none !important;} /* скрываются кнопки прокрутки табов влево/вправо */
.tabbrowser-tab {
    vertical-align: bottom !important;}

/* коррекция для Windows
#TabsToolbar { margin-top: 3px !important;}
#titlebar{ visibility: visible !important;}
*/

/* цвет пустой страницы */    
    @-moz-document url("about:newtab") {  
    body {
        background-color: #000000 !important;
    }
}