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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№790117-02-2020 15:10:29

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 72.0

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

Алексей7722 пишет

какой нужно взять userChrome для того чтобы вкладки были в самом низу страницы?

https://github.com/Aris-t2/CustomCSSfor … c/css/tabs
Коды, начинающиеся на tabs_below_main_content...

Отредактировано shadow_user (17-02-2020 15:10:51)

Отсутствует

 

№790217-02-2020 17:38:53

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

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

А как заставить эти темы работать Quantum-Nox-Firefox-Dark-Full-Theme/addons.css at master куда их помещать?

Отсутствует

 

№790317-02-2020 18:14:40

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

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

voqabuhe
Эту в userContent.css или импортом в него

Выделить код

Код:

@import 'addons.css';

В его userContent.css он уже прописан.

Отредактировано _zt (17-02-2020 18:17:14)

Отсутствует

 

№790417-02-2020 23:16:50

DMITRY 96 RUS
Забанен
 
Группа: Members
Зарегистрирован: 06-12-2018
Сообщений: 12
UA: Chrome 49.0

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

Vitaliy V. пишет

DMITRY 96 RUS Нет крутящийся кружочек на вкладках в  52 это APNG т.е. анимация, её можно стилем заменить, убрать и т.д.

её можно как как нибудь заменить которая была в 20 версий Mozilla Firefox короче говоря этот кружок который был в 20 версий вставить в firefox 52 esr  что бы было как в 20 версий с такой же скоростью крутилось а не дергалось как в 52 если ставить дополнение оно меняется но всё равно дёргается не плавно как то хотелось бы как в 20 версий

Отредактировано DMITRY 96 RUS (17-02-2020 23:23:59)

Отсутствует

 

№790517-02-2020 23:51:02

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

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

_zt пишет

Эту в userContent.css

В его userContent.css он уже прописан.

Да пробовал уже добавлять в свой и его целиком заменял свой. Нефига не работает

_zt пишет

или импортом в него
Выделить код
Код:

@import 'addons.css';

А вот это не понял, куда это вставить?

Отредактировано voqabuhe (17-02-2020 23:51:51)

Отсутствует

 

№790618-02-2020 00:15:14

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

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

voqabuhe
Попробуйте добавить в userContent.css в самое начало.


Win7

Отсутствует

 

№790718-02-2020 00:39:13

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

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

kokoss
Что добавить стиль, или код из сообщения _zt? Впрочем по-разному попробовал, не фига не хочет работать.

Добавлено 18-02-2020 00:45:47
А у него оказывается вначале есть как запустить.
Quantum-Nox-Firefox-Dark-Full-Theme/addons.css at master

/*------ HOW TO MAKE THE ADDON THEMES WORK ------*/
    /* To use this part of the code, you will have to find the dynamic UUID of your extensions, and replace it where the
    it says "TYPE-UUID-OF-(EXTENSION-NAME)-HERE" in here.
    To find the UUID of an extension, just open about:debugging, and the UUID of each extension should appear under each one
    (They look like a bunch of numbers with some -'s in between, like this: 00b72a90-6883-4e98-8785-1620d6b75664).
    If you did everything right, next time you start (or restart) firefox, the addon will be themed
    (Each addon/*------ HOW TO MAKE THE ADDON THEMES WORK ------*/
    /* To use this part of the code, you will have to find the dynamic UUID of your extensions, and replace it where the
    it says "TYPE-UUID-OF-(EXTENSION-NAME)-HERE" in here.
    To find the UUID of an extension, just open about:debugging, and the UUID of each extension should appear under each one
    (They look like a bunch of numbers with some -'s in between, like this: 00b72a90-6883-4e98-8785-1620d6b75664).
    If you did everything right, next time you start (or restart) firefox, the addon will be themed
    (Each addon has a different UUID, and the UUID of an addon can also change if you uninstall and reinstall it). */
   
     has a different UUID, and the UUID of an addon can also change if you uninstall and reinstall it). */

Добавлено 18-02-2020 00:57:52
Вот теперь сразу всё и получилось. :music:

Отредактировано voqabuhe (18-02-2020 00:57:52)

Отсутствует

 

№790818-02-2020 01:21:44

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

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

Ну вот сразу четыре расширения раскрасил в тёмные тона, красота.:)

Отсутствует

 

№790918-02-2020 05:25:07

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

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

Хм выяснил, что AkelPad сохраняет как бы сессию, и кодировка как бы сохранялась та с которой ты открыл, хотя я и менял его.
Из за этого и запутался, вот что такое сборка) когда не знаешь что там и как работает, проверил на чистом там это и обнаружил.
Хотя сесий это по своему круто, открывает с того места где закрыл и т.д. А так VSCode крут.

Отсутствует

 

№791018-02-2020 16:31:57

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

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

DMITRY 96 RUS пишет

её можно как как нибудь заменить которая была в 20 версий Mozilla Firefox короче говоря этот кружок который был в 20 версий вставить в firefox 52 esr  что бы было как в 20 версий с такой же скоростью крутилось а не дергалось как в 52 если ставить дополнение оно меняется но всё равно дёргается не плавно как то хотелось бы как в 20 версий

По моему у вас любая будет дергаться потому что браузер тормозит, возможно слабое железо поэтому вы сидите на XP,
я бы на вашем месте поставил [linux] и новый [firefox] думаю он и на слабом железе будет работать лучше чем 52

или как вариант заменить на обычную иконку без анимации

func4ptch4 пишет

Хотя сесий это по своему круто, открывает с того места где закрыл и т.д.

ну так и VSCode запоминает файлы, прокрутку, курсор... также если была открыта папка открывает её и открытые редакторы

Отредактировано Vitaliy V. (18-02-2020 16:34:16)

Отсутствует

 

№791118-02-2020 22:42:23

Mozillafire
Участник
 
Группа: Members
Зарегистрирован: 30-04-2014
Сообщений: 52
UA: Firefox 73.0

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

Что за ерунда, помогите пожалуйста. Как обычно заново установил систему и браузер. После скачал https://github.com/Aris-t2/CustomCSSforFx/releases, извлек из архива, переименовал в chrome, и скопировал как всегда в свой профиль браузера. И после запуска Файрфокса стиль вообще не меняется. Что делаю не так люди добрые?

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

22152030f1eb.png

Отсутствует

 

№791218-02-2020 22:50:23

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

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

Mozillafire
А этот параметр в "about:config" включили_toolkit.legacyUserProfileCustomizations.stylesheets

Отредактировано kokoss (18-02-2020 23:04:00)


Win7

Отсутствует

 

№791318-02-2020 23:23:48

Mozillafire
Участник
 
Группа: Members
Зарегистрирован: 30-04-2014
Сообщений: 52
UA: Firefox 73.0

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

kokoss пишет

MozillafireА этот параметр в "about:config" включили_toolkit.legacyUserProfileCustomizations.stylesheets
                    Отредактировано kokoss (Сегодня 00:04:00)

Сейчас включил этот параметр, но к сожалению не помогло.

скрытый текст
86e9048008e0.png

Отсутствует

 

№791419-02-2020 00:18:37

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

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

Mozillafire
Конечно не поможет.
Перед toolkit.legacyUserProfileCustomizations.stylesheets не должно быть вот этого _ как у вас на скриншоте, и не забудьте перезапустить браузер.
Должно быть вот так -
dd6c33b5b186.png

Алексей7722 пишет

подскажите, пожалуйста, какой нужно взять userChrome для того чтобы вкладки были в самом низу страницы? Заранее спасибо! Версия 73

скрытый текст :usch:

Выделить код

Код:

*|*: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;
}

Отредактировано sandro79 (19-02-2020 00:37:20)

Отсутствует

 

№791519-02-2020 01:27:53

Mozillafire
Участник
 
Группа: Members
Зарегистрирован: 30-04-2014
Сообщений: 52
UA: Firefox 73.0

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

sandro79 пишет

MozillafireКонечно не поможет.Перед toolkit.legacyUserProfileCustomizations.stylesheets не должно быть вот этого _ как у вас на скриншоте, и не забудьте перезапустить браузер.Должно быть вот так

А что это новая фича? Просто в описании https://github.com/Aris-t2/CustomCSSforFx/releases там этого не указано, хотя должны указывать. А то если бы мне здесь не помогли, я даже не знал бы в чем проблема, и также любой другой пользователь может быть в недоумении.

Отсутствует

 

№791619-02-2020 01:37:07

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

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

Mozillafire пишет

А что это новая фича?

Этой новой фиче уже как полгода стукнуло https://forum.mozilla-russia.org/viewtopic.php?id=74875

Просто в описании https://github.com/Aris-t2/CustomCSSforFx/releases там этого не указано, хотя должны указывать.

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

Отсутствует

 

№791719-02-2020 02:19:33

Mozillafire
Участник
 
Группа: Members
Зарегистрирован: 30-04-2014
Сообщений: 52
UA: Firefox 73.0

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

sandro79 пишет

Этой новой фиче уже как полгода стукнуло https://forum.mozilla-russia.org/viewtopic.php?id=74875

Просто с августа месяца не менял винду, и с того времени просто перетаскивал папку chrome в браузер и все работало. А тут все также сделал, и на тебе оказывается некоторые правки надо делать, чтобы заработало.

Отсутствует

 

№791819-02-2020 09:29:07

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

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

Mozillafire пишет

А что это новая фича? Просто в описании https://github.com/Aris-t2/CustomCSSforFx/releases там этого не указано, хотя должны указывать. А то если бы мне здесь не помогли, я даже не знал бы в чем проблема, и также любой другой пользователь может быть в недоумении.

Эта информация указана:

скрин
b349df5ec48a.png

но можно было бы добавить её и сюда: https://github.com/Aris-t2/CustomCSSforFx/releases


Win7

Отсутствует

 

№791919-02-2020 11:37:00

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

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

Что то вкладки не опускаются под адресную строку в 73ей версии. Пробовал несколько вариантов... Дайте пожалуйста готовый файл userChrome.css у кого работает.

Отредактировано ZAJIGAEM8 (19-02-2020 11:52:49)

Отсутствует

 

№792019-02-2020 11:45:46

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

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

ZAJIGAEM8
Под первым спойлером: https://forum.mozilla-russia.org/viewto … 45#p766645


Win7

Отсутствует

 

№792119-02-2020 11:53:23

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

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

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

Отредактировано ZAJIGAEM8 (19-02-2020 12:31:56)

Отсутствует

 

№792219-02-2020 12:42:27

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

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

ZAJIGAEM8 пишет

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

Что не получается, копируйте стиль -> вставляйте в userChrome.css и перезапускайте браузер!

Add, а это включено: https://forum.mozilla-russia.org/viewto … 13#p778313

Отредактировано kokoss (19-02-2020 12:51:35)


Win7

Отсутствует

 

№792319-02-2020 12:59:43

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

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

У меня в userChrome работает код:

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-titlebar-button-vert-padding: 2px;
    --v-titlebar-button-horizont-padding: 5px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='11' height='11' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='1.4' fill='none' shape-rendering='crispEdges' x1='1.2' y1='6.9' x2='10' y2='6.9'/></svg>");
--v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1.5' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='10' height='10'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black'  fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
   --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='2.9' d='M3,1 l 11,11 M3,12 l 11,-11'/></svg>");
    --v-titlebar-button-image-height: 11px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: rgba(0,0,0,.12);
    --v-titlebar-button-background-active: rgba(0,0,0,.22);
    --v-titlebar-close-background-hover: rgb(215,0,34);
    --v-titlebar-close-background-active: rgb(178,0,28);
    --v-windows-glass-default-background: ActiveCaption;
    --v-windows-glass-default-background-inactive: InactiveCaption;
}


:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255,255,255,.22);
    --v-titlebar-button-background-active: rgba(255,255,255,.12);
}

@media (-moz-windows-glass) {
    #main-window[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
        margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important;
    }

    #main-window[sizemode="normal"] > #titlebar > #titlebar-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #main-window[sizemode="normal"] > #navigator-toolbox {
        border-top: none !important;
        padding-top: 0 !important;
        box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important;
    }

    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main-window {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

    #main-window:-moz-window-inactive {
        background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important;
    }

    #TabsToolbar:-moz-lwtheme-darktext {
        color: inherit !important;
        --lwt-toolbarbutton-icon-fill: currentColor !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) {
        color: inherit !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
    }
}

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
}

@media not all and (-moz-os-version: windows-win7) {
    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        -moz-box-align: start !important;
        -moz-box-pack: end !important;
    }
}

#titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close) > .toolbarbutton-icon,
:-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}
#titlebar-buttonbox > #titlebar-min,
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
}

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
    
}

#main-window[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
#main-window[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    
    
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover,
:-moz-any(#minimize-button,#restore-button):hover {
    border: 1px solid #675 !important;
    background: linear-gradient(#00ffff,#00A653) !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):active,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):active,
:-moz-any(#minimize-button,#restore-button):hover:active {
   background: linear-gradient(red,brown) !important;
   border: 1px  solid #675 !important;
   color: #FFF !important; 
}

#titlebar-buttonbox > #titlebar-close,
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    color: #FFF !important;
    background: linear-gradient(red,brown) !important;
    margin-right: 1px !important;
    margin-left: 1px !important;
    border: 1px  solid #675 !important;
  
}

#titlebar-buttonbox > #titlebar-close:hover,
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
   background: linear-gradient(red,#DF0000) !important;
   border: 1px  solid #675 !important; 
   margin-right: 1px !important;
   margin-left: 1px !important;
}

#titlebar-buttonbox > #titlebar-close:active,
.titlebar-buttonbox > .titlebar-close:active,     
#close-button:hover:active {
    background: linear-gradient(#800000,#660000) !important;
    border: 1px  solid #675 !important;
    margin-right: 1px !important;
    margin-left: 1px !important;
}
}

@-moz-document url("chrome://browser/content/browser.xhtml")  {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    -moz-window-dragging: no-drag !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}

#main-window: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;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -moz-window-dragging: no-drag !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    -moz-window-dragging: no-drag !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;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    -moz-window-dragging: no-drag !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: grey !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window: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;
}
#main-window: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) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

Отредактировано birond (19-02-2020 14:09:32)

Отсутствует

 

№792419-02-2020 13:48:24

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

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

ВО!!! поставил true для параметра toolkit.legacyUserProfileCustomizations.stylesheets и получилось!
Всем спасибо за помощь! А что так быстро помогли и ответили так это просто прекрасисто...

я просто не не знал что теперь что б файлы .css работали их надо включать.

Отредактировано ZAJIGAEM8 (19-02-2020 14:22:48)

Отсутствует

 

№792519-02-2020 16:22:18

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

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

А как прикрутить другую иконку к Quick Bookmark To Folder? А то на тёмной теме её практически не видно.

Отсутствует

 

Board footer

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