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

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

№1075111-07-2021 16:59:23

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

Дорабатываю классическую тему оформления. Результат удовлетворительный, но не нравятся две вещи. Во-первых, не работает для кнопок в панели вкладок "+" и "V", а именно: не убирается темно-серый фон на обеих кнопках при наведении и открытии и не прорисовывается рамка кнопки "V" при открытии:

скрытый текст
9d8e37187136.jpg

Во-вторых не работает для кнопки боковых панелей в панели инструментов, т. е. не прорисовывается рамка при открытии:
скрытый текст
30881372f73d.jpg

Код, который я использую:
скрытый текст
@media (-moz-windows-classic) {
  #TabsToolbar .tabs-newtab-button,
  #TabsToolbar #alltabs-button,
  #nav-bar toolbarbutton:not(#back-button):not(.subviewbutton),
  #PersonalToolbar #PlacesToolbarItems toolbarbutton,
  #PersonalToolbar #PlacesChevron {
    -moz-appearance: toolbarbutton !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
  }

  #TabsToolbar .tabs-newtab-button:hover,
  #TabsToolbar #alltabs-button:hover,
  #nav-bar toolbarbutton:hover:not(#back-button):not(.subviewbutton),   
  #PersonalToolbar #PlacesToolbarItems toolbarbutton:hover,
  #PersonalToolbar #PlacesChevron:hover {
    border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight !important;
  }

  #TabsToolbar .tabs-newtab-button:hover:active,
  #TabsToolbar .tabs-newtab-button[open],
  #TabsToolbar #alltabs-button:hover:active,
  #TabsToolbar #alltabs-button:hover[open],
  #nav-bar toolbarbutton[open]:not(#back-button):not(.subviewbutton),
  #PersonalToolbar #PlacesToolbarItems toolbarbutton:hover:active,
  #PersonalToolbar #PlacesToolbarItems toolbarbutton[open],
  #PersonalToolbar #PlacesChevron[open] {
    border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow !important;
  }

  #nav-bar toolbarbutton:not(#back-button):not(.subviewbutton),
  #PersonalToolbar #PlacesChevron {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    width: var(--toolbarbutton-width) !important;
  }

  #main-window[uidensity=compact] #nav-bar toolbarbutton:not(.subviewbutton) {
    -moz-appearance: toolbarbutton !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    width: var(--toolbarbutton-width) !important;
  }

  #main-window[uidensity=compact] #nav-bar toolbarbutton:hover:not(.subviewbutton) {
    border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight !important;
  }

  #main-window[uidensity=compact] #nav-bar toolbarbutton:hover:active,
  #main-window[uidensity=compact] #nav-bar toolbarbutton[open]:not(.subviewbutton) {
    border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow !important;
  }   

  #nav-bar toolbarbutton > .toolbarbutton-icon,
  #nav-bar toolbarbutton > .toolbarbutton-badge-stack {
    background-color: transparent !important;
  }
}


Подскажите, пожалуйста, как можно это исправить.

Отсутствует

 

№1075212-07-2021 15:31:44

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

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

momo2000 пишет

когда findbar ничего не находит, то на .findbar-textbox[status="notfound"] появляется черная рамка, как её убрать?

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
.findbar-textbox[status="notfound"] {
	border-color: ThreeDShadow !important;
	outline: unset !important;
}
}

__________.png

Отсутствует

 

№1075312-07-2021 16:47:22

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

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

sandro79:beer:
Точняк, оно!

Отсутствует

 

№1075412-07-2021 20:49:48

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 90.0

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

Ребята может кто знает как поднять кнопку обновить страницу а то в [firefox] 90.0 вниз ушла

скрытый текст
56e6162be256f9ef112052c8e33c0485.png

Отсутствует

 

№1075512-07-2021 21:12:21

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

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

egorsemenov06 пишет

Ребята может кто знает как поднять кнопку обновить страницу

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

Выделить код

Код:

:where(#reload-button, #stop-button) > .toolbarbutton-icon, 
:where(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
	translate: 0 0px !important;
}


Для 91

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

Выделить код

Код:

:where(#reload-button, #stop-button) > .toolbarbutton-icon {
	padding: calc(var(--toolbarbutton-inner-padding) - 1px) var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 1px ) !important;
}

Отредактировано sandro79 (13-07-2021 01:05:06)

Отсутствует

 

№1075612-07-2021 21:21:06

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 90.0

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

sandro79 пишет
egorsemenov06 пишет

Ребята может кто знает как поднять кнопку обновить страницу

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

Выделить код

Код:

:where(#reload-button, #stop-button) > .toolbarbutton-icon, 
:where(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
	translate: 0 0px !important;
}

Спасибо большое!

Добавлено 12-07-2021 21:33:47
Подскажите пожалуйста как в протоне сделать синию обводку в строке адреса когда кликаешь в нее и можно ли как то сделать что бы конткстные меню выделялись на фоне страницы

Отредактировано egorsemenov06 (12-07-2021 21:33:47)

Отсутствует

 

№1075713-07-2021 07:39:29

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

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

egorsemenov06 пишет

как в протоне сделать синию обводку в строке адреса когда кликаешь в нее и можно ли как то сделать что бы конткстные меню выделялись на фоне страницы

Да обводка и так присутствует, во всяком случае с системной или светлой темой. Может у вас стилями глушится. Можно попробовать принудительно вернуть что ли

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

Выделить код

Код:

#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
   border: var(--focus-outline) !important;
   border-color: var(--toolbar-field-focus-border-color) !important;
}

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

Отсутствует

 

№1075813-07-2021 09:41:52

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 90.0

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

sandro79 пишет
egorsemenov06 пишет

как в протоне сделать синию обводку в строке адреса когда кликаешь в нее и можно ли как то сделать что бы конткстные меню выделялись на фоне страницы

Да обводка и так присутствует, во всяком случае с системной или светлой темой. Может у вас стилями глушится. Можно попробовать принудительно вернуть что ли

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

Выделить код

Код:

#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
   border: var(--focus-outline) !important;
   border-color: var(--toolbar-field-focus-border-color) !important;
}

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

Ссасибо ! По контекстным меню уже сделал бордюр.

Отредактировано egorsemenov06 (13-07-2021 13:45:29)

Отсутствует

 

№1075913-07-2021 21:07:27

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

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

Vitaliy V.
https://forum.mozilla-russia.org/viewto … 17#p792417
Спасибо.

А чего там настраивать текст?!

Наверное я имел ввиду вообще интерфейс настроек, например, свою картинку на миниатюру, да и все остальное.
 
Coroner
Вы же сами спросили про глобальные переменные. Никто вас не заставляет их использовать, используйте как раньше, например вместо "var(--какая_то_переменная)"

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { /* selected */
{    background-color: var(--какая_то_переменная) !important; }

точный цвет в html, rgb или rgba.
 
All
Актуализировал Стиль для дополнительных меню (панелей)
и Стиль для панели закладок

Отредактировано _zt (13-07-2021 21:14:52)

Отсутствует

 

№1076014-07-2021 00:36:18

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

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

_zt пишет

вообще интерфейс настроек

Вообще он там есть, я как раз обновил расширение когда писал тот пост,
но разумеется не для миниатюр которые мне не нравятся в принципе,
а для более важного на мой взгляд

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

Screenshot_20210714_001655.th.png  Screenshot_20210714_001657.th.png

Отсутствует

 

№1076114-07-2021 13:11:06

YrdErfgert
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 18
UA: Chrome 62.0

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

Подскажите, как размер кнопки "Х" на вкладке поменять? Была поменьше, теперь очень большая.

Отсутствует

 

№1076214-07-2021 13:19:56

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 90.0

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

Vitaliy V. Не кидайтесь в меня тапками но мне больше не к кому обратиться .Подскажите пожалуйста как правильно записывать это правило

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

Выделить код

Код:

<div class="" style="background-image: url(&quot;moz-page-thumb://thumbnails/?url=https%3A%2F%2Fwww.startpage.com%2Fdo%2Fmypage.pl%3Fprfe%3D09d5a768131701e55e08b3cb7f56053eb9cb78101c2bdb6591f746f1c3c807de84955e822a80372c0f5fb40b392429378522bbacc301888d3d71ff09781d3537e56609525691bfe954c8bbd9&amp;revision=5898&quot;);"></div>

что бы вместо url(&quot;moz-page-thumb://thumbnails/?url=https%3A%2F%2Fwww.startpage.com%2Fdo%2Fmypage.pl%3Fprfe%3D09d5a768131701e55e08b3cb7f56053eb9cb78101c2bdb6591f746f1c3c807de84955e822a80372c0f5fb40b392429378522bbacc301888d3d71ff09781d3537e56609525691bfe954c8bbd9&amp;revision=5898&quot;); подставить url("./screenshot/startpage.png")

Отсутствует

 

№1076314-07-2021 15:00:56

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 90.0

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

Отсутствует

 

№1076414-07-2021 15:30:10

YrdErfgert
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 18
UA: Chrome 62.0

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

oleg.sgh пишет

Попробуйте так

Т.е. размер креста не изменить?

Да добавил код в userChrome.css, в моём случае "Х" никуда не делся, а при наведении мыши цвет меняется на красный. И ещё, у меня активен custom_tab_color_settings.css, возможно поэтому такое поведение и с цветом и с исчезновением кнопки.

Отсутствует

 

№1076514-07-2021 15:36:36

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 90.0

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

YrdErfgert

Т.е. размер креста не изменить?

Наверное, можно, подскажут кто знает. Просто этот вариант мне понравился  и прижился.

Отредактировано oleg.sgh (14-07-2021 15:37:23)

Отсутствует

 

№1076614-07-2021 15:59:05

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

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

egorsemenov06
В расширение, скрипт uc/ucf или еще куда - создайте подпапку в chrome\user_chrome_files, например chrome\user_chrome_files\custom_styles\png и прописывайте адрес так  - url("chrome://user_chrome_files/content/custom_styles/png/startpage.png").

Отредактировано _zt (14-07-2021 16:21:28)

Отсутствует

 

№1076714-07-2021 16:24:38

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 90.0

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

_zt пишет

egorsemenov06
В расширение, скрипт uc/ucf или еще куда - создайте подпапку в chrome\user_chrome_files, например chrome\user_chrome_files\custom_styles\png и прописывайте адрес так  - url("chrome://user_chrome_files/content/custom_styles/png/startpage.png").
Пути ФС и браузера не идентичны.

Я спросил как правило записать в  userChrome.css

Отсутствует

 

№1076814-07-2021 17:08:27

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

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

egorsemenov06

<div class

это html синтаксис, т.е. ответ будет - никак.
Давайте нормальный пример кода в css синтаксисе и не морочьте голову людям. :)
 
Пример смены иконки папки закладки

toolbarbutton.bookmark-item[container="true"][label="имя_папки"] > .toolbarbutton-icon {
    list-style-image: url("./ico/своя_иконка.svg") !important;
}

здесь /ico/ подпапка папки chrome.
 
Пример смены логотипа duckduckgo через userContent.css

@-moz-document url-prefix("https://duckduckgo.com") {
a#logo_homepage_link.logo_homepage,
.is-atb-fullbleed.dark-bg .logo_homepage,
.dark-header .header__logo {
    background-image: url("./png_bkmrk/duckduckgo2.png") !important;
  }
a#logo_homepage_link.logo_homepage,
.is-atb-fullbleed .content--home .logo_homepage {
    width: 150px !important;
    height: 150px !important;
  }
}

здесь /png_bkmrk/ подпапка папки chrome.
 
А вы даете строку не понятно откуда с пустым классом.
Ну например так:

#"здесь вставьте ближайший верхний id без кавычек" ."здесь вставьте класс элемента без кавычек" {
    background-image: url("./screenshot/startpage.png") !important;
}

но вам похоже это надо именно для userContent.css, а в этом случае надо так -

@-moz-document url-prefix("здесь вставьте начало адреса страницы,кавычки оставьте") {
#"здесь возможно понадобится вставить ближайший верхний id без кавычек, а может и не понадобится, тогда просто удалите это до следующей точки" ."здесь вставьте класс элемента без кавычек" {
    background-image: url("./screenshot/startpage.png") !important;
}
}

Отредактировано _zt (14-07-2021 17:41:14)

Отсутствует

 

№1076914-07-2021 17:34:09

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 90.0

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

_zt пишет

egorsemenov06

<div class

это html синтаксис, т.е. ответ будет - никак.
Давайте нормальный пример кода в css синтаксисе и не морочьте голову людям. :)
 
Пример смены иконки папки закладки

toolbarbutton.bookmark-item[container="true"][label="имя_папки"] > .toolbarbutton-icon {
    list-style-image: url("./ico/своя_иконка.svg") !important;
}

здесь /ico/ подпапка папки chrome.

В том то и дело что я не знаю как это <div class="" style="background-image:  записывается в css потому и спрашиваю а с папками я сам разберусь

Отредактировано egorsemenov06 (14-07-2021 17:34:49)

Отсутствует

 

№1077014-07-2021 17:38:15

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

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

egorsemenov06
Посмотрите сообщение выше, я его отредактировал.

Отсутствует

 

№1077114-07-2021 17:53:58

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 90.0

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

_zt пишет

egorsemenov06
Посмотрите сообщение выше, я его отредактировал.

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

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

скрытый текст
46c281670ff331723509f5cc8f882f57.png

Отсутствует

 

№1077214-07-2021 18:18:08

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

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

egorsemenov06
И где же этот скриншот сайта, я должен догадаться, это игра такая? Запустил тестовый профиль, посмотрел дом.страницу firefox, установил new_tab_page тоже посмотрел, ни то ни это на ваш скриншот не похоже.

Отсутствует

 

№1077314-07-2021 18:42:41

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

Подскажите, пожалуйста, как сделать цветными иконки загрузок и закладок в левом меню окна библиотеки:

скрытый текст
5859ce4e0038.jpg

Для остальных иконок библиотеки использую код от Aris bookmark icons colorized:
скрытый текст
#editBMPanel_chooseFolderMenuItem .menu-iconic-icon,
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer) {
list-style-image: url("./../image/folder_item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

treechildren::-moz-tree-image(title, open) {
-moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

treechildren::-moz-tree-image(title, container, livemark) {
list-style-image: url("./../image/feed.png") !important;
-moz-image-region: auto !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Bookmarks Toolbar"],[label="Lesezeichen-Symbolleiste"]) .menulist-icon,
#editBMPanel_toolbarFolderItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar),
treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
list-style-image: url("./../image/bookmarks_toolbar.png") !important;
-moz-image-region: auto !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Bookmarks Menu"],[label="Lesezeichen-Menü"]) .menulist-icon,
#editBMPanel_bmRootItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu),
treechildren::-moz-tree-image(container, queryFolder_menu________) {
list-style-image: url("./../image/bookmarks_menu.png") !important;
-moz-image-region: auto !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Other Bookmarks"],[label="Weitere Lesezeichen"]) .menulist-icon,
#editBMPanel_unfiledRootItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
treechildren::-moz-tree-image(container, queryFolder_unfiled_____) {
list-style-image: url("./../image/unsorted_bookmarks.png") !important;
-moz-image-region: auto !important;
}

treechildren::-moz-tree-image(title, query),
treechildren::-moz-tree-image(query) {
list-style-image: url("./../image/query.png") !important;
-moz-image-region: auto !important;
}

treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("./../image/calendar.png") !important;
  -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_History),
treechildren::-moz-tree-image(query, OrganizerQuery_history____v),
treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("./../image/calendar.png") !important;
  -moz-image-region: auto !important;
}


treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
  list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
  -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
  list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[container] {
  list-style-image: url("./../image/folder_item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[container][open] {
  -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

.bookmark-item[container][livemark] {
  list-style-image: url("./../image/livemark_folder.png") !important;
  -moz-image-region: auto !important;
}


.bookmark-item[container][livemark] .bookmark-item {
  list-style-image: url("./../image/livemark_item.png") !important;
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

.bookmark-item[container][livemark] .bookmark-item[visited] {
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[container][query] {
  list-style-image: url("./../image/query.png") !important;
  -moz-image-region: auto !important;
}

#scrollbutton-up .toolbarbutton-icon,
#scrollbutton-down .toolbarbutton-icon {
  -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(title, query, tagContainer),
treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v),
.bookmark-item[query][tagContainer] {
  list-style-image: url("./../image/tag.png") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[query][dayContainer] {
  list-style-image: url("./../image/calendar.png") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[query][hostContainer] {
  list-style-image: url("./../image/folder_item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[query][hostContainer][open] {
  list-style-image: url("./../image/folder_item.png") !important;
  -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

#subscribeToPageMenuitem:not([disabled]),
#subscribeToPageMenupopup {
  list-style-image: url("./../image/feed.png") !important;
}

#bookmarksToolbarFolderMenu,
#BMB_bookmarksToolbar,
#panelMenu_bookmarksToolbar {
  list-style-image: url("./../image/bookmarks_toolbar.png") !important;
  -moz-image-region: auto !important;
}

#menu_unsortedBookmarks,
#BMB_unsortedBookmarks,
#panelMenu_unsortedBookmarks {
  list-style-image: url("./../image/unsorted_bookmarks.png") !important;
  -moz-image-region: auto !important;
}

Отсутствует

 

№1077414-07-2021 18:51:21

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

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

YrdErfgert пишет

как размер кнопки "Х" на вкладке поменять? Была поменьше, теперь очень большая

По дефолту, крест на вкладке 89+ - это едва различимый невооружённым глазом прыщ :D из двух тонюсеньких линий, причём никак не больше, а меньше чем в допротоновской версии.

И ещё, у меня активен custom_tab_color_settings.css

А какой ещё активен? Очевидно classic_squared_tabs.css, в нём смотрите настройки кнопки, в этом правиле. Ставьте значения меньше 16px. -moz-margin-end: - отступ от правого края вкладки.
Дефолтную кнопку он загасил неск. правилами в этом же стиле, поэтому размер кнопки подбирается чуть иначе.
В дефолтном варианте так можно уменьшить

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

Выделить код

Код:

.tab-close-button {
	width: 22px !important;
	height: 22px !important;
	padding: 7px !important;
}

Отсутствует

 

№1077514-07-2021 19:13:41

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

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

Алексей У. пишет

Подскажите, пожалуйста, как сделать цветными иконки загрузок и закладок в левом меню окна библиотеки:

В 67 и 72 строке подставьте свои иконки.


Add, и зачем выкладывать здесь весь код, лучше добавить ссылку...

Отредактировано kokoss (14-07-2021 19:31:52)


Win7

Отсутствует

 

Board footer

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