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

func4ptch4 · №7951

Vitaliy V., при первом тесте, я бордер на 0 поставил поэтому и не видно на фотке, тестил, а за что отвечает text-shadow может он дает темный бордер он как не отрисованный а как дым, хотя у меня пол кода в .css работает от половины кода "auto_hide_sidebar" который был в комплекте со сборкой, так что все возможно... трудно так тестить, ладно у меня заготовки ваши есть попробую мой любимый метод тыка).

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

Если убрать код "auto_hide_sidebar", у меня сразу плывет все что связанно navbar, urlbar, в общем все что наверху) чудо код который я пока не убираю.
Некогда, выбирал текстовый редактор хотел уже на что-то функ.перейти, типа vscode, никогда проблем не знал с кодировками тер голова болит, у меня все поехало, а сам vscode не умеет правильно конвертировать с одного в другой использовал akelpad(сборку) вроде сделал, если кодировку с сломанными символами конвертировать то лучше не трогать его вообще, так как сломанные символы не дадут конвертнуть, а только еще и покочают остальные символы и саму кодировку. Самый норм как я понял конвертить со всем рабочим текстом например в akelpad-е, потом все редакторы правильно распазнают кодировку и т.д. все работает, мда, у меня один файл был с такой кодировкой очень старой ну по нашим меркам, но с ним обошлось все конвертнул в utf8, кстати почему лучше без bom? ну и еще если чисто батник наверно можно и не в utf8 размер сразу вырос немного но все же.
Один файл повредил при неправильной конвертаций терь блин восстанавливать хорошо есть бекап, но все же лучше через прогу, в тексте за месяц многое менялось. Атом показался каким-то огрызочным по сравнению vscode, стиль красивый но почти все копия + аддонов мало.
Sublime на уровне notepad, akelpad, ну и а ide не пробовал еще говорят самый самый), но вроде как платный.
Блин пользовался раньше notepad-ом и чисто блокнотом стандартным, и не знал про все это(и не знал бед), а сейчас чувствую что уже не то.
Стандартный чем крут, он символы любые берет так как считывает или что 2-3 кодировки вроде, я так понял, долго это и сдерживало.
Notepad-ом чисто на код пользовал. Кто каким пользуеться если не секрет, и какой по вашему удобнее.

Отредактировано func4ptch4 (16-02-2020 21:42:59)

sandro79 · №7952

Zver555 пишет

Этот стиль даёт кнопку справа от панели вкладок. У вас где она?

Да, точно, верно. Кнопка у меня перед адресной строкой, но для попытки воспроизвести проблему, конечно была перенесена туда, где находится по дефолту, т.е. после последней вкладки. Проверил со стилем tabs_multiple_lines_fx71, без костыльных стилей для отображения кнопки +, кнопка на месте, в том числе после выхода из полноэкранного режима. Может конфликт с др. неназванными стилями или проблема в профиле firefox.

Отредактировано sandro79 (16-02-2020 23:48:59)

voqabuhe · №7953

Vitaliy V. пишет

увы нет, надо на var url, type = "application/xhtml+xml";

Спасибо, теперь заработала. )

Vitaliy V. пишет

да прямо здесь №7930
только использовать нужно в user_chrome_files/custom_styles/custom_style_agent.css
в userChrome.css не все тултипы возможно изменить

Добавил туда ещё #statuspanel-label, чтоб всё в одном месте было и совсем хорошо стало. Спасибо.
А нельзя сделать чтоб этот самый #statuspanel-label вверх перенести, а на странице при наведение на ссылку тултип под курсором показывался? А то сейчас приходится пользоваться URL Tooltip WE, а раньше стиль был.

DMITRY 96 RUS · №7954

DMITRY 96 RUS пишет

можно ли настраивать индикатор загрузки сайтов в Mozilla Firefox 52 в настройке about:config скорость менять или ещё что нибудь? команды есть какие нибудь? что касается индикатора загрузки сайтов

ну дак что?

Vitaliy V. · №7955

func4ptch4 пишет

а за что отвечает text-shadow может он дает темный бордер

неужели трудно найти в интернете это свойство, никакой это не бордер а тень к тексту, можно добавить, но там не обязательно

func4ptch4 пишет

пол кода в .css работает от половины кода "auto_hide_sidebar" Если убрать код "auto_hide_sidebar", у меня сразу плывет

блин причем здесь auto_hide_sidebar, вроде давно с кодом обращаетесь, а без ошибок синтаксиса никак?!
и вообще писал уже зачем код тултипов вместе с auto_hide_sidebar ? его нужно туда где скроллбар добавлять

func4ptch4 пишет

текстовый редактор

VS Code как по мне годный редактор от Microsoft, причем не только для Windows
насчет не умеет правильно сохранять в кодировку utf-8 очень сомнительное утверждение...

voqabuhe пишет

а раньше стиль был.

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

voqabuhe · №7956

Vitaliy V. пишет

Какой такой стиль, если с биндингом то возможно, но сейчас биндинги не актуально

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

Zver555 · №7957

sandro79 пишет

Zver555 пишет
Этот стиль даёт кнопку справа от панели вкладок. У вас где она?
Да, точно, верно. Кнопка у меня перед адресной строкой, но для попытки воспроизвести проблему, конечно была перенесена туда, где находится по дефолту, т.е. после последней вкладки. Проверил со стилем tabs_multiple_lines_fx71, без костыльных стилей для отображения кнопки +, кнопка на месте, в том числе после выхода из полноэкранного режима. Может конфликт с др. неназванными стилями или проблема в профиле firefox.

Выяснил, что кнопка остаётся на месте, если вкладки в много строк вверху экрана. А у меня внизу. Вот такой код рабочий... был...

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

Выделить код

Код:

/* вкладки внизу окна */
#main-window:not([inDOMFullscreen="true"]) #TabsToolbar {
  position: fixed !important;
  bottom: 0em;
  display:block !important;
}

/* ширина поля отступа снизу */
#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
  margin-bottom: calc((var(--tabs-lines) * var(--tab-min-height)) + 0px);
}

Отредактировано Zver555 (17-02-2020 01:57:13)

Алексей7722 · №7958

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

func4ptch4 · №7959

Vitaliy V.

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

По названию примерно предпологал, auto_hide_sidebar у меня в custom_style_user.css, и я умею правильно его комментить если он пока не нужен, дело в том что если комментить его то остальная часть кода сьезжает, половина функций снизу тупо перестают правильно работать. Но это ладно я просто сказал. Пока все устрайвает вид панелей норм и т.д. будет время и до них доберусь. А тултипы туда и добавляю я же скидывал пример это с agent_user.

VS Code тоже больше всех понравился, но при конвертаций в akelpade показывает другую кодировку да и вообще, как по мне если к примеру не распознал один символ и ты конвертируешь в другую кодировку то появляются ошибки и он может не правильно переконвертировать. В akelpad-е почему получилось так как он распознал все и я там конвертнул и терь все редакторы распознают именно ту кодировку которая есть.
Главное почему еще может быть проблемы возможно, что VS Code портабельный ну и то что он не распознал пару символов.

shadow_user · №7960

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

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

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

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

voqabuhe · №7961

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

_zt · №7962

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

Выделить код

Код:

@import 'addons.css';

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

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

DMITRY 96 RUS · №7963

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)

voqabuhe · №7964

_zt пишет

Эту в userContent.css

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

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

_zt пишет

или импортом в него
Выделить код
Код:
@import 'addons.css';

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

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

kokoss · №7965

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

voqabuhe · №7966

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)

voqabuhe · №7967

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

func4ptch4 · №7968

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

Vitaliy V. · №7969

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)

Mozillafire · №7970

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

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

kokoss · №7971

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

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

Mozillafire · №7972

kokoss пишет

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

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

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

sandro79 · №7973

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

Алексей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)

Mozillafire · №7974

sandro79 пишет

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

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

sandro79 · №7975

Mozillafire пишет

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

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

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

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

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

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

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

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

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

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

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

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

Код:

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

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

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

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

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

Код:

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

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

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

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

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

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

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

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

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

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

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

Код:

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

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

Board footer