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

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

№1030127-05-2021 07:57:05

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 166
UA: Firefox 88.0

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

_zt
да, нанче можно просто по ПКМ на панели закладок добавить Другие закладки и переименовать для удобвства кодом

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

Выделить код

Код:

#OtherBookmarks > label {
    display: none !important;
}
#OtherBookmarks > image {
    -moz-box-ordinal-group: 0 !important;
}
#OtherBookmarks::before {
    content: "temp";
    display: -moz-box;
}


Но с помощью place:parent=unfiled_____ Другие закладки можно создать в другой папке, а не только на панели закладок!

Но мне больше непонятны дополнительные ключи place:parent=unfiled_____&queryType=1&excludeItems=1&expandQueries=0
Для чего они и можно ли каким то другим ключом автоматически сортировать закладок по времени добавления и т.д.

Отредактировано momo2000 (27-05-2021 07:58:52)

Отсутствует

 

№1030227-05-2021 13:52:23

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 942
UA: Firefox 88.0

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

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

скрытый текст
dcb3f2a3af3cb13bde8835428fc320f9.jpg
Изначально делался для стандартной темной темы + full_theme от Vitaliy V., но оказалось, что почти также работает и просто на стандартных темах (темная и цветная (для светлых придется цвет шрифта менять)), единственное что надо - закомментировать одну строку. Поэтому решил поделиться. Все секции подписаны, менее существенные внизу.
скрытый текст

Выделить код

Код:

/* Стиль для дополнительных панелей (меню) nav-bar, включая:
 * расширенное меню, меню гамбургера, меню инструментов разработчика,
 * меню улучшенной защиты от отслеживания, меню идентификации, меню загрузок,
 * а также уведомления nav-bar
 * https://forum.mozilla-russia.org/viewtopic.php?pid=791195#p791195        ***/
 
/* основной цвет и прозрачность, если не задано другим стилем-темой,
 * если задано или прозрачность не нужна, то попробуйте закомментировать ***/
vbox.panel-arrowcontainer box.panel-arrowcontent {
    background: rgba(40,42,50,0.9) !important;
}
/* Цвет фона */
#appMenu-multiView,
#customizationui-widget-multiview,
#protections-popup-multiView,
#identity-popup-multiView,
#downloadsPanel-multiView {
    background: transparent !important;
}
#widget-overflow-mainView,
#appMenu-protonMainView,
#appmenu-moreTools,
#protections-popup-mainView,
#identity-popup-mainView,
#downloadsPanel-mainView {
    background: rgba(20,20,20,0.1) !important;
}
/* Отступы сепараторов */
#widget-overflow-mainView toolbarseparator,
#appMenu-protonMainView.PanelUI-subView vbox.panel-subview-body toolbarseparator,
#appmenu-moreTools.PanelUI-subView toolbarseparator,
#appmenu-moreTools.PanelUI-subView.cui-widget-panelview vbox.panel-subview-body toolbarseparator,
#protections-popup-mainView toolbarseparator,
#identity-popup-mainView toolbarseparator,
#identity-popup-securityView > toolbarseparator,
#protections-popup-multiView toolbarseparator{
    padding: 0 !important;
    margin: 0 !important;
}
#identity-popup-clear-sitedata-footer toolbarseparator,
#identity-popup-more-info-footer toolbarseparator {
    margin: -2px -8px 0 -8px !important;
}
/* Выделение фона последних (для moreTools первых) пунктов */
#overflowMenu-customize-button,
#appMenu-quit-button2,
#appmenu-moreTools-button,
#protections-popup-show-report-button,
#protections-popup-cookiesView-settings-button,
#protections-popup-trackersView-settings-button,
#protections-popup-socialblockView-settings-button,
#protections-popup-fingerprintersView-settings-button,
#protections-popup-cryptominersView-settings-button,
#protections-popup-sendReportView-settings-button,
#identity-popup-clear-sitedata-footer,
#identity-popup-more-info-footer {
    background: rgba(50,50,50,0.5) !important;
    min-height: 28px !important;
    padding: 2px 8px 4px 8px !important;
    margin: 0 !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
/*  */
#overflowMenu-customize-button:hover,
#appMenu-quit-button2:hover,
#appmenu-moreTools-button:hover,
#protections-popup-show-report-button:hover,
#protections-popup-cookiesView-settings-button:hover,
#protections-popup-trackersView-settings-button:hover,
#protections-popup-socialblockView-settings-button:hover,
#protections-popup-fingerprintersView-settings-button:hover,
#protections-popup-cryptominersView-settings-button:hover,
#protections-popup-sendReportView-settings-button:hover,
#identity-popup-clear-sitedata-footer:hover,
#identity-popup-more-info-footer:hover,
#downloadsHistory:hover {
    background: rgba(70,70,70,0.6) !important;
}
/* выравнивание отступа от нижнего\верхнего края */
#appMenu-protonMainView {
    margin-bottom: -4px !important;
}
#appmenu-moreTools {
    margin-top: -8px !important;
}
/* ЗАКОММЕНТИРУЙТЕ, если нет full_theme от VitaliyV, хз почему так */
#protections-popup-mainView {
    margin-bottom: -4px !important;
}
/* выравнивание пунктов граничащих с сепараторами */
#appMenu-bookmarks-button,
#appMenu-save-file-button2,
#appMenu-settings-button {
    margin-top: 4px !important;
}
#appMenu-find-button2,
#appMenu-extensions-themes-button,
#appMenu-help-button2 {
    margin-bottom: 6px !important;
}
#protections-popup-footer {
    padding-top: 0px !important;
}
#tracking-protection-container {
    padding-bottom: 0px !important;
}
/* Меню идентификации */
#identity-popup-security-button {
    height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}
#identity-popup-clear-sitedata-footer,
#identity-popup-more-info-footer {
    margin-block: 0 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    height: 28px !important;
}
#identity-popup-clear-sitedata-button:hover,
#identity-popup-more-info:hover {
    background-color: transparent !important;
}
#identity-popup-clear-sitedata-button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0 !important;
    height: 28px !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
#identity-popup-clear-sitedata-button label.toolbarbutton-text {
    padding-bottom: 2px !important;
}
/* пункт "Удалить куки и данные сайта" всегда видимый */
#identity-popup-clear-sitedata-footer[hidden="true"] {
    display: -moz-box !important;
    color: orange !important;
}

#identity-popup-securityView .panel-header {
    padding-top: 0 !important;
}
#identity-popup-securityView .identity-popup-security-connection {
    padding-top: 4px !important;
}
#identity-popup-securityView-body description {
    padding-bottom: 4px !important;
}

/* Меню защиты */
.protections-popup-tp-switch[enabled] {
    background-color: rgb(10,145,255) !important;
    border-color: rgb(10,145,255) !important;
}
#protections-popup-show-report-button {
    border-top: 1px solid rgba(204,204,204,.2) !important;
}

/* Меню загрузок */
#downloadsPanel-mainView {
    padding: 0 !important;
    margin: 0 !important;
}
#downloadsPanel-mainView vbox.panel-view-body-unscrollable {
    padding: 0 !important;
    margin: -4px 0 -8px 0 !important;
}
#downloadsFooterButtons {
    background: rgba(50,50,50,0.5) !important;
    height: 30px !important;
    padding: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin: 0 !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
#downloadsFooterButtons toolbarseparator {
    margin: -1px 0 0 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}
#downloadsHistory {
    padding: 0 10px 0 10px !important;
    height: 28px !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin: -1px 0 0 0  !important;
}
#downloadsListBox > richlistitem.download-state {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
/* appMenu - иконки масштаба и полного экрана */
#appMenu-zoom-controls2 {
    margin-right: 0 !important;
}
#appMenu-zoomReduce-button2 {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAK0lEQVQ4EWNgGAXDIAQYYX74//+/AwMDgwMDceAAIyPjAQYgYALiUTQaAgD7bwUE9o9tpwAAAABJRU5ErkJggg==) !important;
}
#appMenu-zoomEnlarge-button2 {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAWklEQVQ4Ec2QwQ0AIQgEB3OFUdqVRmccRu/hQ2LiQyfyGrNZgKtxd62TlSyZDKeAklASt6TOB8jfsx9LGVEaxoiJiBFsrxAZ8xet3jrzH7Dd4HzAk+0XzrieDw0AFMo1vXUTAAAAAElFTkSuQmCC) !important;
}
#appMenu-fullscreen-button2 {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAACbSURBVDhP7ZPdDYAgDITBNZiCPZhJozPBHEzBHOo1rYGKP4mvfgkJ7V0vxEZbSllNB+ec5Stx5SMBJ8Y4cusReGWOAqTxJqT2HgFaIGcH7WkCwF1IT0M98J0IISw554nLBrsDDR5u/Qj1FgC+cm8LKaVJ909bgMF7P3PZsO5AO4XLCyDoPWu0h2al8TQs1N4j4O2wIMM4H39nYzYfFtqjoDYKvwAAAABJRU5ErkJggg==) !important;
}
#appMenu-zoomReset-button2 > .toolbarbutton-text,
#appMenu-fullscreen-button2 > .toolbarbutton-icon {
    background-color: transparent !important;
}
#appMenu-zoomReduce-button2:hover,
#appMenu-zoomReset-button2:hover,
#appMenu-zoomEnlarge-button2:hover,
#appMenu-fullscreen-button2:hover {
    background: Highlight !important;
}
/* Перенос кнопок масштаба выше, типа как раньше было */
#appMenu-new-private-window-button2 ~ :not(#appMenu-zoom-controls2) {
    -moz-box-ordinal-group: 2;
}
#appMenu-zoom-controls2 {
    border-top: 1px solid rgba(204,204,204,.3) !important;
    margin-top: 4px !important;
}
/* раскраска в protections-popup и identity-popup */
#protections-popup-mainView-panel-header-span,
#identity-popup-mainView-panel-header-span {
    color: Highlight !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
#protections-popup-footer-protection-type-label[label="Персональная"] {
    color: rgb(84, 255, 189) !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}

#protections-popup-mainView-panel-header-span,
#identity-popup-mainView-panel-header-span {
    font-size: 14px !important;
}
#protections-popup-info-button.panel-info-button > image {
    fill: rgb(10,145,255) !important;
}
#protections-popup-footer-protection-type-label {
    margin-right: 3px !important;
}
#protections-popup-blocking-section-header,
#protections-popup-not-found-section-header,
#protections-popup-trackers-blocked-counter-description {
    color: rgb(7, 195, 253) !important;
    text-shadow: 0 0 1px rgba(0,0,0,.7),
                 0 1px 1.5px rgba(0,0,0,.5) !important;
}
/* возвращаем "Персонализацию" */
#overflowMenu-customize-button[label="Настроить панель инструментов…"] > .toolbarbutton-text {
    display: none !important;
}
#overflowMenu-customize-button[label="Настроить панель инструментов…"]::before {
    content: "Персонализация…";
    display: -moz-box;
    padding-inline-start: 8px; /* 22 */
    -moz-box-flex: 1;
}
#appmenu-moreTools-button[label="Настройка панели инструментов…"] .toolbarbutton-text {
    display: none !important;
}
#appmenu-moreTools-button[label="Настройка панели инструментов…"]::before {
    content: "Персонализация…";
    display: -moz-box;
    padding-inline-start: 0px;
    -moz-box-flex: 1;
}
/* убираем неактивный пункт в developer-tools */
#appmenu-developer-tools {
    display: none !important;
}
/* баннер в(под) заголовком в protections-popup */
#protections-popup #messaging-system-message-container {
    height: 0px !important;
    display: none !important;
    visibility: collapse !important;
}
/* пункт печати в гамбургере, или замените этим селектором
 * #appMenu-save-file-button2 в секции "выравнивание сепараторов" */
#appMenu-print-button2 {
    display: none !important;
}
/***/

Проверял только на Windows 7, [firefox] 91 ESR.
ps^ правки под последние изменения full_theme

Отредактировано _zt (06-09-2021 14:52:43)


Fx 91 esr

Отсутствует

 

№1030331-05-2021 18:29:11

Renegade
Win10 64bit
 
Группа: Members
Откуда: Николаев
Зарегистрирован: 13-04-2011
Сообщений: 501
UA: Firefox 89.0

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

вышел 89 ФФ, сразу столкнулся с неудобствами: в списке закладок большие вертикальные интервалы между закладками (кстати, у меня список в виде колонок, за что спасибо камрадам за скрипт), панель меню и панель адресной строки, а особенно -  панель открытых вкладок, увеличили высоту.
не хочется целиком убирать налаженный скрипт, в котором и закладки колонками, рокировка меню, цвет активной вкладки и панель вкладок под адресной строкой.
что-то надо что-то конкретное взять из протон-фикс? но что, если оттуда. не весь целиком.

в профайле не высвечивается 89 версия, ну то таке...

Отредактировано Renegade (31-05-2021 21:41:37)

Отсутствует

 

№1030431-05-2021 21:00:29

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

Vitaliy V.
Как то давно вы помогли убрать из папок с закладками название сайтов https://forum.mozilla-russia.org/viewto … 02#p768202
В 89 что то сломалось.

скрытый текст
gQrdIG0.png

Отредактировано Jo (31-05-2021 21:02:01)

Отсутствует

 

№1030531-05-2021 23:20:51

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 942
UA: Firefox 78.0

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

Jo
Как то так:

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

Выделить код

Код:

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item > menu.bookmark-item, 
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item > menuitem.bookmark-item {
	min-width: 4em; /* подберите значение */
}
/* 1-я строка для папок */
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item > label,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item > label {
    display: none !important;
}
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.openintabs-menuitem label.menu-text {
    display: none !important;
}

И кнока внизу рабочей останется, но без текста.
скрытый текст
2021.1622492400.jpg
ps^ Папки на панели у меня свои такие.
   
Renegade
Вы проверяли, Fix закладки затрагивает? Интервалы в закладках легче в вашем скрипте скорректировать.

Отредактировано _zt (31-05-2021 23:41:34)


Fx 91 esr

Отсутствует

 

№1030601-06-2021 05:16:28

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

_zt
Как уменьшить расстояние между иконками и убрать кнопку с разделителем?

89
NiGBu7X.png

88
8ESxxfm.png

Как было в 88 нравится больше.

Отредактировано Jo (01-06-2021 05:26:54)

Отсутствует

 

№1030701-06-2021 08:15:20

vending_machine
Участник
 
Группа: Members
Зарегистрирован: 10-01-2020
Сообщений: 465
UA: Firefox 88.0

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

Jo пишет

_zt
Как уменьшить расстояние между иконками и убрать кнопку с разделителем?



Как было в 88 нравится больше.

:rock:

Выделить код

Код:

/*  уменьшить интервал между закладками */ 
#PlacesToolbarItems menuitem.bookmark-item,
#PlacesToolbarItems menu.menu-iconic  {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
}

Отсутствует

 

№1030801-06-2021 08:34:36

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

vending_machine
Спасибо сделать везде -5
Как убрать кнопку "открыть все кладки" и разделитель?

скрытый текст
cIpIR8P.png

Отсутствует

 

№1030901-06-2021 10:15:18

Renegade
Win10 64bit
 
Группа: Members
Откуда: Николаев
Зарегистрирован: 13-04-2011
Сообщений: 501
UA: Firefox 88.0

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

_zt пишет

Интервалы в закладках легче в вашем скрипте скорректировать

а высоту панелей (особенно - панели открытых вкладок)?

Отредактировано Renegade (01-06-2021 10:16:20)

Отсутствует

 

№1031001-06-2021 10:38:07

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

Здравствуйте!
FF 89, включена стандартная темная тема.
Что нужно добавить в этот код, чтобы обводящая Активную вкладку полоска, стала жирнее:

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

Выделить код

Код:

#tabbrowser-tabs:-moz-lwtheme-brighttext {
    --tab-line-color: #0078D7 !important;
}

Отсутствует

 

№1031101-06-2021 11:22:40

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 942
UA: Firefox 78.0

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

Jo
Заменить последнее на

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

Выделить код

Код:

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuseparator.bookmarks-actions-menuseparator,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.openintabs-menuitem {
    display: none !important;
}


Renegade
В фиксе все подписано, почти каждая строка. Примените фикс импортом, потом уже предметно говорить можно будет. Не понравится - удалите файл, или удалите ненужное вам в фиксе, или все после строки /** BookMark Bar - Reduce Height ***...
Переименуйте userChrome.css фикса в userChrome-FIX.css, кинте в папку Chrome, а в своем userChrome.css первой строкой добавьте

Выделить код

Код:

@import "./userChrome-FIX.css";

v4386
В 89 с чистым профилем ваш код ничего не делает.


Fx 91 esr

Отсутствует

 

№1031201-06-2021 11:37:13

Renegade
Win10 64bit
 
Группа: Members
Откуда: Николаев
Зарегистрирован: 13-04-2011
Сообщений: 501
UA: Firefox 88.0

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

_zt пишет

удалите ненужное вам в фиксе, или все после строки /** BookMark Bar - Reduce Height ***...

а как Вам советы здесь?
https://www.userchrome.org/firefox-89-styling-proton-ui.html

Отсутствует

 

№1031301-06-2021 12:15:46

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 942
UA: Firefox 78.0

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

Renegade
Там один совет + конфигуратор вкладок.
Вкладки прилипли, меню сжались.
   
Я раньше пользовался их конфигуратором адресной строки - https://www.userchrome.org/megabar-styl … s-bar.html.
Да и сейчас для адресной строки часть кода у меня оттуда, та часть что отвечает за высоту без скролла, двустрочное отображение результатов и подсветку совпадений в  выпадающем при вводе меню.


Fx 91 esr

Отсутствует

 

№1031401-06-2021 12:55:12

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 47
UA: Firefox 89.0

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

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

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

Выделить код

Код:

:root {
  --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_border-tnot_normal_mode_size: 1px;
  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);
  --classic_squared_tabs_tab_text_color: black;
  --classic_squared_tabs_new_tab_icon_color: black;
  --classic_squared_tabs_tab_text_shadow: transparent;
  --tab-min-height_tnot: 32px;
}

:root[uidensity=compact]  {
  --tab-min-height_tnot: 28px;
}

:root[uidensity=touch] {
  --tab-min-height_tnot: 40px;
}

/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar {
  -moz-padding-start: 2px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#TabsToolbar:-moz-lwtheme,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[sizemode="maximized"] #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar {
  -moz-padding-start: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar {
  margin-top: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  padding-top: 0px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
#main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* tab title in titlebar support */
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* titlebar button support */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{
  margin-top: 2px !important;
}

/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
  visibility: collapse !important;
}

#main-window[inDOMFullscreen="true"] #TabsToolbar {
  opacity: 0 !important;
}

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

/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/

/* toolbar colors */
#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  background-image: var(--colored_menubar_background_image) !important;
  border: 0px !important;
  margin-bottom: -1px !important;
}

#nav-bar:not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_navbar, inherit) !important;
}

toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_toolbars, inherit) !important;
}
#TabsToolbar:not(:-moz-lwtheme){
  -moz-appearance: none !important;
  background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
}

/* remove color overlay for lw-themes */
#main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}

/* adjust compact themes background color */
#main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {
  -moz-appearance: none !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
}

#main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}

/* toolbar borders */
#main-window #navigator-toolbox::after {
  opacity: 0 !important;
}

#TabsToolbar{
  margin-bottom: 0px !important;
  border-bottom: 1px solid #5f7181 !important;
}

#main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  background-clip: padding-box !important;
}

#main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: 0px !important;
  border-right: 0px !important;
}

#main-window[style*='--lwt-header-image'][sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme,
#main-window[style*='--lwt-header-image'][sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}

#main-window:not([sizemode="fullscreen"])[tabsintitlebar] #TabsToolbar{
  -moz-margin-end: 0px !important;
}

#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  visibility: collapse !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 21px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 20px !important;
}

#tabbrowser-tabs .tab-drop-indicator {
  margin-bottom: 0px !important;
}

#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
  background-image: none !important;
  box-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
  box-shadow: unset !important;
}

/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
  padding-bottom: unset !important;
}

#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}

#TabsToolbar[movingtab] + #nav-bar {
  margin-top: unset !important;
}

/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  fill: black !important;
}

/* Fx58+ titlebar placeholders */
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

@media (-moz-os-version: windows-win10) {
    #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
}

@media (-moz-windows-classic) {

    /* tweaks for Windows Classic theme */
    #nav-bar:not(:-moz-lwtheme),
    #PersonalToolbar:not(:-moz-lwtheme),
    #main-window:not([tabsintitlebar])  #TabsToolbar:not(:-moz-lwtheme) {
      border-left: unset !important;
      border-right: unset !important;
      background: unset !important;
    }

    #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
      border-left: 0px !important;
      border-right: 0px !important;
    }

    #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
      background: unset !important;
      box-shadow: unset !important;
      border-bottom: unset !important;
    }

    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
      background: unset !important;
      box-shadow: unset !important;
      border: unset !important;
      border-image: unset !important;
    }

    #main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
      background: unset !important;
    }

}

/* tab text colors */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  color: var(--classic_squared_tabs_tab_text_color) !important;
  text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;
}

/* fix Windows 7s default tab background (remove dark purple bg color)*/
@media (-moz-os-version: windows-win7) {
  @media (-moz-windows-default-theme) {
    .tabbrowser-tab:not([selected]):not(:hover):not(:-moz-lwtheme) {
      background-color: #e3e4e6 !important;
    }
    .tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) {
      background-color: #cccdcf !important;
    }

  }
}

/* Simple Close Tab button */
#TabsToolbar:not(:-moz-lwtheme) #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://7904448c-2319-4f6f-aac9-a1f701258098/icons/Close-dark.svg") !important;
}

/* close tab button */
#TabsToolbar:not(:-moz-lwtheme) #closetab_fmarin_com-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
  --webextension-toolbar-image-2x-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
}

/* close window button */
#TabsToolbar:not(:-moz-lwtheme) #close-window-button_nanpuyue_com-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
  --webextension-toolbar-image-2x-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}

#TabsToolbar {
  position: absolute !important;
  display:block !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar .titlebar-buttonbox-container {
  /*display: none !important;*/
  visibility: hidden !important;
}


/* move caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}

/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  top: -14px !important;
}


/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 1px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 8px !important;
    }
}

/* Windows 7/8 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      display: block !important;
      margin-top: -13px !important;
    }
  }
  @media not all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -2px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 0px !important;
    }
  }
}

@media (-moz-os-version:windows-win8) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container    {
      top: -13px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -5px !important;
    }
}


/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
    background-color: Highlight !important;
    color: HighlightText !important;
  }
}

/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}

/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

/* adjust private mode icon position */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar][privatebrowsingmode=temporary]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      position: fixed !important;
      top: 0 !important;
      right: 130px !important;
      visibility: visible !important;
      display: block !important;
    }
    #main-window[tabsintitlebar][privatebrowsingmode=temporary][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      top: 8px !important;
    }
}

/* adjust tabs toolbar padding */
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
 -moz-padding-start: 0px !important;
 -moz-margin-start: 0px !important;
}

/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}

/* disable Mozillas tab jumping nonsense when moving tabs */
#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;
}

/* size of new tab tabs '+' icon */
:-moz-any(.tabs-newtab-button,#tabs-newtab-button) .toolbarbutton-icon {
  padding: 0px !important;
  margin: 0px !important;
  width: 15px !important;
  height: 15px !important;
}

/* some id!ot at Moz thought it is a great idea to add padding and margin values here */
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}


/* show window caption buttons in fullscreen mode */
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  margin-top: -32px !important;
  z-index: 1000 !important;
}

#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
  -moz-padding-end: 60px !important;
}

#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton,
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton .toolbarbutton-icon {
  padding: 0 !important;
  margin: 0 !important;
}

@media (-moz-os-version: windows-win10) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls *,
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar #window-controls * {
      color: black !important;
      fill: black !important;
    }

    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme #TabsToolbar #window-controls * {
      color: white !important;
      fill: white !important;
    }

}


@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
      -moz-padding-end: 60px !important;
    }
}

#TabsToolbar,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme, 
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 0 !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(0px + var(--tab-min-height_tnot)) !important;
}

.urlbarView:not(.megabar),
#urlbar-results {
  z-index: 100 !important;
}

:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
    background-color: #2E3436 !important;
    color: #729FCF !important;
}


#urlbar-container,
#search-container { /* это правило не является обязательным */
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

#urlbar-container[breakout] {
    position: relative !important;
    min-height: var(--urlbar-container-height) !important;
}

#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 0px !important;
}

#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}

#urlbar[breakout] > #urlbar-background {
    animation: none !important;
    inset-inline-start: 0 !important;
    box-shadow: none !important;
    height: var(--urlbar-height) !important;
    top: 0px !important;
    bottom: auto !important;
}

#urlbar[breakout] > .urlbarView {
    margin: 0 !important;
    width: 100% !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgba(12, 12, 13, 1))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(255, 255, 255))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(24,26,27,.14))) !important;
}

*|*:root[lwt-popup-brighttext] #urlbar[breakout] > .urlbarView {
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgb(177,177,179))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(27,27,29))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(249,249,250,.1))) !important;
}

#urlbar[breakout] > .urlbarView *|*.urlbarView-body-inner {
    border: none !important;
}

#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}

Отредактировано tagnupip (01-06-2021 12:56:54)

Отсутствует

 

№1031501-06-2021 13:26:37

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

_zt пишет

В 89 с чистым профилем ваш код ничего не делает.

Вот для большей наглядности сменил синий цвет обводки на красный:

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

Выделить код

Код:

#tabbrowser-tabs:-moz-lwtheme-brighttext {
    --tab-line-color: red !important;
}


Вот скриншот:
09003f46fc8b8de19ab33b23b289b38f.jpeg

Отсутствует

 

№1031601-06-2021 15:12:46

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 942
UA: Firefox 78.0

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

v4386
Да, это я не переключил тему.
Я только так придумал:

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

Выделить код

Код:

Так:
.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-background {
    border: 2px solid red !important;
}
И добавить скругление, если надо:
    border-radius: 8px !important;

Также работает
скрытый текст

Выделить код

Код:

.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-content {
    border: 2px solid red !important;
}
или
.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-loading-burst {
    border: 2px solid red !important;
}

Можно выбрать то, что другие стили ломать не будет.

Отредактировано _zt (01-06-2021 15:35:13)


Fx 91 esr

Отсутствует

 

№1031701-06-2021 16:46:04

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 149
UA: Firefox 89.0

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

Пользуюсь стилем (icons_in_menu.css), добавляющим иконки в ПКМ. Автора стиля и откуда его скачал не помню. В 89-й Мозилле кнопки стали "наезжать" на надписи:

скрытый текст
3514123845c1t.jpg

Может кто подскажет, где этот стиль можно обновить под 89-ю версию браузера?

Отредактировано Black_Monk (01-06-2021 19:13:16)


Windows 10 LTSC

Отсутствует

 

№1031801-06-2021 17:47:05

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1164
UA: Firefox 52.0

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

Black_Monk пишет

Пользуюсь стилем (icons_in_menu.css), добавляющим кнопки в ПКМ. Автора стиля и откуда его скачал не помню. В 89-й Мозилле кнопки стали "наезжать" на надписи:

У меня в [firefox] 89 с этим кодом:

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

Выделить код

Код:

*|*:root {
    --v-menu-icons-margin-start: 5px; /* отступ слева для иконок, для Linux 0px */
}

menu::before, menuitem::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    display: -moz-box !important;
    margin-inline-start: var(--v-menu-icons-margin-start) !important;
    margin-inline-end: calc(-1 * (var(--v-menu-icons-margin-start) + 16px)) !important;
    position: relative !important;
}

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


не наезжают...


Win7

Отсутствует

 

№1031901-06-2021 19:17:44

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

_zt
Спасибо! Забрал первый вариант. И с этим кодом обводка в 1px даже лучше смотрится, гармоничнее что-ли...

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

Выделить код

Код:

.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-background {
    border: 1px solid #00bfff !important;


Ещё бы добавить в этот код такой же цвет для шрифта в Активной вкладке, вообще бы хорошо было.

Отсутствует

 

№1032001-06-2021 19:27:04

katari4688908
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 29
UA: Firefox 89.0

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

обновился на 89 версию.

теперь темы применяются только когда галка стоит .


скрытый текст
image.jpg

но тогда появляется серая полоса сверху. которая мне не нравится

скрытый текст
image.jpg



как сделать что бы тема применялась без установленной галки.?

Отредактировано katari4688908 (01-06-2021 19:35:24)

Отсутствует

 

№1032101-06-2021 19:36:46

Пандёнок
Участник
 
Группа: Extensions
Откуда: about:newtab
Зарегистрирован: 04-11-2008
Сообщений: 5189
UA: Firefox 89.0

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

katari4688908
Проверил. Всё прекрасно применяется без галочки, темы ставятся с https://addons.mozilla.org/ru/firefox/themes/
Попробуйте переехать на новый профиль [firefox].


Мой рецепт счастья почти в любом браузере на ПК: раз, два, три — реклама, умри! В FF для Android: раз! И моя маленькая подписка против гороскопов.
Proton OFF.

Отсутствует

 

№1032201-06-2021 19:42:39

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 942
UA: Firefox 78.0

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

Собрал тему для aboutaddons из трех разных кодов от Vitaliy V. + переделал кнопки на графические. Base впихнуть не получилось поэтому иконки отдельно. Работает от 78 до 91.

скрытый текст
Чистый профиль:
67baee89add4b284a1aff5930f11682d.jpeg  41b37710233961583b5004483d94eec9.jpeg  388548df3a4bf82a7fbed392e11a1ac9.jpeg  6d92d3e088a6dc5c8c67bedd610a2d60.jpeg
full_theme от Vitaliy V., цвета под это подбирал
ad4406155798bbbc302cc2d7dc9948ae.jpeg  bded4633b7d60b3f6a56b05b36f0f087.jpeg  b701c82435d1782a5f640ae02773b03b.jpeg  a082052b342d22b85158ffcaf37a8808.jpeg
Сам код без иконок:
скрытый текст

Выделить код

Код:

/* Стиль целиком                                                              */
/* https://forum.mozilla-russia.org/viewtopic.php?pid=791328#p791328          */

/********* Показывает версии дополнений ***************************************/
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
*|*.addon-name-link[title] {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important;
  }
*|*.addon-name-link[title]::after {
    display: block !important;
    content: attr(title) !important;
    font-size: calc(1rem + 4px) !important;
    line-height: calc(1em + 6px) !important;
  }
}

/********* Показывает ID дополнений *******************************************/
/* https://forum.mozilla-russia.org/viewtopic.php?pid=789469#p789469          */
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
addon-card[addon-id]:not([expanded="true"])::after {
    content: "ID : " attr(addon-id) !important;
    display: block !important;
    position: relative !important;
    padding-inline-start: calc(var(--card-padding) + var(--addon-icon-size) + 15px) !important;
    margin-top: calc(-1 * (1.5em + var(--card-padding) - 1px)) !important;
    margin-bottom: calc(1.5em + var(--card-padding) - 1px) !important;
    color: currentColor !important;
    pointer-events: none !important;
    height: 1.5em !important;
    line-height: 1.5em !important;
}
addon-card[addon-id]:not([expanded="true"]) .addon.card {
    padding-bottom: calc(1.5em + var(--card-padding) - 1px) !important;
    margin-bottom: 0px !important;
}
addon-card[addon-id]:not([expanded="true"]) .addon.card message-bar {
    margin-block: 2px !important;
    border-radius: 0 !important;
}
addon-list[type="theme"] addon-card[addon-id]:not([expanded="true"])::after {
    padding-inline-start: calc(var(--card-padding) - 1px) !important;
}
}

/* Скрывает меню управления дополнений и добавляет им кнопки управления 
 * https://forum.mozilla-russia.org/viewtopic.php?pid=776011#p776011        ***/
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
:root {
    --v-content-button-border-color: rgba(12,12,13,0.3);
    --v-content-button-background-hover: rgba(12,12,13,0.15);
    --v-content-button-background-active: rgba(12,12,13,0.2);
    --v-content-button-color: rgb(12,12,13);
    --v-content-button-color-hover: rgb(12,12,13);
    --v-content-button-color-active: rgb(12,12,13);
    --v-main-max-width: 1000px;
    --card-padding: 8px !important;
    --section-width: 664px !important;
    --addon-icon-size: 32px !important;
}

@media (prefers-color-scheme: dark) {
:root {
    --v-content-button-border-color: rgba(249,249,250,0.2);
    --v-content-button-background-hover: rgba(249,249,250,0.15);
    --v-content-button-background-active: rgba(249,249,250,0.2);
    --v-content-button-color: rgb(249,249,250);
    --v-content-button-color-hover: rgb(249,249,250);
    --v-content-button-color-active: rgb(249,249,250);
}
}

body {
    min-width: 500px !important;
    margin: 0 !important;
}
#main {
    max-width: var(--v-main-max-width) !important;
    margin-inline-start: 6px !important;
    margin-inline-end: 6px !important;
    --v-list-display-flex: flex;
    --v-buttons-border-width: 1px;
    --v-buttons-font-size: 13px;
    --v-buttons-font-weight: bold;
    --v-buttons-width: auto;
}
addon-card .card-contents {
    width: auto !important;
    overflow-x: hidden !important;
    flex-grow: 1 !important;
}
addon-card .card {
    display: grid !important;
    grid-template-columns: auto minmax(0px, min-content) !important;
}
addon-card .card > * {
    grid-column-start: 1 !important;
    grid-column-end: 3 !important;
}
addon-card .card > .addon-card-collapsed {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    grid-row-start: 1 !important;
    overflow-x: hidden !important;
}
addon-card .card > addon-options {
    grid-column-start: 2 !important;
    grid-column-end: 3 !important;
    grid-row-start: 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}
img.card-heading-image {
    margin: calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) 8px !important;
    width: 488px !important;
    height: 64px !important;
}
addon-card .card > img.card-heading-image:not([hidden]) {
    display: inline !important;
}
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed,
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed ~ addon-options {
    grid-row-start: 2 !important;
}
addon-card .addon-name-container {
    margin-top: 0 !important;
}
button.more-options-button[action="more-options"],
addon-card panel-item[action="expand"],
div.arrow.top, div.arrow.bottom,
addon-card panel-item-separator {
    display: none !important;
}
addon-card panel-list {
    position: static !important;
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
}
addon-card panel-item {
    padding: 0 !important;
    margin: 0 !important;
}
style + div.container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
addon-card .toggle-button,
addon-card button.theme-enable-button,
link[href$="panel-item.css"] ~ button,
addon-card .addon panel-item[action="remove"],
addon-card .addon panel-item[action="preferences"],
addon-card .addon panel-item[action="install-update"] {
    width: var(--v-buttons-width, 100%) !important;
    min-height: 0 !important;
    height: 24px !important;
    line-height: 1.3em !important;
    padding: 3px 6px !important;
    margin: 0 3px !important;
    background: none !important;
    border: none !important;
    color: var(--v-content-button-color) !important;
    border-radius: 2px !important;
    font-weight: var(--v-buttons-font-weight, inherit) !important;
    font-size: var(--v-buttons-font-size, inherit) !important;
    -moz-appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}
link[href$="panel-item.css"] ~ button,
addon-card .addon panel-item[action="remove"],
addon-card .addon panel-item[action="preferences"],
addon-card .addon panel-item[action="install-update"] {
    border-color: var(--v-content-button-border-color) !important;
    border-style: solid !important;
    border-width: var(--v-buttons-border-width, 0px) !important;
}
addon-card .toggle-button::-moz-focus-inner,
addon-card button.theme-enable-button::-moz-focus-inner,
link[href$="panel-item.css"] ~ button::-moz-focus-inner {
    border: none !important;
}
link[href$="panel-item.css"] ~ button::after {
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    height: 3px !important;
    width: auto !important;
    border-radius: 0 !important;
}
 /* кнопки включения отключения */
addon-card .theme-enable-button::before,
addon-card .toggle-button::before {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    content: url("./png/about-addons/enable_24px.png") !important;
    transform: none !important;
    background: none !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 6px 0px 6px !important;
    border-radius: 0 !important;
    outline: none !important;
    transition: none !important;
    white-space: nowrap !important;
}
addon-card .theme-enable-button:hover::before,
addon-card .toggle-button:hover::before {
    background-color: rgba(200,200,200,0.2) !important;
}
addon-card .card[active="false"] .theme-enable-button::before,
addon-card .card[active="false"] .toggle-button::before {
    content: url("./png/about-addons/disable_24px.png") !important;
    padding: 0 6px 0 6px !important;
}
addon-card .card[active="false"] .theme-enable-button:hover::before,
addon-card .card[active="false"] .toggle-button:hover::before {
    background-color: rgba(200,200,200,0.2) !important;
}
addon-card .more-options-menu {
    flex-grow: 0 !important;
    position: static !important;
    margin: 0 !important;
    align-self: start !important;
}
div.arrow.top ~ div.list {
    display: var(--v-list-display-flex, block) !important;
    justify-content: end !important;
}
addon-card .addon-name,
addon-card .addon-description {
    white-space: nowrap !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
}
/* кнопка "удалить" */
addon-card .addon panel-item[action="remove"] {
    content: url("./png/about-addons/delete_24px.png") !important;
}
addon-card .addon panel-item[action="remove"]:hover {
    background-color: rgb(200,0,0) !important;
}
/* кнопка "настройки" */
addon-card .addon panel-item[action="preferences"] {
    content: url("./png/about-addons/settings_24px.png") !important;
}
addon-card .addon panel-item[action="preferences"]:hover {
    background-color: rgb(40,120,200) !important;
}
/* кнопка "обновить" */
addon-card .addon panel-item[action="install-update"] {
    content: url("./png/about-addons/update_24px.png") !important;
}
addon-card .addon panel-item[action="install-update"]:hover {
    background-color: rgb(110,90,110) !important;
}
/* Скрыть кнопку "пожаловаться" */
addon-card .addon panel-item[action="report"] {
    display: none !important;
}
}

Архив с кодом и иконками - chrome-userContent_about-addons-v3.7z
   
v2 с другими иконками, из самомго браузера, и одинаковыми по размеру:
стиль

Выделить код

Код:

/* Стиль целиком                                                              */
/* https://forum.mozilla-russia.org/viewtopic.php?pid=791328#p791328          */

/********* Показывает версии дополнений ***************************************/
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
*|*.addon-name-link[title] {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important;
  }
*|*.addon-name-link[title]::after {
    display: block !important;
    content: attr(title) !important;
    font-size: calc(1rem + 4px) !important;
    line-height: calc(1em + 6px) !important;
  }
}

/********* Показывает ID дополнений *******************************************/
/* https://forum.mozilla-russia.org/viewtopic.php?pid=789469#p789469          */
@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
addon-card[addon-id]:not([expanded="true"])::after {
    content: "ID : " attr(addon-id) !important;
    display: block !important;
    position: relative !important;
    padding-inline-start: calc(var(--card-padding) + var(--addon-icon-size) + 16px) !important;
    margin-top: calc(-1 * (1.1em + var(--card-padding) - 1px)) !important;
    margin-bottom: calc(1.1em + var(--card-padding) - 1px) !important;
    color: color-mix(in srgb, currentColor 50%, transparent) !important;
    pointer-events: none !important;
    font-size: calc(1rem + 2px) !important;
    line-height: calc(1em + 2px) !important;
}
addon-card[addon-id]:not([expanded="true"]) .addon.card {
    padding-bottom: calc(1.1em + var(--card-padding) - 1px) !important;
    margin-bottom: 0px !important;
}
addon-card[addon-id]:not([expanded="true"]) .addon.card message-bar {
    margin-block: 2px !important;
    border-radius: 0 !important;
}
addon-list[type="theme"] addon-card[addon-id]:not([expanded="true"])::after {
    padding-inline-start: calc(var(--card-padding) - 1px) !important;
}
}

/* Добавляет кнопки вместо меню: включить, отключить, удалить, настройки... ***/
/* https://forum.mozilla-russia.org/viewtopic.php?pid=793823#p793823
 * Чтобы вернуть текст кнопкам, то в #main:
 * --v-buttons-font-size: rem;
 * Чтобы убрать текст для кнопок определенного типа там есть пример
 * addon-card panel-item[action="report"]
 * Убрать иконки: --v-buttons-icon-size: 0px;                                 */

@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
:root {
    --v-content-button-border-color: var(--in-content-box-border-color, rgba(12, 12, 13, 0.3));
    --v-content-button-border-color-hover: var(--in-content-border-hover, rgba(12, 12, 13, 0.5));
    --v-content-button-background: var(--in-content-button-background, rgba(12, 12, 13, 0.1));
    --v-content-button-background-hover: var(--in-content-button-background-hover, rgba(12, 12, 13, 0.15));
    --v-content-button-background-active: var(--in-content-button-background-active, rgba(12, 12, 13, 0.2));
    --v-content-button-color: var(--in-content-button-text-color, #0c0c0d);
    --v-content-button-color-hover: var(--in-content-button-text-color-hover, #0c0c0d);
    --v-content-button-color-active: var(--in-content-button-text-color-hover, #0c0c0d);
    --v-buttons-tooltip-color: var(--in-content-page-color, #0c0c0d);
    --v-buttons-tooltip-background: var(--in-content-box-background, #ffffff);
    --v-buttons-tooltip-border-color: var(--in-content-box-border-color, rgba(12, 12, 13, 0.3));
    --v-main-max-width: 1000px;
    --card-padding: 8px !important;
    --section-width: 664px !important;
    --addon-icon-size: 32px !important;
}
#main {
    --v-buttons-font-size: 0; // rem;
    --v-buttons-font-weight: bold;
    --v-buttons-border-radius: 4px;
    --v-buttons-border-width: 1px;
    --v-buttons-min-height: 26px;
    --v-buttons-tooltip-font-size: 1rem;
    --v-buttons-tooltip-border-radius: 2px;
    --v-buttons-tooltip-delay: .5s;
    --v-buttons-tooltip-translate-x: 20px;
    --v-buttons-tooltip-translate-y: 10px;
    --v-buttons-width: auto;
    --v-list-display-flex: flex;
}
@media (-moz-toolbar-prefers-color-scheme: dark) {
:root {
    --v-content-button-border-color: var(--in-content-box-border-color, rgba(200, 200, 210, 0.2));
    --v-content-button-border-color-hover: var(--in-content-border-hover, rgba(249, 249, 250, 0.3));
    --v-content-button-background: var(--in-content-button-background, rgba(249, 249, 250, 0.1));
    --v-content-button-background-hover: var(--in-content-button-background-hover, rgba(249, 249, 250, 0.15));
    --v-content-button-background-active: var(--in-content-button-background-active, rgba(249, 249, 250, 0.2));
    --v-content-button-color: var(--in-content-button-text-color, #f9f9fa);
    --v-content-button-color-hover: var(--in-content-button-text-color-hover, #f9f9fa);
    --v-content-button-color-active: var(--in-content-button-text-color-hover, #f9f9fa);
    --v-buttons-tooltip-color: var(--in-content-page-color, rgba(200, 200, 210, 0.5));
    --v-buttons-tooltip-background: rgba(40, 40, 50, 0.85);
    --v-buttons-tooltip-border-color: rgba(120, 120, 120, 0.3);
}
}
addon-card .toggle-button,
addon-card .theme-enable-button {
    --v-buttons-toggle-button-content: "Включить";
    --v-buttons-tooltip-content: "Включить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/check-partial.svg");
}
addon-card .card[active="true"] .toggle-button,
addon-card .card[active="true"] .theme-enable-button {
    --v-buttons-toggle-button-content: "Отключить";
    --v-buttons-tooltip-content: "Отключить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/check.svg");
    --v-content-button-background: rgba(85,255,85, 0.2);
}
addon-card panel-item[action="remove"] {
    --v-buttons-tooltip-content: "Удалить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/delete.svg");
    --v-content-button-background: rgba(255,85,85, 0.3);
    --v-content-button-background-hover: rgba(255,85,85, 0.8);
    margin: 0 2px 0 4px !important;
}
addon-card panel-item[action="preferences"] {
    --v-buttons-tooltip-content: "Настройки дополнения";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/settings.svg");
    --v-content-button-background: rgba(85,85,255, 0.3);
    --v-content-button-background-hover: rgba(85,85,255, 0.8);
    margin: 0 0 0 2px !important;
}
/*
addon-card panel-item[action="report"] {
    --v-buttons-tooltip-content: "Пожаловаться на дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/warning.svg");
    --v-buttons-font-size: 0;
}
/* Скрыть "Пожаловаться на дополнение" */
addon-card panel-item[action="report"] {
    display: none !important;
}
addon-list[type="plugin"] addon-card panel-item:not([checked]) {
    --icon: url("chrome://global/skin/icons/check-partial.svg");
}
/* ************************************************************************* */

body {
    margin: 0 !important;
}
#main {
    max-width: var(--v-main-max-width) !important;
    margin-inline-start: 16px !important;
    margin-inline-end: 16px !important;
}
addon-card message-bar {
    --card-padding: inherit !important;
}
addon-card .card-contents {
    width: auto !important;
    overflow-x: hidden !important;
    flex-grow: 1 !important;
}
addon-card .card {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
}
addon-card .card > * {
    grid-column-start: 1 !important;
    grid-column-end: 3 !important;
}
addon-card .card > .addon-card-collapsed {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    grid-row-start: 1 !important;
    overflow-x: hidden !important;
}
addon-card .card > addon-options {
    grid-column-start: 2 !important;
    grid-column-end: 3 !important;
    grid-row-start: 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}
img.card-heading-image {
    margin: calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) var(--card-padding) !important;
    width: calc(var(--card-padding) * 2 + 100%) !important;
    height: auto !important;
    object-fit: cover !important;
}
addon-card .card > img.card-heading-image:not([hidden]) {
    display: inline !important;
}
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed,
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed ~ addon-options {
    grid-row-start: 2 !important;
}
addon-card .addon-name-container {
    margin-top: 0 !important;
}
div.arrow.top ~ div.list {
    display: var(--v-list-display-flex, block) !important;
    justify-content: end !important;
}
addon-card panel-list {
    position: static !important;
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
}
addon-card panel-item:where(:not([hidden])) {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}
style + div.container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
button.more-options-button[action="more-options"],
addon-card panel-item[action="expand"],
div.arrow.top, div.arrow.bottom,
addon-card panel-item-separator {
    display: none !important;
}
addon-card .toggle-button,
addon-card button.theme-enable-button,
link[href$="panel-item.css"] ~ button {
    display: flex !important;
    align-items: center !important;
    width: var(--v-buttons-width, 100%) !important;
    min-height: var(--v-buttons-min-height, 26px) !important;
    height: auto !important;
    line-height: 1.25em !important;
    padding: 0px calc(4px + .25em) !important;
    margin: 0 1px !important;
    background-image: var(--icon, none) !important;
    background-repeat: no-repeat !important;
    background-size: var(--v-buttons-icon-size, 16px) !important;
    background-position-y: center !important;
    background-position-x: left 4px !important;
    padding-inline-start: calc(4px + .25em + var(--v-buttons-icon-size, 16px)) !important;
    background-color: var(--v-content-button-background) !important;
    border-color: var(--v-content-button-border-color) !important;
    border-style: solid !important;
    border-width: var(--v-buttons-border-width, 0px) !important;
    color: var(--v-content-button-color) !important;
    border-radius: var(--v-buttons-border-radius, 0) !important;
    font-weight: var(--v-buttons-font-weight, inherit) !important;
    font-size: var(--v-buttons-font-size, inherit) !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
    -moz-context-properties: fill;
    fill: currentColor;
}
addon-card .toggle-button,
addon-card button.theme-enable-button {
    padding-inline-start: 0 !important;
}
addon-card .card.addon .card-contents .toggle-button {
    border-color: var(--v-content-button-border-color) !important;
}
addon-card .toggle-button:enabled:hover,
addon-card button.theme-enable-button:enabled:hover,
link[href$="panel-item.css"] ~ button:enabled:hover {
    background-color: var(--v-content-button-background-hover) !important;
    color: var(--v-content-button-color-hover) !important;
    border-color: var(--v-content-button-border-color-hover) !important;
}
addon-card .card.addon .card-contents .toggle-button:enabled:hover {
    border-color: var(--v-content-button-border-color-hover) !important;
}
addon-card .toggle-button:enabled:hover:active,
addon-card button.theme-enable-button:enabled:hover:active,
link[href$="panel-item.css"] ~ button:enabled:hover:active {
    background-color: var(--v-content-button-background-active) !important;
    color: var(--v-content-button-color-active) !important;
}
addon-card .toggle-button::-moz-focus-inner,
addon-card button.theme-enable-button::-moz-focus-inner,
link[href$="panel-item.css"] ~ button::-moz-focus-inner {
    border: none !important;
}
link[href$="panel-item.css"] ~ button::after {
    inset: 0px !important;
    bottom: auto !important;
    height: 3px !important;
    width: auto !important;
    border-radius: 0 !important;
}
addon-card .toggle-button::before {
    all: unset !important;
    display: inline-block !important;
    content: var(--v-buttons-toggle-button-content, none) !important;
    white-space: nowrap !important;
    margin-inline-start: calc(4px + .25em + var(--v-buttons-icon-size, 16px)) !important;
}
addon-card .toggle-button:dir(rtl),
addon-card button.theme-enable-button:dir(rtl),
link[href$="panel-item.css"] ~ button:dir(rtl) {
    background-position-x: right 4px !important;
}
link[href$="panel-item.css"] ~ button > label {
    padding: 0 !important;
    margin: 0 !important;
}
addon-card .more-options-menu {
    flex-grow: 0 !important;
    position: static !important;
    margin: 0 !important;
    align-self: start !important;
}
addon-card .addon-name,
addon-card .addon-description {
    white-space: nowrap !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
}
addon-card .toggle-button::after,
addon-card button.theme-enable-button::after,
addon-card panel-item::after {
    display: var(--v-buttons-tooltip-display, none) !important;
    content: "";
    max-width: 0;
    pointer-events: none !important;
}
addon-card .toggle-button:hover::after,
addon-card button.theme-enable-button:hover::after,
addon-card panel-item:hover::after {
    animation-name: tooltip_delay !important;
    animation-timing-function: step-end !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: forwards !important;
    animation-delay: var(--v-buttons-tooltip-delay, .5s) !important;
    --v-buttons-tooltip-transform: translate(calc(1px + var(--v-buttons-tooltip-translate-x)), calc(100% + var(--v-buttons-tooltip-translate-y)));
}
@keyframes tooltip_delay {
    from {
        max-width: 0;
    }
    to {
        content: var(--v-buttons-tooltip-content, "");
        align-self: flex-end;
        position: absolute;
        color: var(--v-buttons-tooltip-color);
        background: var(--v-buttons-tooltip-background);
        border: 1px solid var(--v-buttons-tooltip-border-color);
        border-radius: var(--v-buttons-tooltip-border-radius, 0);
        padding: 2px 6px 4px 6px;
        max-width: 24em;
        line-height: 1.25em;
        font-size: var(--v-buttons-tooltip-font-size, inherit);
        font-weight: normal;
        text-align: start;
        z-index: var(--z-index-popup, 10);
        white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transform: var(--v-buttons-tooltip-transform, none);
    }
}
addon-card .toggle-button:hover::after,
addon-card button.theme-enable-button:hover::after {
    --v-buttons-tooltip-transform: translate(calc(var(--v-buttons-tooltip-translate-x) - 1px), calc(100% + 1px + var(--v-buttons-tooltip-translate-y)));
}
addon-card button.theme-enable-button::before {
    content: "";
    display: inline-block;
    width: calc(4px + .25em + var(--v-buttons-icon-size, 16px));
}
}

Отредактировано _zt (18-08-2021 20:10:19)


Fx 91 esr

Отсутствует

 

№1032301-06-2021 21:28:08

katari4688908
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 29
UA: Firefox 89.0

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

Пандёнок пишет

Попробуйте переехать на новый профиль

не получается.

темы не применяются если я в абоут конфиг  правлю стоку -что бы поменялся интерфейс

  toolkit.legacyUserProfileCustomizations.stylesheets- true

но если не менять эту строчку то у меня вкладки вниз не перемещаются.

userChrome.css -

скрытый текст
@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
*|*:root:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
*|*:root: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;
}
*|*:root:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
*|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
*|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
*|*:root:not([inFullscreen]) #navigator-toolbox::after,
*|*:root:not([inFullscreen]) #TabsToolbar::after,
*|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

#urlbar-background,
#urlbar-input-container,
#searchbar {
    border-radius: calc(var(--urlbar-height, 2000px) / 2) !important;
    overflow: -moz-hidden-unscrollable;
}

*|*:root #urlbar > .urlbarView {
    border-bottom-left-radius: calc(var(--urlbar-height) / 2) !important;
    border-bottom-right-radius: calc(var(--urlbar-height) / 2) !important;




мне нужен такой стиль как на скрине . только вкладки снизу что бы были.

скрытый текст
image.jpg

Отредактировано katari4688908 (01-06-2021 22:27:29)

Отсутствует

 

№1032401-06-2021 22:34:16

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3072
UA: Firefox 89.0

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

Vitaliy V., поправьте плиз стиль для findbar №8655, а то в [firefox] 89.0 поломали.

Отсутствует

 

№1032501-06-2021 23:03:29

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

Aris-t2 уже "запилил" два кода, исправляющие некоторые шероховатости нового интерфейса FF89:
Первый уменьшает высоту вкладок и делает их (при добавлении) в несколько рядов.
Второй для тех у кого ноутбуки и планшеты, а также кому не нравится "размашистый" интерфейс нового "Протона".

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]