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

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

№802627-02-2020 18:10:49

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

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

Vitaliy V.

Vitaliy V. пишет

это не у вас прописано, а в стилях браузера либо из темы

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

Отсутствует

 

№802729-02-2020 18:52:48

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

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

Vitaliy V.
Собрал свою тему через расширение Firefox Color, но не получается её подписать и FF её не принимает. Не поможете?
Даю две ссылки: одна с расширением .zip, другая с .xpi:
https://drive.google.com/open?id=1hFmAOenQ4Uh8G28W3Kno19R0W6W9dGid
https://drive.google.com/open?id=1oNrgBHdnAg2yTK1hDi8BPrqNDCA7NE5T
P.S.: И ещё, читал что в ближайших версиях FF запретят загружать свои расширения. Это касается и самоподписанных тем? Если да, то не стоит и заморачиваться, если же нет, то был бы вам очень признателен за помощь в данном вопросе.

Отсутствует

 

№802829-02-2020 20:11:05

nvrbjs
Участник
 
Группа: Members
Зарегистрирован: 13-06-2014
Сообщений: 16
UA: Chrome 75.0

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

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

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

Выделить код

Код:

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


#content-deck { 
    -moz-window-dragging: no-drag !important;
    -moz-padding-start: 170px !important; 
}

#tabbrowser-tabs .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
    visibility: collapse !important;
}

#TabsToolbar {
    position: fixed !important;
    top: 38px !important; /*  отступ сверху  */
    height: auto !important;
    max-height: none !important;
    bottom: 0px !important;
    min-width: 170px !important;
    width: 170px !important;
    max-width: 170px !important;
    left: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
    -moz-window-dragging: no-drag !important;
    overflow: hidden !important;
}

#TabsToolbar:-moz-locale-dir(rtl) {
    left: auto !important; 
    right: 0 !important;
}

#tabbrowser-tabs .tabbrowser-tab:not([pinned])[fadein] {
    max-width: 152px !important;
    min-width: 152px !important;
    max-height: 34px !important;
    min-height: 34px !important;
    margin-left: -16px !important;

}

#tabbrowser-tabs {
    height: calc(100% - 26px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important; 
    min-width: 170px !important;
    width: auto !important;
    max-width: 170x !important;
}

#tabbrowser-tabs .tabbrowser-arrowscrollbox {
    min-width: 172px !important;
}

#tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox {
    -moz-padding-end: 0 !important; 
} 

#TabsToolbar .tabbrowser-tab::after,
#TabsToolbar .tabbrowser-tab::before {
    opacity: 0 !important;
}

#tabbrowser-tabs .tabbrowser-arrowscrollbox,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox > box {
    display: inline-block !important;
    overflow: visible !important;
}

#tabbrowser-tabs::before,
#tabbrowser-tabs::after,
#TabsToolbar #window-controls,
#tabbrowser-tabs > hbox,
#titlebar-placeholder-on-TabsToolbar-for-captions-buttons,
#tabbrowser-tabs .tabbrowser-tab[collapsed="true"],
#tabbrowser-tabs .tabbrowser-arrowscrollbox > .scrollbutton-up,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > .scrollbutton-down {
    display: none !important;
}

#tabbrowser-tabs .tabbrowser-tab,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > * {
    vertical-align: top !important;
}

#TabsToolbar > toolbarpaletteitem,
#TabsToolbar > toolbarbutton {
    min-height: 26px !important;
    vertical-align: top !important;
}

#tabbrowser-tabs .tabs-newtab-button,
#new-tab-button, #alltabs-button {
    min-height: 26px !important;
    margin: 0 !important;
    vertical-align: top !important;
    visibility: visible !important;
}


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

Отсутствует

 

№802901-03-2020 00:50:02

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2073
UA: Firefox 74.0

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

v4386 пишет

Собрал свою тему через расширение Firefox Color, но не получается её подписать и FF её не принимает.

какая то она не полная многих цветов нет, а типа изображение для фона bg-000-5672c42860d5b06e1058dc477397f3ef.svg
пустое кроме <svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"/> ничего нет
если оно не нужно удалите его и это в manifest.json

скрытый текст
"images": {
      "additional_backgrounds": [
        "images/bg-000-5672c42860d5b06e1058dc477397f3ef.svg"
      ]
    },
    "properties": {
      "additional_backgrounds_alignment": [
        "top"
      ],
      "additional_backgrounds_tiling": [
        "repeat"
      ]
    },

ещё не хватает https://developer.mozilla.org/en-US/doc … c_settings
подписать здесь https://addons.mozilla.org/ru/developer … stribution
выбираете Самостоятельно и продолжить...

v4386 пишет

И ещё, читал что в ближайших версиях FF запретят загружать свои расширения. Это касается и самоподписанных тем?

если вы о этом https://blog.mozilla.org/addons/2019/10 … xtensions/
там речь о https://extensionworkshop.com/documenta … on-folders
если у вас нет в этих папках расширений полагаю беспокоится не о чем

Отредактировано Vitaliy V. (01-03-2020 23:45:17)

Отсутствует

 

№803003-03-2020 22:48:27

Inko7
Участник
 
Группа: Members
Зарегистрирован: 09-11-2009
Сообщений: 1005
UA: Firefox 73.0

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

помогите скрыть стрелочку (треугольничек) "показать историю" с адресной строки браузера
на старом FF56 прокатывало так:

Выделить код

Код:

.autocomplete-history-dropmarker.urlbar-history-dropmarker{display:none !important;}
.overflow-ellipsis{display:none !important;}

но теперь на новом FF73 это не работает
видел в теме ранее подобную просьбу и там посоветовали это:

Выделить код

Код:

#urlbar dropmarker.urlbar-history-dropmarker {
    display: none !important;
}

но и это не убирает...

Отсутствует

 

№803103-03-2020 23:04:29

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

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

Inko7 пишет

помогите скрыть стрелочку (треугольничек) "показать историю" с адресной строки браузера
на старом FF56 прокатывало так:

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

Выделить код

Код:

.autocomplete-history-dropmarker.urlbar-history-dropmarker{display:none !important;}
.overflow-ellipsis{display:none !important;}

но теперь на новом FF73 это не работает
видел в теме ранее подобную просьбу и там посоветовали это:

Выделить код

Код:

#urlbar dropmarker.urlbar-history-dropmarker {
    display: none !important;
}


но и это не убирает...

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

Выделить код

Код:

.urlbar-history-dropmarker.urlbar-icon.chromeclass-toolbar-additional {
    display: none !important;
}

Отредактировано vending_machine (05-03-2020 07:37:37)

Отсутствует

 

№803204-03-2020 11:55:18

Inko7
Участник
 
Группа: Members
Зарегистрирован: 09-11-2009
Сообщений: 1005
UA: Firefox 73.0

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

vending_machine
спасибо, отлично скрывается!

Отсутствует

 

№803304-03-2020 17:41:50

Letterman
Участник
 
Группа: Members
Зарегистрирован: 13-01-2017
Сообщений: 53
UA: Firefox 73.0

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

Здравствуйте. Что можно сделать, чтобы при нажатии по "Показать все закладки" в меню закладок, библиотека (все закладки) открывалась во вкладке, а не в отдельном окне?
Раньше работал такой код, в 73 не работает.

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

Выделить код

Код:

/* Все закладки в новой вкладке */
#BMB_bookmarksShowAll {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='menu' extends='chrome://global/content/bindings/menu.xml%23menuitem'><implementation><constructor><![CDATA[ this.removeAttribute(%22command%22); this.setAttribute(%22oncommand%22, %22var pages = window.gBrowser.getBrowserForTab(window.gBrowser.selectedTab = window.gBrowser.addTab('chrome://browser/content/places/places.xul')); pages.addEventListener('pageshow', function show(event) { pages.removeEventListener('pageshow', show, false); event.target.defaultView.PlacesOrganizer.location = 'place:folder=BOOKMARKS_MENU&excludeItems=1&expandQueries=0'; }, false);%22); ]]></constructor></implementation></binding></bindings>#menu") !important;
}
@-moz-document url("chrome://browser/content/places/places.xul") {
tree {
  background-color: -moz-Field !important;
  color: -moz-FieldText !important;
}
  
window, treecol, treecolpicker, toolbar, #placesView {
  background-color: -moz-Dialog !important;
  color: -moz-DialogText !important;
}
}

Отредактировано Letterman (04-03-2020 17:45:16)

Отсутствует

 

№803404-03-2020 17:52:23

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

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

Letterman пишет

Здравствуйте. Что можно сделать, чтобы при нажатии по "Показать все закладки" в меню закладок, библиотека (все закладки) открывалась во вкладке, а не в отдельном окне?
Раньше работал такой код, в 73 не работает.

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

Выделить код

Код:

/* Все закладки в новой вкладке */
#BMB_bookmarksShowAll {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='menu' extends='chrome://global/content/bindings/menu.xml%23menuitem'><implementation><constructor><![CDATA[ this.removeAttribute(%22command%22); this.setAttribute(%22oncommand%22, %22var pages = window.gBrowser.getBrowserForTab(window.gBrowser.selectedTab = window.gBrowser.addTab('chrome://browser/content/places/places.xul')); pages.addEventListener('pageshow', function show(event) { pages.removeEventListener('pageshow', show, false); event.target.defaultView.PlacesOrganizer.location = 'place:folder=BOOKMARKS_MENU&excludeItems=1&expandQueries=0'; }, false);%22); ]]></constructor></implementation></binding></bindings>#menu") !important;
}
@-moz-document url("chrome://browser/content/places/places.xul") {
tree {
  background-color: -moz-Field !important;
  color: -moz-FieldText !important;
}
  
window, treecol, treecolpicker, toolbar, #placesView {
  background-color: -moz-Dialog !important;
  color: -moz-DialogText !important;
}
}

Создать закладку chrome://browser/content/places/places.xhtml

Отсутствует

 

№803505-03-2020 05:06:18

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 75.0

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

Можно к папке с закладками изменить иконку? знаю вроде тут обсуждали давно, но за темой давно не слежу.
Интересный глюк у вас ребята))) я тоже сперва подумал что у меня, перезапустил, и увидел ваше обсуждение, не знал что так ломать можно.

Отредактировано func4ptch4 (05-03-2020 05:11:00)

Отсутствует

 

№803605-03-2020 05:20:02

NikosColev
Участник
 
Группа: Members
Зарегистрирован: 06-01-2020
Сообщений: 76
UA: Firefox 68.0

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

func4ptch4, можно, я вот так менял:

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

Выделить код

Код:

/* иконки для папок закладок - добавить */
#personal-bookmarks .bookmark-item[container][label="RuBoard"] {
    -moz-image-region:auto !important;
    list-style-image: url('BookMark.ico/RuBoard.ico') !important;
}

#personal-bookmarks .bookmark-item[container][label="Firefox"] {
    -moz-image-region:auto !important;
    list-style-image: url('BookMark.ico/Firefox.ico') !important;
}

/* иконки для папок закладок - скрыть текст */
#personal-bookmarks .bookmark-item[container]:-moz-any(
    [label="RuBoard"],
    [label="Firefox"]
) > .toolbarbutton-text {
    display: none !important;
}

Отсутствует

 

№803705-03-2020 10:41:33

muxtair
Участник
 
Группа: Members
Зарегистрирован: 21-05-2018
Сообщений: 26
UA: Firefox 73.0

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

Подскажите, как опустить панель с открытыми вкладками вниз окна мазилы в одну строку ?
что добавить в userChrome.css ?

Отсутствует

 

№803805-03-2020 11:48:15

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 75.0

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

muxtair пишет

что добавить в userChrome.css ?

https://forum.mozilla-russia.org/viewto … 18#p778318 или отсюда и далее по теме.

Отсутствует

 

№803905-03-2020 12:12:42

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 476
UA: Firefox 73.0

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

Vitaliy V. помоги пожалуйста с кодом.

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

Выделить код

Код:

:root {
  --arrowpanel-background: #f0f7ff  !important;
  --arrowpanel-border-color: #4bc9fe !important;
}

menupopup:not([id^="BMB_bookmarksPopup"]),
popup, 
panel-list,
#context-navigation {
   -moz-appearance: none !important;
   background-color: #f0f7ff !important;
}

menupopup:not([id^="BMB_bookmarksPopup"]),
popup, 
panel-list {
   -moz-appearance: none !important;
   border: 2px #4bc9fe solid !important;
   border-radius: 5px !important;
}

.panel-arrowcontent{
   border: 2px solid var(--arrowpanel-border-color)!important;
   border-radius: 5px !important;
}

#BMB_bookmarksPopup menupopup{
border: none !important;
}

.popup-internal-box, 
.panel-subview-body, 
.panel-header, 
#appMenu-Folders {
-moz-appearance: none !important;
--arrowpanel-background: #f0f7ff !important;
}

.panel-arrowbox {
  margin-bottom: -1px!important;
  margin-top: -1px !important;
}


скрытый текст
_d8fed8a6c5394acebb33d1c1e8b43e6f.jpeg

1. мне надо (смотри скрин) увеличить толщину обводки грубо говоря треугольника
скрытый текст

Выделить код

Код:

/*изначальный - chrome://global/skin/popup.css*/
:-moz-any(panel, menupopup)[side="top"]::part(arrow),
:-moz-any(panel, menupopup)[side="bottom"]::part(arrow) {
  list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
}
где panelarrow-vertical.svg - это 
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10">
  <path d="M 0,10 L 10,0 20,10 z" fill="context-stroke"/>
  <path d="M 1,10 L 10,1 19,10 z" fill="context-fill"/>
</svg>
я меняю на 
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10">
  <path d="M 0,10 L 10,0 20,10 z" fill="context-stroke" />
  <path d="M 3,10 L 10,3 17,10 z" fill="context-fill" />
</svg>
и сохраняю в свою папку
если
:-moz-any(panel, menupopup)[side="top"]::part(arrow),
:-moz-any(panel, menupopup)[side="bottom"]::part(arrow) {
  list-style-image: url("../CSS/icons/panelarrow-vertical.svg")!important;
}
то тоже не хочет работать и как svg прописать в самом файле.css, а не ссылаться на на файл в папке?
если
.panel-arrow {
  list-style-image: url("../CSS/icons/panelarrow-vertical.svg")!important;
}
то треугольник всюду черный
если
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10">
  <path d="M 0,10 L 10,0 20,10 z" fill="#4bc9fe" />
  <path d="M 3,10 L 10,3 17,10 z" fill="#f0f7ff" />
</svg>
.panel-arrow {
  list-style-image: url("../CSS/icons/panelarrow-vertical.svg")!important;
}
то тогда изменяет треугольник у сообщения (которое синее) когда добавляешь закладку


2. увеличить толщину border у подменю #BMB_bookmarksPopup
скрытый текст

Выделить код

Код:

/*изначальный - chrome://browser/skin/customizableui/panelUI.css*/
#BMB_bookmarksPopup menupopup[placespopup=true]::part(innerbox) {
  border: 1px solid var(--arrowpanel-border-color);
} 
/*мой не хочет изменяться*/
#BMB_bookmarksPopup menupopup[placespopup=true]::part(innerbox) {
  border: 2px solid var(--arrowpanel-border-color) !important;
}


3. убрать белые полосы между меню и родменю (внизу на черном хорошо видно) - вообще мыслей нет

Отредактировано Andrey_Krropotkin (05-03-2020 14:45:04)

Отсутствует

 

№804005-03-2020 12:58:13

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2129
UA: Firefox 52.0

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

Andrey_Krropotkin пишет

не хочет работать
не хочет изменяться

Это баг.

Отсутствует

 

№804105-03-2020 15:14:34

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.
Задал иконку

скрытый текст
.bookmark-item[container][label="F"] {
 
   list-style-image: url("chrome://global/skin/icons/F.png") !important;
}

А на #PersonalToolbar  можно также? Вернее в библиотеке..

Отсутствует

 

№804205-03-2020 15:30:55

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 75.0

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

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

Отредактировано func4ptch4 (05-03-2020 15:32:23)

Отсутствует

 

№804305-03-2020 15:58:49

muxtair
Участник
 
Группа: Members
Зарегистрирован: 21-05-2018
Сообщений: 26
UA: Firefox 73.0

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

sandro79 пишет

muxtair пишет: что добавить в userChrome.css ?https://forum.mozilla-russia.org/viewto … 18#p778318 или отсюда и далее по теме.

по первой ссылке заработало, но что то там много в коде лишнего, кто может почистите, хотел оставить только ВКЛАДКИ БЫЛИ ВНИЗУ

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

Выделить код

Код:

*|*: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 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: flex !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: 18px !important;
  height: 18px !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;
    }
}*/

*|*#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: 1px !important;
}

*|*#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
  margin-bottom: calc(2px + var(--tab-min-height_tnot)) !important;
}

@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    *|*#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
      margin-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
    }
  }
}

*|*#main-window:not([inDOMFullscreen="true"]) #TabsToolbar {
  position: fixed !important;
  display:block !important;
}

/* lw-theme */
*|*#main-window:not([inDOMFullscreen="true"]) #navigator-toolbox > #TabsToolbar:-moz-lwtheme {
  background-repeat: no-repeat !important;
  background-position: bottom left !important;
  background-color: var*|*#main-window[tabsintitlebar]:not([inDOMFullscreen="true"])*|*#main-window[tabsintitlebar]:not([inDOMFullscreen="true"])(--toolbar-bgcolor) !important;
  background-image: var(--lwt-header-image) !important;
}

*|*#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: 0px !important;
  border-bottom: 1px solid threedshadow !important;
}

*|*#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
  margin-bottom: calc(2px + var(--tab-min-height_tnot)) !important;
}

@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    *|*#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
      margin-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
    }
  }
}

*|*#main-window:not([inDOMFullscreen="true"]) #TabsToolbar {
  position: fixed !important;
  display:block !important;
}

/* lw-theme */
*|*#main-window:not([inDOMFullscreen="true"]) #navigator-toolbox > #TabsToolbar:-moz-lwtheme {
  background-repeat: no-repeat !important;
  background-position: bottom left !important;
  background-color: var(--toolbar-bgcolor) !important;
  background-image: var(--lwt-header-image) !important;
}
/*
#TabsToolbar {
  bottom: -3px !important;
}*/

*|*#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
  margin-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}

#TabsToolbar {
  min-height: 0 !important;
  height: var(--tab-min-height_tnot) !important;
  max-height: unset !important;
  border-top: 1px solid ThreeDShadow !important;
}

Отсутствует

 

№804405-03-2020 16:24:13

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2073
UA: Firefox 74.0

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

Andrey_Krropotkin
Для доступа к shadow DOM использую custom_style_author.css который в user_chrome_files
или регистрируй свой AUTHOR_SHEET

1. 2. custom_style_author.css

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

Выделить код

Код:

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

#BMB_bookmarksPopup menupopup[placespopup="true"]::part(innerbox) {
    border: 2px solid var(--arrowpanel-border-color) !important;
    border-radius: 5px !important;
    background: var(--arrowpanel-background);
}

:-moz-any(panel, menupopup)[side="top"]::part(arrow),
:-moz-any(panel, menupopup)[side="bottom"]::part(arrow) {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='10'><path d='M 0,10 10,0 20,10 Z' fill='context-stroke' /><path d='M 3,10 10,3 17,10 Z' fill='context-fill' /></svg>") !important;
}

:-moz-any(panel, menupopup)[side="left"]::part(arrow),
:-moz-any(panel, menupopup)[side="right"]::part(arrow) {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='20'><path d='M 10,0 0,10 10,20 Z' fill='context-stroke'/><path d='M 10,3 3,10 10,17 Z' fill='context-fill'/></svg>") !important;
}


чтобы иконки были нужного цвета
svg.context-properties.content.enabled - true
или же загружать их через chrome://

3. добавь в свой стиль сюда
#BMB_bookmarksPopup menupopup{
border: none !important;
background: none !important;
}
кстати стиль с темной темой работает не корректно

solombala пишет

А на #PersonalToolbar  можно также? Вернее в библиотеке..

это в окне? нет там деревья одним стилем можно только все папки заменить или основные
панель закладок, меню закладок и т.д. и то правила придется применять для всех

Отредактировано Vitaliy V. (05-03-2020 16:41:00)

Отсутствует

 

№804505-03-2020 16:41:59

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.
Cюда бы ...
rolllr9p.jpg

Отсутствует

 

№804605-03-2020 16:45:30

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2073
UA: Firefox 74.0

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

solombala
Ну это похоже тоже деревья...
и в боковой панели также

Отсутствует

 

№804705-03-2020 17:43:38

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2129
UA: Firefox 52.0

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

Vitaliy V. пишет

3. добавь в свой стиль сюда
#BMB_bookmarksPopup menupopup{
border: none !important;
background: none !important;
}

:/ разве не
#BMB_bookmarksPopup menupopup[placespopup=true] {
    padding-inline-start: 0 !important;
}

Отсутствует

 

№804805-03-2020 18:07:42

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2073
UA: Firefox 74.0

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

Dumby
Тогда рамка с бордюром сместится влево
и кроме этого зачем ещё один background
если он есть уже в

panelUI.css пишет

#BMB_bookmarksPopup menupopup[placespopup="true"]::part(innerbox) {
    box-shadow: 0 0 4px
    rgba(0,0,0,0.2);
    background: var(--arrowpanel-background);
    color: var(--arrowpanel-color);
    border: 1px solid var(--arrowpanel-border-color);
    margin-top: -4px;
}

в [linux] иначе но речь о [windows]

Отсутствует

 

№804905-03-2020 18:35:59

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2129
UA: Firefox 52.0

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

Vitaliy V.
А, теперь понял, спасибо.
То есть отступ и box-shadow должны были остаться.

Отсутствует

 

№805005-03-2020 18:55:38

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

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

Скиньте, пожалуйста, код для chrome.css, чтобы панель закладок была многострочной (то есть вмещала все закладки в несколько рядов, а не скрывала их). После обновления Firefox старый код перестал работать.
Текущая версия Firefox: Firefox Developer Edition 74.0b9

Отсутствует

 

Board footer

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