Настройка внешнего вида Firefox в userChrome.css

IAmSelf · №7026

_zt пишет

IAmSelf
Вот, выбросил все лишнее. Строку легко можно расположить в любом месте окна, в том числе на нижней панели. НО на [firefox]71 не тестировал. Просто заинтересовала сама идея. Данные параметры разместят строку в заголовке окна, со смещением слева и справа, чтобы меню и кнопки управления окном не перекрывать.
скрытый текст
Выделить код
Код:
/*** Заголовок страницы где указано ***/

#main-window::after {
    position: fixed !important;
    content: attr(title) !important;
    top: 7px !important; /* отступ сверху */
    /* или */
    /* bottom: 3px !important; *//* отступ снизу */
    left: 400px !important; /* поле контента */
    right: 242px !important; /* поле контента */
    padding-inline-start: 10px !important; /* отступ текста в начале поля контента */
    padding-inline-end: 10px !important; /* отступ текста в конце поля контента */
    text-align: right !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #6CBE6C !important;
    /*opacity: 0.8 !important;*/
    /*background: #1B2128 !important;*/
    text-shadow: 2px 2px 3px black !important;
}

Спасибо! Заработало.

Retif · №7027

Товарищи, помогите плиз, сил уже никаких нет, опять обновление (на этот раз 71-е) поломало мою панель вкладок (и перетащило её вверх), которую я перемещаю в низ окна (не просто ниже панели закладок, а вниз, где самый низ, к панели задач винды).
Сейчас у меня такой userchome.css, что нужно поправить, чтобы эту панель в низ окна переместить?

скрытый текст

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
position: fixed;
bottom: -0em;
width: 100%;
}
#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
width: 100vw !important;
#content-deck { margin-bottom: 0em; }
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: #C7C7C7 !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

Topper · №7028

Retif
У всех такая беда. Кто-то сделал так, кто-то иначе, штудируйте тему отсюда https://forum.mozilla-russia.org/viewto … 70#p775370

klaus65 · №7029

Может ещё кто чего подкинет.

sandro79
Может такой скролл-бар?

https://github.com/endeavoursc/firefox-overlay-scrollbars-win10

Еще достаточно хорошо смотрятся разноцветные кнопки управления (стидь выкладывали в теме), но это скорее всего на любителя

Отредактировано klaus65 (06-12-2019 15:21:13)

Gruz_ · №7030

Скажите как сделать в firefox 71, что бы вкладки были под адресной строкой

Отредактировано Gruz_ (06-12-2019 15:32:47)

Al.Bizon · №7031

Gruz_ пишет

Скажите как сделать в firefox 71, что бы вкладки были под адресной строкой
<a href="https://ibb.co/2Ydk2fX"><img s … r="0"></a>

скрытый текст

/* Вкладки внизу */

#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
-moz-box-ordinal-group: 1 !important;}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
-moz-appearance: -moz-window-titlebar !important;}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
-moz-appearance: -moz-window-titlebar-maximized !important;}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
visibility: hidden !important;}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
visibility: visible;}
#navigator-toolbox > #titlebar {
-moz-appearance: none !important;
-moz-box-ordinal-group: 100 !important;
--v-control-buttons-left: auto;
--v-control-buttons-right: 0;
position: static !important;}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
--v-control-buttons-left: 0;
--v-control-buttons-right: auto;}

sandro79 · №7032

Retif
Добавьте этот код перед /*** Конец секции для вкладок внизу ***/, должно сработать. Проверено в 71 с вашим кодом, вкладки ушли вниз окна.

скрытый текст

Выделить код

Код:

#TabsToolbar {
  position: fixed !important;
  display:block !important;
  bottom: 0px !important;
  width: 100% !important;
}

Gruz_, ну полистайте тему, последние две-три страницы.

kokoss · №7033

Al.Bizon
Интересный стиль:

скрытый текст

и как мне теперь закрыть или свернуть браузер ?

kokoss · №7034

Retif

sandro79 пишет

Добавьте этот код перед /*** Конец секции для вкладок внизу ***/, должно сработать. Проверено в 71 с вашим кодом, вкладки ушли вниз окна.
скрытый текст

И убрать часть вашего стиля:

скрытый текст

Выделить код

Код:

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}

который вызывает глюк:

скрытый текст

Добавлено: точнее его часть:

~ #TabsToolbar .titlebar-buttonbox-container

Отредактировано kokoss (06-12-2019 17:47:56)

skillful · №7035

Подскажите пожалуйста как называется адресная панель??

Отредактировано skillful (06-12-2019 19:35:17)

kokoss · №7036

skillful пишет

Подскажите пожалуйста как называется адресная панель??

Такой нема, есть панель навигации, на которой находятся: адресная строка и строка поиска.

GENNADICH · №7037

Подскажите плз, а как на 71 уменьшить высоту вкладок, и расстояние между иконками закладок - короче классическая компактная.
Спасибо!

Отредактировано GENNADICH (06-12-2019 19:20:19)

kokoss · №7038

GENNADICH пишет

Подскажите плз, а как уменьшить высоту вкладок

Выделить код

Код:

/* Зум вкладок */
#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
    --tab-min-height: 26px !important;
    --toolbarbutton-inner-padding: 3px !important;
}

skillful · №7039

После обновления на версию 71 панели вкладок и навигации у меня опять оказались на верху. И если панель вкладок удалось спустить вниз окна браузера, то панель навигации не получается. Помогите пожалуйста. Бюджет 300 р.

скрытый текст

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 2 !important;
box-shadow: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 1 !important;
border-top: 1px solid ThreeDShadow !important;

}

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Более толстые кнопки Вперед-Назад */
/*#main-window:not(#f) #back-button {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}*/

/* Hide blue stripe on active tab
.tab-line[selected="true"] {
opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки
.tab-line[selected="true"] {
background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
opacity: 0 !important;
}

/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
position: fixed;
bottom: 0em;
width: 100%;
}

#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em;}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

/* Remove X from Tabs */
/*#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }*/

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
width: 100vw !important;
#content-deck { margin-bottom: 0em; }
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

/* Position the Find Bar above the page */
-moz-box-ordinal-group: 0;

/* Move Find Bar border from top to bottom */
border-top: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}

window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}

#TabsToolbar {
position: fixed !important;
display:block !important;
bottom: 0px !important;
width: 100% !important;
}

}

GENNADICH · №7040

kokoss
Благодарю, поставил 22 - стало сразу так гламурненько
Закладки бы еще в порядок привести и крестики на каждой вкладке куда то пропали нахрен.

Skarm · №7041

Всем доброго времени суток! Опять сломались обновой стили... пару дней форума и костылей помогли, но стоит ли, готовится к полному их отключению?...

Отредактировано Skarm (06-12-2019 20:40:33)

Retif · №7042

sandro79 пишет

Добавьте этот код перед /*** Конец секции для вкладок внизу ***/, должно сработать. Проверено в 71 с вашим кодом, вкладки ушли вниз окна.

Огромное спасибо! Каждый раз мучаюсь с этим css, ничего в нем не понимаю, надергал кусов из найденного в интернете, у меня userchome.css уже на непонятно что похож.

kokoss пишет

И убрать часть вашего стиля:

Спасибо, проверю. У меня сейчас не наблюдается, правда.

kokoss · №7043

GENNADICH пишет

и крестики на каждой вкладке куда то пропали нахрен.

Проверьте без стилей, если не появятся...

Отредактировано kokoss (06-12-2019 23:05:08)

Topper · №7044

GENNADICH пишет

крестики на каждой вкладке куда то пропали

У меня как-то так

yuriymos · №7045

Дайте, пожалуйста, простой код, чтобы получился такой порядок
1. адресная строка
2. строка ярлыков
3. вкладки
Спасибо

UPD. Уже нашел решение.

Отредактировано yuriymos (07-12-2019 03:31:43)

GENNADICH · №7046

Topper
Так у меня то же так, а на каждой нетю, но это не самое главное - для меня важней расстояние между закладками - не помещается в одну строку всё, что было раньше.

Отредактировано GENNADICH (07-12-2019 09:45:50)

sandro79 · №7047

yuriymos, не надо выкладывать бесполезные огрызки стилей, не вводите людей в заблуждение.
GENNADICH Вы чем вообще пользуетесь для настройки интерфейса, если не изменяет память, комплектом стилей от Aris-a? Кнопка закрытия вкладки в дефолтном интерфейсе есть на всех вкладках, значит вам стили мешают. Расстояние между закладками сильно не уменьшить, но в комплекте Aris-a есть пара стилей buttons_on_bookmarks_toolbar_old_size_and_appearance и bookmarks_toolbar_old_height, по умолчанию они активированы в комплекте, если перестали работать - пора обновить комплект. Также есть панель закладок в несколько строк bookmarks_toolbar_multiple_lines_fx66, и скрытие названий с закладки - bookmarks_toolbar_bookmark_labels_hidden.
Для "ищущих" решение по переносу панели вкладок в 71 версии - Последние несколько страниц этой темы посвящены сугубо перемещению панели вкладок!

Topper · №7048

GENNADICH пишет

Так у меня то же так, а на каждой нетю

Я начинал с того, что крестики были на каждой вкладке. Но хотел и сделал, чтоб крестик появлялся только при наведении мышки на вкладку и краснел когда мышь на крестике.
Как это сделал уже не помню, но поковыряться могу, ежели что. Про расстояние не подскажу.

sibirnik · №7049

/*--------Убрать крестик закрытия вкладки--------*/
.tab-close-button {
display: none;
}

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

IAmSelf · №7050

Здравствуйте! Опять я со своей нижней панелью, на которой отображаются кнопки дополнений и заголовок страницы.
После обновления на 71 версию кнопки на этой панели стали вести себя немного странновато: если раньше для выполнения клика по ним было достаточно кончика курсора мышки, то сейчас необходимо, чтобы курсор был над этой кнопкой "в полный рост". Это можно как-то исправить?
Если не ошибаюсь, вот этот код отвечает за такую панель:

скрытый текст

/*********************************************************************************/

toolbarpaletteitem[place="palette"] > toolbaritem.add-additional-springs {
background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
border: none !important;
outline: 1px solid GrayText;
outline-offset: -1px;
min-height: 37px;
}

toolbarpaletteitem:-moz-any([place="toolbar"],[place="panel"],[place="menu-panel"]) > toolbaritem.add-additional-springs {
background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
border: none !important;
min-width: 34px;
min-height: 14px;
outline: 1px solid GrayText;
outline-offset: -1px;
margin-top: 3px;
margin-bottom: 3px;
}

toolbarpaletteitem[place="palette"][id*="add-additional-top-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-vertical-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-bottom-spring"] {
vertical-align: top;
}

toolbarpaletteitem[place] > toolbaritem.add-additional-springs {
-moz-window-dragging: no-drag !important;
}

#add-restart-app {
list-style-image: url("./svg/restart-app-16.svg") !important;
}

#add-additional-vertical-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-top-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-bottom-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-view-history-sidebar-button {
list-style-image: url("./svg/history-16.svg") !important;
}

#add-view-bookmarks-sidebar-button {
list-style-image: url("./svg/bookmark-16.svg") !important;
}

@media (-moz-windows-classic) {
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #add-additional-top-bar:not(:-moz-lwtheme) {
position: relative !important;
}
}

#main-window:-moz-lwtheme {
--lwt-background-tiling: repeat-y !important;
background-repeat: repeat-y !important;
}

#browser-bottombox:-moz-lwtheme {
background-color: transparent !important;
}

#add-additional-vertical-box {
background: none !important;
border: none !important;
box-shadow: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar,
#add-additional-bottom-bar {
-moz-appearance: none !important;
-moz-window-dragging: no-drag !important;
border: none !important;
background-clip: border-box !important;
background-origin: border-box !important;
background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
color: var(--toolbar-color, -moz-DialogText) !important;
}

#add-additional-bottom-bar {
border-top: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar {
padding: 0 !important;
margin: 0 !important;
font-size: 1rem !important;
min-width: 19px !important;
width: auto !important;
-moz-box-align: stretch !important;
-moz-box-pack: start !important;
-moz-box-orient: vertical !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:-moz-lwtheme,
#add-additional-bottom-bar:-moz-lwtheme {
background-color: var(--toolbar-bgcolor, rgba(255,255,255,.4)) !important;
background-image: none !important;
color: var(--chrome-color, inherit) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme #add-additional-vertical-bar {
background-repeat: repeat-y !important;
background-size: auto auto !important;
background-attachment: fixed !important;
background-position: right top !important;
background-color: var(--lwt-accent-color, white) !important;
background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))), var(--lwt-header-image, var(--v-lwt-header-image, none)) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme-brighttext #add-additional-vertical-bar {
background-color: var(--lwt-accent-color, black) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]) {
border-inline-end: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box[verticalbarstart="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
border-inline-end: none !important;
border-inline-start: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar[collapsed="true"] {
padding: 0 !important;
border: none !important;
min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons {
-moz-box-orient: vertical !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons separator {
display: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspring {
min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarseparator {
-moz-appearance: none !important;
margin: 0.2em 2px !important;
border-bottom: 1px solid ThreeDHighlight !important;
border-top: 1px solid ThreeDShadow !important;
height: 2px !important;
border-left: none !important;
border-right: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspacer {
height: 15px !important;
}

#add-additional-vertical-container[vertautohide="true"] {
position: relative !important;
min-width: 100px !important;
width: 100px !important;
max-width: 100px !important;
overflow: visible !important;
margin-inline-start: 0 !important;
margin-inline-end: -100px !important;
pointer-events: none !important;
visibility: hidden !important;
}

#add-additional-vertical-container[vertautohide="true"][verticalbarstart="false"] {
margin-inline-start: -100px !important;
margin-inline-end: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"] {
position: absolute !important;
z-index: 3 !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: auto !important;
font-size: 0px !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"],
#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) {
left: auto !important;
right: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) {
left: 0 !important;
right: auto !important;
}

#add-additional-vertical-box[vertautohide="true"] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: calc(-1 * (100% - 5px));
right: auto;
opacity: 0;
animation-name: toolbar-hide !important;
animation-timing-function: linear !important;
animation-duration: 0.2s !important;
animation-iteration-count: 1 !important;
animation-delay: 0s !important;
transition-property: opacity !important;
transition-timing-function: step-start !important;
transition-duration: 0s !important;
transition-delay: 0.2s !important;
pointer-events: auto !important;
height: 100% !important;
visibility: visible !important;
position: relative !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: auto;
right: calc(-1 * (100% - 5px));
animation-name: toolbar-hide-rtl !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]) {
left: calc(-1 * (100% - 5px));
right: auto;
animation-name: toolbar-hide !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: 0px;
right: auto;
opacity: 1;
animation-name: toolbar-visible !important;
transition-delay: 0s !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl)[auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"][auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: auto;
right: 0px;
animation-name: toolbar-visible-rtl !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl)[auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
left: 0px;
right: auto;
animation-name: toolbar-visible !important;
}

@keyframes toolbar-hide {
from {
left: 0px;
}
to {
left: calc(-1 * (100% - 5px));
}
}

@keyframes toolbar-hide-rtl {
from {
right: 0px;
}
to {
right: calc(-1 * (100% - 5px));
}
}

@keyframes toolbar-visible {
from {
left: calc(-1 * (100% - 5px));
}
to {
left: 0px;
}
}

@keyframes toolbar-visible-rtl {
from {
right: calc(-1 * (100% - 5px));
}
to {
right: 0px;
}
}

#main-window[inDOMFullscreen] #add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-bottom-bar[collapsed="true"][customizable="true"][customizing="true"],
#add-additional-vertical-box > #add-additional-vertical-bar > :-moz-any(#personal-bookmarks,#search-container) {
visibility: collapse !important;
padding: 0 !important;
border: none !important;
min-width: 0 !important;
}
}

Отредактировано IAmSelf (08-12-2019 00:52:04)

Полезная информация

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer