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

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

№1305121-05-2023 12:09:20

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

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

При переносе из Firefox в Pale Moon перестал работать код для замены "пустых" иконок сайтов в выпадающем списке истории, панели закладок и окне библиотеки. В Firefox 69 работает нормально. Pale Moon последней версии 32.2.0. Подскажите, пожалуйста, что нужно изменить в коде, чтобы он заработал в Pale Moon.

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

Выделить код

Код:

@namespace svg url("http://www.w3.org/2000/svg");

svg|svg[width="16"][height="16"][viewBox="0 0 16 16"] svg|path[d="M8 0a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm5.163 4.958h-1.552a7.7 7.7 0 0 0-1.051-2.376 6.03 6.03 0 0 1 2.603 2.376zM14 8a5.963 5.963 0 0 1-.335 1.958h-1.821A12.327 12.327 0 0 0 12 8a12.327 12.327 0 0 0-.156-1.958h1.821A5.963 5.963 0 0 1 14 8zm-6 6c-1.075 0-2.037-1.2-2.567-2.958h5.135C10.037 12.8 9.075 14 8 14zM5.174 9.958a11.084 11.084 0 0 1 0-3.916h5.651A11.114 11.114 0 0 1 11 8a11.114 11.114 0 0 1-.174 1.958zM2 8a5.963 5.963 0 0 1 .335-1.958h1.821a12.361 12.361 0 0 0 0 3.916H2.335A5.963 5.963 0 0 1 2 8zm6-6c1.075 0 2.037 1.2 2.567 2.958H5.433C5.963 3.2 6.925 2 8 2zm-2.56.582a7.7 7.7 0 0 0-1.051 2.376H2.837A6.03 6.03 0 0 1 5.44 2.582zm-2.6 8.46h1.549a7.7 7.7 0 0 0 1.051 2.376 6.03 6.03 0 0 1-2.603-2.376zm7.723 2.376a7.7 7.7 0 0 0 1.051-2.376h1.552a6.03 6.03 0 0 1-2.606 2.376z"] {
  filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='defFav' x='0' y='0' width='16' height='16'><feImage x='0' y='0' preserveAspectRatio='none' width='16' height='16' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAjVBMVEUAAABNTXpGRnCKkLKCh6p2eqBpbJRJSXVDQ2yOk7VXWIRMTHmtw+VJSXWCh6pMTHjJ5//P6f/V7P/0+v/////7/f/v+P/E5f+43v/a7v+/4f/4/P/j8f+XteHn9f/l7fbA3PbR4vTr9v+x2//2+v3g6PXf8P/y9vzF3va3yuXC0ODb6ffp7/TV5fTO2ec1ch5hAAAAEHRSTlMAmaaZmZmZd2qZmTj+lFpF98EiowAAAJtJREFUGNNtzMcagjAQReEgXWyUjMQkIEgRLO//eM4VFi68u/98kwhxcGPX83w/CKJEYG6BSdlPfXhEiCHZdU871mGCC7bWeV7bbuxDDl4hmQjW7vYc/K+J6vc8Tw6HQLOobc3j1TQIW01UVcaoLD0tgcygVMY8X+4IDg0gXC6hUiBcXv8Hk4HwbQ0pCK+h5T/xiM8ahGjzs0h8AG24ESM4QmSvAAAAAElFTkSuQmCC'/></filter></svg>#defFav") !important;
}


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

Отсутствует

 

№1305221-05-2023 15:34:24

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

Знатоки, подскажите, как увеличить ширину вкладок до классической (там то ли 100 было, то ли больше - уж и не помню), если нетрудно. Вот тут выше xrun 1 привел пример, но я что-то не понял:

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

config\general_variables.css
проверяете --tab_min_width: 50px !important;
Чтобы применилось, надо также изменить about:config > browser.tabs.tabMinWidth
В userChrome.css должен быть включён стиль css\tabs\tab_maxwidth.css


tabMinWidth в about: config не работает (значение 76 не меняется), как вы знаете. Какой стиль применить? Спасибо.

Отсутствует

 

№1305321-05-2023 16:26:19

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

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

ofizer
xrun1 лишь бы поспорить, я же сказал, что не применяется параметр при наличии стиля.
И должно быть не это нечто, с нижним подчеркиванием (--tab_min_width), а, например:

Выделить код

Код:

#tabbrowser-tabs {
    --tab-min-width: 50px !important;
}

Проверяйте в userChrome.css. Из ucf, с правами USER_SHEET он работает, по идее должен и из userChrome.css работать.
   
Добавлено 21-05-2023 16:52:26
Алексей У.
Попробуйте инспектором получить что сейчас вместо этого

Выделить код

Код:

svg|svg[width="16"][height="16"][viewBox="0 0 16 16"] svg|path[d="M8 0a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm5.163 4.958h-1.552a7.7 7.7 0 0 0-1.051-2.376 6.03 6.03 0 0 1 2.603 2.376zM14 8a5.963 5.963 0 0 1-.335 1.958h-1.821A12.327 12.327 0 0 0 12 8a12.327 12.327 0 0 0-.156-1.958h1.821A5.963 5.963 0 0 1 14 8zm-6 6c-1.075 0-2.037-1.2-2.567-2.958h5.135C10.037 12.8 9.075 14 8 14zM5.174 9.958a11.084 11.084 0 0 1 0-3.916h5.651A11.114 11.114 0 0 1 11 8a11.114 11.114 0 0 1-.174 1.958zM2 8a5.963 5.963 0 0 1 .335-1.958h1.821a12.361 12.361 0 0 0 0 3.916H2.335A5.963 5.963 0 0 1 2 8zm6-6c1.075 0 2.037 1.2 2.567 2.958H5.433C5.963 3.2 6.925 2 8 2zm-2.56.582a7.7 7.7 0 0 0-1.051 2.376H2.837A6.03 6.03 0 0 1 5.44 2.582zm-2.6 8.46h1.549a7.7 7.7 0 0 0 1.051 2.376 6.03 6.03 0 0 1-2.603-2.376zm7.723 2.376a7.7 7.7 0 0 0 1.051-2.376h1.552a6.03 6.03 0 0 1-2.606 2.376z"]

и заменить в коде.

Отредактировано _zt (21-05-2023 16:52:41)

Отсутствует

 

№1305421-05-2023 19:12:43

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

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

_zt пишет

Попробуйте инспектором получить что сейчас вместо этого

Выделить код

Код:

svg|svg[width="16"][height="16"][viewBox="0 0 16 16"] svg|path[d="M8 0a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm5.163 4.958h-1.552a7.7 7.7 0 0 0-1.051-2.376 6.03 6.03 0 0 1 2.603 2.376zM14 8a5.963 5.963 0 0 1-.335 1.958h-1.821A12.327 12.327 0 0 0 12 8a12.327 12.327 0 0 0-.156-1.958h1.821A5.963 5.963 0 0 1 14 8zm-6 6c-1.075 0-2.037-1.2-2.567-2.958h5.135C10.037 12.8 9.075 14 8 14zM5.174 9.958a11.084 11.084 0 0 1 0-3.916h5.651A11.114 11.114 0 0 1 11 8a11.114 11.114 0 0 1-.174 1.958zM2 8a5.963 5.963 0 0 1 .335-1.958h1.821a12.361 12.361 0 0 0 0 3.916H2.335A5.963 5.963 0 0 1 2 8zm6-6c1.075 0 2.037 1.2 2.567 2.958H5.433C5.963 3.2 6.925 2 8 2zm-2.56.582a7.7 7.7 0 0 0-1.051 2.376H2.837A6.03 6.03 0 0 1 5.44 2.582zm-2.6 8.46h1.549a7.7 7.7 0 0 0 1.051 2.376 6.03 6.03 0 0 1-2.603-2.376zm7.723 2.376a7.7 7.7 0 0 0 1.051-2.376h1.552a6.03 6.03 0 0 1-2.606 2.376z"]

и заменить в коде.

Не могли бы вы подсказать, где именно в инспекторе можно это найти? Открыл инструменты браузера - не нашел ничего похожего.

Отсутствует

 

№1305521-05-2023 19:22:16

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

_zt
Не работает. Я, откровенно говоря, не знаю или не помню, где должна стоять запись USER_SHEET. Пробовал стиль Aris-а, он тоже не фурычит, а в полном виде растягивает вкладки на всю ширину браузера:

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

Выделить код

Код:

:root {
  /* --tab-min-width: 50px; */
  --tab_min_width: 50px;
  --tab_max_width: 250px;
}

/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width */
/*
.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}
*/

/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}


Ладно, бог с этими вкладками. Попробую привыкнуть.

Отсутствует

 

№1305621-05-2023 20:17:16

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

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

ofizer
Мусор с нижним подчеркиванием, вы для каких целей храните?
!important; вы по каким соображениям не добавляете?
Вы мой код попробовали, без своей отсебятины?
Мой код не влияет на закрепленные вкладки, никаких уточнений не нужно.
   
Задолбало все, вообще перестану отвечать на вопросы, говоришь одно, а делают хню какую то.
Только что проверил на чистом профиле, код работает из userChrome.css.
   
Добавлено 21-05-2023 20:40:59
Алексей У.
Это долго и врядли тот код заработает на 102. Значок сейчас такой - chrome://global/skin/icons/defaultFavicon.svg, я знаю как менять этот значок сразу и везде, через ucf, а вот единого стиля пока не попадалось.

Отредактировано _zt (21-05-2023 20:43:51)

Отсутствует

 

№1305721-05-2023 20:55:41

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1164
UA: Firefox 113.0

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

_zt
Я не спорил. Ключевая фраза в вопросе была: "Использую Custom CSS for Firefox 4.3.5".
Ответил, как надо правильно использовать в стилях Aris-t2, которыми сам пользуюсь. В стилях есть нужные комментарии.
general_variables.css
userChrome.css
tab_maxwidth.css
ofizer
Стиль фурычит, надо только раскомментировать.

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

Выделить код

Код:

:root {
  /* --tab-min-width: 50px; */
  --tab_min_width: 50px;
  --tab_max_width: 250px;
}

/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width */

.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}


/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}

Отсутствует

 

№1305821-05-2023 21:26:37

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

xrun1
Я так и делал, но вкладки растягиваются на всю ширину браузера. Если одна вкладка, то растягивается полностью на всю ширину FF, если больше - тоже растягиваются, но меньше, т.е. чем больше открыто вкладок, тем они уже. Пробовал убрать последний пункт,

скрытый текст
/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important
}

но тогда код не работает. Быть может, конфликтует с каким-то стилем. Вкладки сузились после применения стиля "Вкладки внизу": https://forum.mozilla-russia.org/viewto … 20#p805020.

Отсутствует

 

№1305922-05-2023 00:51:26

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

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

ofizer пишет

подскажите, как увеличить ширину вкладок до классической (там то ли 100 было, то ли больше - уж и не помню), если нетрудно

По умолчанию ширина 225, как вариант:

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

Выделить код

Код:

.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
	max-width: 225px !important;
}

Отредактировано kokoss (22-05-2023 00:53:44)


Win7

Отсутствует

 

№1306022-05-2023 11:44:03

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1164
UA: Firefox 113.0

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

ofizer
Где-то конфликт в стилях. Я проверял на чистом профиле крайнего портабельного [firefox] в userChrome.css, работает и min и max.

Отсутствует

 

№1306122-05-2023 13:53:39

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

kokoss
Увы, не работает. Видать, конфликт с другим стилем.
xrun1
Да, я об этом выше написал. Вкладки сузились после применения стиля "Вкладки внизу": https://forum.mozilla-russia.org/viewto … 20#p805020. До 113-ой версии был другой стиль от Виталия, и все было в норме.  Попробовал покопаться в стиле по ссылке и пока не пойму, где собака зарыта.

Отсутствует

 

№1306222-05-2023 17:33:46

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

9c570accd56f962b366ed4a97d14db0e.png

Скажите, пож., вот у этой кнопки (запуска) приватного окна есть какое-то название? Хочу у неё поменять отступы.

Отредактировано yuriymos (22-05-2023 18:24:37)

Отсутствует

 

№1306322-05-2023 18:09:37

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1164
UA: Firefox 113.0

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

yuriymos
#privatebrowsing-button

Отсутствует

 

№1306422-05-2023 18:21:58

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

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

ofizer пишет

Увы, не работает. Видать, конфликт с другим стилем.

Видимо да, но ни с этим -> https://forum.mozilla-russia.org/viewto … 20#p805020


Win7

Отсутствует

 

№1306522-05-2023 18:25:16

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

xrun1 спасибо

Отсутствует

 

№1306622-05-2023 20:22:32

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

kokoss

Видимо да, но ни с этим ->https://forum.mozilla-russia.org/viewto … 20#p805020

Хм, вот незадача. Стили "Высота вкладок", "Расстояние между вкладками" работают, и работают давно. Ума не приложу, где конфликт.

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

Выделить код

Код:

/*Высота вкладок*/
*|*#main-window:not([uidensity="touch"]) {
    --tab-min-height: 28px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 3px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
@media (-moz-windows-compositor) {
    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox {
        -moz-box-align: start !important;
    }

    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox .titlebar-button {
        margin: 0 !important;
        padding: 5px 10px !important;
    }

    *|*#main-window:not([uidensity="touch"])[sizemode="normal"]  vbox#titlebar {
        -moz-appearance: none !important;
    }
}

/*Расстояние между вкладками*/
.tabbrowser-tab {
	padding-inline: 0.3px !important;
}

Отредактировано ofizer (22-05-2023 20:23:20)

Отсутствует

 

№1306722-05-2023 21:22:49

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

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

ofizer
И не в этом, попробуйте методом исключения.


Win7

Отсутствует

 

№1306823-05-2023 09:23:40

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 113.0

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

xrun1 пишет

config\general_variables.css
проверяете --tab_min_width: 50px !important;
Чтобы применилось, надо также изменить about:config > browser.tabs.tabMinWidth
В userChrome.css должен быть включён стиль css\tabs\tab_maxwidth.css

Да, так получилось, спасибо!

Отсутствует

 

№1306923-05-2023 14:50:06

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

kokoss

попробуйте методом исключения

Да тут, понимаете, все стили нужные. Я бы попытался бы изменить что-то из параметров в этом стиле, но тяжело понять, что за что отвечает.
На всякий пожарный выложу userChrome, вдруг кто-нибудь поможет. Мир ведь не без добрых людей.

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

Выделить код

Код:

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {

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

/*Ширина вкладок*/
tabbrowser-tab[fadein]:not([pinned]) {
    min-width: 50px !important;
    max-width: 250px !important;
}

/*Высота вкладок*/
*|*#main-window:not([uidensity="touch"]) {
    --tab-min-height: 28px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 3px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
@media (-moz-windows-compositor) {
    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox {
        -moz-box-align: start !important;
    }

    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox .titlebar-button {
        margin: 0 !important;
        padding: 5px 10px !important;
    }

    *|*#main-window:not([uidensity="touch"])[sizemode="normal"]  vbox#titlebar {
        -moz-appearance: none !important;
    }
}

/*Расстояние между вкладками*/
.tabbrowser-tab {
	padding-inline: 0.3px !important;
}  
 
/*Кнопки Закладки и Журнал*/
vbox#browser-bottombox {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='buttons'><implementation><constructor><![CDATA[ var CustomizableUI = window.CustomizableUI; if (!CustomizableUI) { try { CustomizableUI = Components.utils.import('resource:///modules/CustomizableUI.jsm', {}).CustomizableUI; } catch(e) { return; } } var _getWidget = (id) => { var widget = CustomizableUI.getWidget(id); if (!widget || widget.provider != CustomizableUI.PROVIDER_API) return true; return false; }; try { let id = 'add-view-history-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'История', tooltiptext: 'Показать / Скрыть Историю', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewHistorySidebar'); } }); } } catch(e) {} try { let id = 'add-view-bookmarks-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'Закладки', tooltiptext: 'Показать / Скрыть Закладки', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewBookmarksSidebar'); } }); } } catch(e) {} ]]></constructor></implementation></binding></bindings>#buttons");
}

#add-view-history-sidebar-button-for-ofizer {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 38,8 C 28.9,6.6 19.5,3.34 12,10 5.05,18.2 4.21,27.7 8,38 L 18,48 H 45.5 C 47,47.9 47.9,47 48,45.5 V 18'/><path style='fill:white;' d='M 24,3 C 12.3,3 3,12.3 3,24.1 3,35.7 12.3,45 24,45 35.7,45 45,35.7 45,24.1 45,12.3 35.7,3 24,3 Z M 24,39.9 C 15.3,39.9 8.1,32.7 8.1,24.1 8.1,15.3 15.3,8.1 24,8.1 32.7,8.1 39.9,15.3 39.9,24.1 39.9,32.7 32.7,39.9 24,39.9 Z M 31.5,21 H 27 V 15 C 27,13.2 25.8,12 24,12 22.2,12 21,13.2 21,15 V 24.1 C 21,25.8 22.2,27 24,27 H 31.5 C 33.3,27 34.5,25.8 34.5,24.1 34.5,22.2 33.3,21 31.5,21 Z' /></g></svg>") !important;
}

#add-view-bookmarks-sidebar-button-for-ofizer {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 24,3 11.1,45 14.1,48 H 45.58 C 46.93,48 48,46.9 48,45.53 V 22.2 L 45,19.2 39,18 Z'/><path style='fill:white;' d='M 45,19.05 C 45.09,19.34 36.05,30.02 35.96,30.3 35.86,30.57 37.21,44.81 36.97,45 36.76,45.15 24.28,39.43 24,39.43 23.73,39.43 11.25,45.16 11.03,45 10.79,44.81 12.11,30.57 12.02,30.3 11.94,30.02 2.911,19.34 3.001,19.05 3.087,18.77 16.37,15.69 16.6,15.53 16.82,15.35 23.72,3 24,3 24.28,3 31.18,15.35 31.4,15.53 31.63,15.69 44.88,18.75 45,19.05' /></g></svg>") !important;
}

/*Увеличение размера подсказок в строке поиска*/
#PopupSearchAutoComplete > richlistbox.search-panel-tree {
  font-size: 1.2em !important;
}

/*Сужение подсказок до размеров адресной строки*/
#urlbar-container,
#search-container {
    padding: 1px !important;
    margin: 0 !important;
}

#urlbar, #searchbar {
    margin: 0 !important;
}

#searchbar .searchbar-textbox {
    margin: 0 !important;
}

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

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

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

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

#urlbar[breakout] > #urlbar-background {
    animation: none !important;
}

#urlbar[breakout] > #urlbar-background {
    inset-inline-start: 0 !important;
    box-shadow: none !important;
}

#urlbar[breakout] > .urlbarView {
    background-color: var(--autocomplete-popup-background, transparent) !important;
    margin: 0 !important;
    width: 100% !important;
}



/*Уменьшение размеров адресной и поисковой строки*/
#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) {
    min-height: 26px !important;
    margin: 4px !important;
    --urlbar-icon-padding: 4px !important;
}

#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) .urlbar-icon {
    width: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    padding: var(--urlbar-icon-padding) !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
}

/*Убрать из подсказок адресной строки Искать в этот раз с помощью посковых систем*/
#urlbar .search-one-offs {
    display: none !important;
}

/*Убрать кнопку звука во вкладках*/
.tab-icon-sound {
  display: none !important;
}

/*Замена цвета синей полосы в активной вкладке*/
.tab-background .tab-line {
    background: Silver !important;
}

/*Выделить границы вкладок*/
.tabbrowser-tab .tab-background {
    outline: 1px solid Gray !important;
    outline-offset: -1px !important;
}

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

/*Убрать во вкладках надпись ВОСПРОИЗВОДИТСЯ*/
.tab-secondary-label {
    display: none !important;
}

/*Отключить кнопку звука во вкладке*/
.tab-icon-overlay:not([sharing],[crashed]):is([soundplaying],[muted],[activemedia-blocked]) {
    pointer-events: none !important;
}

/*Убрать значок и надпись Приватный просмотр на панели управления*/
#private-browsing-indicator-with-label {
   display: none;
}

/*Вместо Скопировать Копировать в КМ версия 110*/
:is(menuitem, menu) > label[value="Скопировать"]::before {
	content: "Копировать";
}
:is(menuitem, menu) > label[value="Скопировать ссылку"]::before {
	content: "Копировать ссылку";
}
:is(menuitem, menu) > label[value="Скопировать ссылку на изображение"]::before {
	content: "Копировать ссылку на изображение";
}
:is(menuitem, menu) > label[value="Скопировать изображение"]::before {
	content: "Копировать изображение";
}

/*Убрать новую кнопку управления расширениями*/
#unified-extensions-button{
    width: 0.1px;
    padding-inline: 0 !important
    }
    #unified-extensions-button > .toolbarbutton-icon{
    width: 0 !important;
    }

Отредактировано ofizer (23-05-2023 15:02:14)

Отсутствует

 

№1307023-05-2023 16:14:40

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1164
UA: Firefox 113.0

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

ofizer пишет

все стили нужные

Все стили нужные, а 1-я строка, на мой взгляд, лишняя. Без неё всё работает. Заменил у Вас /* Ширина вкладок */ на свой стиль.
Такой userChrome.css у меня на портабельной заработал.

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

Выделить код

Код:

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {

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

/* Ширина вкладок */
:root {
  /* --tab-min-width: 50px; */
  --tab_min_width: 50px;
  --tab_max_width: 250px;
}

/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width */

.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}

/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}

/*Высота вкладок*/
*|*#main-window:not([uidensity="touch"]) {
    --tab-min-height: 28px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 3px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
@media (-moz-windows-compositor) {
    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox {
        -moz-box-align: start !important;
    }

    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox .titlebar-button {
        margin: 0 !important;
        padding: 5px 10px !important;
    }

    *|*#main-window:not([uidensity="touch"])[sizemode="normal"]  vbox#titlebar {
        -moz-appearance: none !important;
    }
}

/*Расстояние между вкладками*/
.tabbrowser-tab {
	padding-inline: 0.3px !important;
}  
 
/*Кнопки Закладки и Журнал*/
vbox#browser-bottombox {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='buttons'><implementation><constructor><![CDATA[ var CustomizableUI = window.CustomizableUI; if (!CustomizableUI) { try { CustomizableUI = Components.utils.import('resource:///modules/CustomizableUI.jsm', {}).CustomizableUI; } catch(e) { return; } } var _getWidget = (id) => { var widget = CustomizableUI.getWidget(id); if (!widget || widget.provider != CustomizableUI.PROVIDER_API) return true; return false; }; try { let id = 'add-view-history-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'История', tooltiptext: 'Показать / Скрыть Историю', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewHistorySidebar'); } }); } } catch(e) {} try { let id = 'add-view-bookmarks-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'Закладки', tooltiptext: 'Показать / Скрыть Закладки', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewBookmarksSidebar'); } }); } } catch(e) {} ]]></constructor></implementation></binding></bindings>#buttons");
}

#add-view-history-sidebar-button-for-ofizer {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 38,8 C 28.9,6.6 19.5,3.34 12,10 5.05,18.2 4.21,27.7 8,38 L 18,48 H 45.5 C 47,47.9 47.9,47 48,45.5 V 18'/><path style='fill:white;' d='M 24,3 C 12.3,3 3,12.3 3,24.1 3,35.7 12.3,45 24,45 35.7,45 45,35.7 45,24.1 45,12.3 35.7,3 24,3 Z M 24,39.9 C 15.3,39.9 8.1,32.7 8.1,24.1 8.1,15.3 15.3,8.1 24,8.1 32.7,8.1 39.9,15.3 39.9,24.1 39.9,32.7 32.7,39.9 24,39.9 Z M 31.5,21 H 27 V 15 C 27,13.2 25.8,12 24,12 22.2,12 21,13.2 21,15 V 24.1 C 21,25.8 22.2,27 24,27 H 31.5 C 33.3,27 34.5,25.8 34.5,24.1 34.5,22.2 33.3,21 31.5,21 Z' /></g></svg>") !important;
}

#add-view-bookmarks-sidebar-button-for-ofizer {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 24,3 11.1,45 14.1,48 H 45.58 C 46.93,48 48,46.9 48,45.53 V 22.2 L 45,19.2 39,18 Z'/><path style='fill:white;' d='M 45,19.05 C 45.09,19.34 36.05,30.02 35.96,30.3 35.86,30.57 37.21,44.81 36.97,45 36.76,45.15 24.28,39.43 24,39.43 23.73,39.43 11.25,45.16 11.03,45 10.79,44.81 12.11,30.57 12.02,30.3 11.94,30.02 2.911,19.34 3.001,19.05 3.087,18.77 16.37,15.69 16.6,15.53 16.82,15.35 23.72,3 24,3 24.28,3 31.18,15.35 31.4,15.53 31.63,15.69 44.88,18.75 45,19.05' /></g></svg>") !important;
}

/*Увеличение размера подсказок в строке поиска*/
#PopupSearchAutoComplete > richlistbox.search-panel-tree {
  font-size: 1.2em !important;
}

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") {
/*Сужение подсказок до размеров адресной строки*/
#urlbar-container,
#search-container {
    padding: 1px !important;
    margin: 0 !important;
}

#urlbar, #searchbar {
    margin: 0 !important;
}

#searchbar .searchbar-textbox {
    margin: 0 !important;
}

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

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

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

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

#urlbar[breakout] > #urlbar-background {
    animation: none !important;
}

#urlbar[breakout] > #urlbar-background {
    inset-inline-start: 0 !important;
    box-shadow: none !important;
}

#urlbar[breakout] > .urlbarView {
    background-color: var(--autocomplete-popup-background, transparent) !important;
    margin: 0 !important;
    width: 100% !important;
}

/*Уменьшение размеров адресной и поисковой строки*/
#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) {
    min-height: 26px !important;
    margin: 4px !important;
    --urlbar-icon-padding: 4px !important;
}

#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,#searchbar) .urlbar-icon {
    width: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
    padding: var(--urlbar-icon-padding) !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
    height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
}

/*Убрать из подсказок адресной строки Искать в этот раз с помощью посковых систем*/
#urlbar .search-one-offs {
    display: none !important;
}

/*Убрать кнопку звука во вкладках*/
.tab-icon-sound {
  display: none !important;
}

/*Замена цвета синей полосы в активной вкладке*/
.tab-background .tab-line {
    background: Silver !important;
}

/*Выделить границы вкладок*/
.tabbrowser-tab .tab-background {
    outline: 1px solid Gray !important;
    outline-offset: -1px !important;
}

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

/*Убрать во вкладках надпись ВОСПРОИЗВОДИТСЯ*/
.tab-secondary-label {
    display: none !important;
}

/*Отключить кнопку звука во вкладке*/
.tab-icon-overlay:not([sharing],[crashed]):is([soundplaying],[muted],[activemedia-blocked]) {
    pointer-events: none !important;
}

/*Убрать значок и надпись Приватный просмотр на панели управления*/
#private-browsing-indicator-with-label {
   display: none;
}

/*Вместо Скопировать Копировать в КМ версия 110*/
:is(menuitem, menu) > label[value="Скопировать"]::before {
	content: "Копировать";
}
:is(menuitem, menu) > label[value="Скопировать ссылку"]::before {
	content: "Копировать ссылку";
}
:is(menuitem, menu) > label[value="Скопировать ссылку на изображение"]::before {
	content: "Копировать ссылку на изображение";
}
:is(menuitem, menu) > label[value="Скопировать изображение"]::before {
	content: "Копировать изображение";
}

/*Убрать новую кнопку управления расширениями*/
#unified-extensions-button{
    width: 0.1px;
    padding-inline: 0 !important
    }
    #unified-extensions-button > .toolbarbutton-icon{
    width: 0 !important;
    }
}

Отредактировано xrun1 (23-05-2023 17:52:44)

Отсутствует

 

№1307123-05-2023 16:55:31

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

xrun1
Крайне Вам признателен. Работает.  Не зря говорю, что мир не без добрых людей. Правда, адресная и поисковая строки малость искривились:

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

Вернул первую строку в исходное состояние, и все стало на свои места. Чудеса. Еще раз спасибо!

Отредактировано ofizer (23-05-2023 17:26:45)

Отсутствует

 

№1307223-05-2023 17:50:17

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 193
UA: unknown 0.0

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

ofizer, никаких чудес. Просто в приведенным тобой userChorme.css был ошибочный селектор tabbrowser-tab[fadein]:not([pinned])

Отсутствует

 

№1307323-05-2023 17:51:00

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1164
UA: Firefox 113.0

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

ofizer
Очистите StartupCache и перестанет работать.
Пока так, подправил стиль. Если ещё что-то вылезет, скажите. Потом внимательнее посмотрю.

Отсутствует

 

№1307423-05-2023 19:55:26

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

xrun1

подправил стиль

Спасибо, работает. Вот только перестал работать стиль:

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

Выделить код

Код:

/*Убрать из подсказок адресной строки Искать в этот раз с помощью посковых систем*/
#urlbar .search-one-offs {
    display: none !important;
}

Если ещё что-то вылезет, скажите. Потом внимательнее посмотрю.

Спасибо.

А сегодня заметил, что отвалился стиль "Расстояние между вкладками":

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

Выделить код

Код:

/*Расстояние между вкладками*/
.tabbrowser-tab {
	padding-inline: 0.3px !important;
}


Прям напасть какая-то. Давненько я стили не менял. Они исправно работали, пока гром не грянул.

Отредактировано ofizer (24-05-2023 14:08:10)

Отсутствует

 

№1307523-05-2023 20:46:52

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

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

ofizer пишет

Вот только перестал работать стиль:
скрытый текст

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

Выделить код

Код:

#urlbar-one-offs-header-label {
    display: none;
}


Win7

Отсутствует

 

Board footer

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