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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№1105115-08-2021 16:39:35

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 26
UA: Firefox 91.0

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

Проблема такая. Я хочу изменить цвет неактивной вкладки. Вот на этой картинке видно, как у меня сейчас (слева - неактивная):

скрытый текст
3fe17d6483d4.png

Хочу сделать цвет неактивной светлее.
Применяю следующий код:
скрытый текст

Выделить код

Код:

#TabsToolbar .tabbrowser-tab:hover:not([selected]) .tab-content{
  background-color: rgb(220,220,220) !important;
}

Получается вот так:

скрытый текст
26ab0236d540.png

Здесь видно, что вкладка действительно стала светлее, но область выделения совсем другая. Не совпадает с областью, которая была раньше, и которой выделена активная вкладки.
Как это исправить? Наверняка есть решение... и я вообще не понимаю, почему так происходит. Ведь по-умолчанию область выделения правильная. Помогите решить. Спасибо!

Отсутствует

 

№1105215-08-2021 16:48:34

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

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

del

Отредактировано _zt (15-08-2021 18:16:36)


Fx 91 esr

Отсутствует

 

№1105315-08-2021 17:15:14

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

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

Zver555 пишет

Хочу сделать цвет неактивной светлее.

Здесь под третьим спойлером посмотрите шаблон. Здесь я делал на основе этого шаблона.

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

Выделить код

Код:

.tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: rgb(220,220,220) !important;
}

Отсутствует

 

№1105415-08-2021 17:57:30

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 26
UA: Firefox 91.0

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

Отвечаю сам себе: нашёл решение здесь: https://github.com/Aris-t2/CustomCSSfor … _shape.css

Добавлено 15-08-2021 17:58:39

sandro79 пишет
Zver555 пишет

Хочу сделать цвет неактивной светлее.

Здесь под третьим спойлером посмотрите шаблон. Здесь я делал на основе этого шаблона.

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

Выделить код

Код:

.tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: rgb(220,220,220) !important;
}

А я уже нашёл! :D

Отредактировано Zver555 (15-08-2021 17:58:39)

Отсутствует

 

№1105515-08-2021 18:29:04

Oleg_V
Участник
 
Группа: Members
Зарегистрирован: 12-08-2021
Сообщений: 11
UA: Firefox 91.0

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

sandro79 пишет

Oleg_V пишет
    как указать именно этим подменю по ПКМ использовать тему firefox ?
Код с под спойлера отсюда должен помочь.

спасибо, все получилось

Отсутствует

 

№1105615-08-2021 19:00:26

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

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

_zt пишет

Раз во вкладке проблемы с редактированием, то она не нужна, от слова совсем

Ну может и не будет проблем, если добавить ещё eval'ов.

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

Выделить код

Код:

/** Подключение:

CustomStylesScripts.jsm:
    scriptsallchrome:
        domload:
            { path: "placesorganizer.js", urlregxp: /chrome:\/\/browser\/content\/places\/places\.xhtml/, ucfobj: false, },
            { path: "placesorganizer.js", urlregxp: /chrome:\/\/browser\/content\/places\/places\.xhtml\?site_query/, ucfobj: false, func: "placesorganizerleftpanebuiltin.places_site_query();", },
            { path: "placesorganizer.js", urlregxp: /chrome:\/\/browser\/content\/places\/places\.xhtml\?date_site_query/, ucfobj: false, func: "placesorganizerleftpanebuiltin.places_date_site_query();", },

CustomStylesScriptsChild.jsm:
    scriptscontent:
        DOMContentLoaded:
            { path: "placesorganizer.js", urlregxp: /chrome:\/\/browser\/content\/places\/places\.xhtml/, ucfobj: false, },
            { path: "placesorganizer.js", urlregxp: /chrome:\/\/browser\/content\/places\/places\.xhtml\?site_query/, ucfobj: false, func: "placesorganizerleftpanebuiltin.places_site_query();", },
            { path: "placesorganizer.js", urlregxp: /chrome:\/\/browser\/content\/places\/places\.xhtml\?date_site_query/, ucfobj: false, func: "placesorganizerleftpanebuiltin.places_date_site_query();", },

*/
var placesorganizerleftpanebuiltin = {
    places() {
        if (window.arguments?.find(f => f === "Downloads" || f === "History" || f === "Tags")) return;
        PlacesOrganizer.__initFolderTree = PlacesOrganizer._initFolderTree;
        PlacesOrganizer._initFolderTree = eval(`(${PlacesOrganizer._initFolderTree})`
        .replace(/^\((async\s)?.*?\(/, `($1function ${PlacesOrganizer._initFolderTree.name}(`)
        .replace("RESULTS_AS_LEFT_PANE_QUERY", "RESULTS_AS_ROOTS_QUERY"));
        PlacesOrganizer.__selectLeftPaneContainerByHierarchy = PlacesOrganizer.selectLeftPaneContainerByHierarchy;
        PlacesOrganizer.selectLeftPaneContainerByHierarchy = eval(`(${PlacesOrganizer.selectLeftPaneContainerByHierarchy})`
        .replace(/^\((async\s)?.*?\(/, `($1function ${PlacesOrganizer.selectLeftPaneContainerByHierarchy.name}(`)
        .replace(/PlacesUtils\.asContainer\(this\._places\.selectedNode\)\.containerOpen\s=\strue;/, ""));
        PlacesOrganizer.__selectLeftPaneBuiltIn = PlacesOrganizer.selectLeftPaneBuiltIn;
        PlacesOrganizer.selectLeftPaneBuiltIn = eval(`(${PlacesOrganizer.selectLeftPaneBuiltIn})`
        .replace(/^\((async\s)?.*?\(/, `($1function ${PlacesOrganizer.selectLeftPaneBuiltIn.name}(`)
        .replace("{", `{
            if (/^(?:Downloads|History|Tags)$/.test(arguments[0])) {
                this._initFolderTree = this.__initFolderTree;
                this._initFolderTree();
                this.selectLeftPaneContainerByHierarchy = this.__selectLeftPaneContainerByHierarchy;
                this.selectLeftPaneBuiltIn = this.__selectLeftPaneBuiltIn;
                return this.selectLeftPaneBuiltIn.apply(this, arguments);
            }`)
        .replace(/(case\s"AllBookmarks":[\S\s]+?)PlacesUtils\.asContainer\(this\._places\.selectedNode\)\.containerOpen\s=\strue;/, "$1")
        .replace(/\[PlacesUtils\.virtualAllBookmarksGuid\]/, "[PlacesUtils.bookmarks.virtualToolbarGuid]")
        .replace(/(\[)\s*PlacesUtils\.virtualAllBookmarksGuid,/g, "$1"));
        if (window.top.isChromeWindow) return;
        PlacesController.prototype.newItem = eval(`(${PlacesController.prototype.newItem})`
        .replace(/^\((async\s)?.*?\(/, `($1function ${PlacesController.prototype.newItem.name}(`)
        .replace("window.top", 'Services.wm.getMostRecentWindow("navigator:browser")'));
        PlacesController.prototype.showBookmarkPropertiesForSelection = eval(`(${PlacesController.prototype.showBookmarkPropertiesForSelection})`
        .replace(/^\((async\s)?.*?\(/, `($1function ${PlacesController.prototype.showBookmarkPropertiesForSelection.name}(`)
        .replace("window.top", 'Services.wm.getMostRecentWindow("navigator:browser")'));
    },
    places_site_query() {
        PlacesOrganizer._initFolderTree = eval(`(${PlacesOrganizer._initFolderTree})`
        .replace("RESULTS_AS_ROOTS_QUERY", "RESULTS_AS_SITE_QUERY")
        .replace(/\}\)$/, "if (this._places.view.rowCount > 0) this._places.view.selection.select(0);\n})"));
    },
    places_date_site_query() {
        PlacesOrganizer._initFolderTree = eval(`(${PlacesOrganizer._initFolderTree})`
        .replace("RESULTS_AS_ROOTS_QUERY", "RESULTS_AS_DATE_SITE_QUERY")
        .replace(/\}\)$/, "if (this._places.view.rowCount > 0) this._places.view.selection.select(0);\n})"));
    },
};
placesorganizerleftpanebuiltin.places();

_zt пишет

А кнопку "библиотека в окне" вы не делали?

Есть по ПКМ: Открыть менеджер Закладок - кнопка в ATB называется Быстрая закладка

Отредактировано Vitaliy V. (25-09-2021 01:02:54)

Отсутствует

 

№1105715-08-2021 19:04:55

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

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

Vitaliy V.
Подключил ваш стиль №10149. Как бы теперь поднять вкладки чуть выше, а то вверху образовался зазор, а также убрать зазоры между закреплённой вкладкой и следующей вкладкой, а справа между активной вкладкой и кнопками расширений?
a7bf3e5d924ab7cfdc8b326b9ad894b3.png fd3389451b36034695b208939d979ffb.png

Отсутствует

 

№1105815-08-2021 19:11:37

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 74
UA: Firefox 91.0

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

Подскажите пожалуйста как задать цвет не активного окна Firefox

Отредактировано Ник 22 (15-08-2021 19:12:24)

Отсутствует

 

№1105915-08-2021 19:34:16

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

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

Vitaliy V.
Агонь. На первый взгляд все работает. dance3.gif
Спасибо.
   
И на 78 тоже.
   
Добавлено 15-08-2021 19:49:39
Ник 22
Попробуйте страничку перелистнуть.

Отредактировано _zt (15-08-2021 19:49:52)


Fx 91 esr

Отсутствует

 

№1106015-08-2021 19:59:39

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 74
UA: Firefox 91.0

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

_zt пишет

Vitaliy V.
Агонь. На первый взгляд все работает. http://www.kolobok.us/smiles/standart/dance3.gif
Спасибо.
   
И на 78 тоже.
   
Добавлено 15-08-2021 19:49:39
Ник 22
Попробуйте страничку перелистнуть.


Огромнейшее Вам спасибо.  Вот  это подошло

:root {
    --lwt-accent-color-inactive: #8899b0 !important;
}

Отсутствует

 

№1106115-08-2021 20:28:13

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

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

Vitaliy V.
А стилем тултип элементу добавить можно?
Например, addon-card .addon panel-item[action="remove"]


Fx 91 esr

Отсутствует

 

№1106215-08-2021 21:36:34

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

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

voqabuhe пишет

убрать зазоры между закреплённой вкладкой и следующей вкладкой

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

Выделить код

Код:

.tabbrowser-tab[first-visible-unpinned-tab] {
    margin-inline-start: 0px !important;
}

voqabuhe пишет

а то вверху образовался зазор

voqabuhe пишет

а справа между активной вкладкой и кнопками расширений

А вот этого не наблюдаю, хотя на [windows] 8.1 не смотрел.
Попробуйте определить от чего это, возможно от нестандартных кнопок на панели вкладок или кнопок управления окном
а также др. стили


_zt
Ну не настоящий тултип а псевдоэлемент можно

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

Выделить код

Код:

addon-options panel-item[action="remove"]:hover::after {
    content: "Удалить дополнение xxxxxxxxxxxxxxxxxxxxxxxxxxx";
    display: block;
    position: fixed;
    color: var(--in-content-page-color, white);
    background: var(--in-content-box-background, black);
    border: 1px solid var(--in-content-box-border-color, white);
    border-radius: 0px;
    padding: 2px;
    max-width: 12em;
    z-index: var(--z-index-popup, 10);
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translate(2px, 100%);
}

Отредактировано Vitaliy V. (15-08-2021 21:50:03)

Отсутствует

 

№1106315-08-2021 22:53:54

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

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

Vitaliy V.
Зазор у закреплённой вкладки убрался. Спасибо.

Vitaliy V. пишет

А вот этого не наблюдаю, хотя на [windows] 8.1 не смотрел.
Попробуйте определить от чего это, возможно от нестандартных кнопок на панели вкладок или кнопок управления окном
а также др. стили

Буду искать...

Отсутствует

 

№1106415-08-2021 23:36:00

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

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

Vitaliy V.
Что-то не получается здесь.


Fx 91 esr

Отсутствует

 

№1106516-08-2021 00:20:34

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

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

Vitaliy V.
Да вроде всё проверил, отключал все расширения и стили, ничего не меняется. Кнопки окна у меня скрыты после применения вашего стиля №5360. Если их не скрывать, то выглядит так 03cdada1303862bcbcbd7fb05ac38a9a.png, а это если их не менять dbcbee66fdd1066ca160da56140aab1b.png. Но если отключаю ваш стиль для вкладок, тогда вроде всё симметрично 6f6f6fda67a73fb77925d0eb85c4bd0b.png. Может какой-нибудь костыль придумаете, чтоб вкладки вверх двинуть?

Отсутствует

 

№1106616-08-2021 08:45:42

f480185
Участник
 
Группа: Members
Зарегистрирован: 05-04-2012
Сообщений: 124
UA: Firefox 91.0

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

Как можно скрыть новую вкладку,когда открыта одна вкладка.
c15e370324c6.jpg

(По умолчанию настроено на открытие нового окна,а не вкладки.)

Отсутствует

 

№1106716-08-2021 20:01:44

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 74
UA: Firefox 91.0

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

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

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

Отредактировано Ник 22 (16-08-2021 20:04:05)

Отсутствует

 

№1106816-08-2021 23:03:45

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

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

vending_machine пишет

id=urlbar-one-offs-header-label

Мда, если вы будете так помогать, то ждите такой же помощи и от других.

Ник 22 пишет

Не работает.

скрытый текст
Убрать только надпись "В этот раз искать в:"
скрытый текст

Выделить код

Код:

#urlbar .search-panel-header {
    display: none !important;
}

Если всё
скрытый текст

Выделить код

Код:

#urlbar .search-one-offs {
    display: none !important;
}

Отсутствует

 

№1106917-08-2021 00:28:33

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 74
UA: Firefox 91.0

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

sandro79 пишет
vending_machine пишет

id=urlbar-one-offs-header-label

Мда, если вы будете так помогать, то ждите такой же помощи и от других.

Ник 22 пишет

Не работает.

скрытый текст
Убрать только надпись "В этот раз искать в:"
скрытый текст

Выделить код

Код:

#urlbar .search-panel-header {
    display: none !important;
}

Если всё
скрытый текст

Выделить код

Код:

#urlbar .search-one-offs {
    display: none !important;
}


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

Отредактировано Ник 22 (17-08-2021 00:31:14)

Отсутствует

 

№1107017-08-2021 01:34:48

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

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

_zt пишет

Vitaliy V.
Что-то не получается здесь.

У вас там не только тултипов нет но и нет возможности вернуть текст на кнопки
Вот сделал с иконками, ну можно конечно убрать текст или иконки и т.д.
чтобы убрать текст для кнопок определенного типа там есть пример addon-card panel-item[action="report"]
или везде --v-buttons-font-size: 0; для #main
Убрать иконки аналогично --v-buttons-icon-size: 0px;

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

Выделить код

Код:

@-moz-document  url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") {
:root {
    --v-content-button-border-color: var(--in-content-box-border-color, rgba(12, 12, 13, 0.3));
    --v-content-button-border-color-hover: var(--in-content-border-hover, rgba(12, 12, 13, 0.5));
    --v-content-button-background: var(--in-content-button-background, rgba(12, 12, 13, 0.1));
    --v-content-button-background-hover: var(--in-content-button-background-hover, rgba(12, 12, 13, 0.15));
    --v-content-button-background-active: var(--in-content-button-background-active, rgba(12, 12, 13, 0.2));
    --v-content-button-color: var(--in-content-button-text-color, #0c0c0d);
    --v-content-button-color-hover: var(--in-content-button-text-color-hover, #0c0c0d);
    --v-content-button-color-active: var(--in-content-button-text-color-hover, #0c0c0d);
    --v-buttons-tooltip-color: var(--in-content-page-color, #0c0c0d);
    --v-buttons-tooltip-background: var(--in-content-box-background, #ffffff);
    --v-buttons-tooltip-border-color: var(--in-content-box-border-color, rgba(12, 12, 13, 0.3));
    --v-main-max-width: 1000px;
    --card-padding: 8px !important;
    --section-width: 664px !important;
    --addon-icon-size: 32px !important;
}
#main {
    --v-buttons-font-size: 1rem;
    --v-buttons-font-weight: bold;
    --v-buttons-border-radius: 4px;
    --v-buttons-border-width: 1px;
    --v-buttons-min-height: 26px;
    --v-buttons-tooltip-font-size: 1rem;
    --v-buttons-tooltip-border-radius: 2px;
    --v-buttons-tooltip-delay: .5s;
    --v-buttons-tooltip-translate-x: 0px;
    --v-buttons-tooltip-translate-y: 0px;
    --v-buttons-width: auto;
    --v-list-display-flex: flex;
}
@media (-moz-toolbar-prefers-color-scheme: dark) {
:root {
    --v-content-button-border-color: var(--in-content-box-border-color, rgba(249, 249, 250, 0.2));
    --v-content-button-border-color-hover: var(--in-content-border-hover, rgba(249, 249, 250, 0.3));
    --v-content-button-background: var(--in-content-button-background, rgba(249, 249, 250, 0.1));
    --v-content-button-background-hover: var(--in-content-button-background-hover, rgba(249, 249, 250, 0.15));
    --v-content-button-background-active: var(--in-content-button-background-active, rgba(249, 249, 250, 0.2));
    --v-content-button-color: var(--in-content-button-text-color, #f9f9fa);
    --v-content-button-color-hover: var(--in-content-button-text-color-hover, #f9f9fa);
    --v-content-button-color-active: var(--in-content-button-text-color-hover, #f9f9fa);
    --v-buttons-tooltip-color: var(--in-content-page-color, #fbfbfe);
    --v-buttons-tooltip-background: var(--in-content-box-background, #23222b);
    --v-buttons-tooltip-border-color: var(--in-content-box-border-color, rgba(249, 249, 250, 0.2));
}
}
addon-card .toggle-button,
addon-card .theme-enable-button {
    --v-buttons-toggle-button-content: "Включить";
    --v-buttons-tooltip-content: "Включить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/check-partial.svg");
}
addon-card .card[active="true"] .toggle-button,
addon-card .card[active="true"] .theme-enable-button {
    --v-buttons-toggle-button-content: "Отключить";
    --v-buttons-tooltip-content: "Отключить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/check.svg");
}
addon-card panel-item[action="remove"] {
    --v-buttons-tooltip-content: "Удалить дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/delete.svg");
}
addon-card panel-item[action="preferences"] {
    --v-buttons-tooltip-content: "Настройки дополнения";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/settings.svg");
}
addon-card panel-item[action="report"] {
    --v-buttons-tooltip-content: "Пожаловаться на дополнение";
    --v-buttons-tooltip-display: block;
    --icon: url("chrome://global/skin/icons/warning.svg");
    --v-buttons-font-size: 0;
}
addon-list[type="plugin"] addon-card panel-item:not([checked]) {
    --icon: url("chrome://global/skin/icons/check-partial.svg");
}
/* ************************************************************************* */

body {
    margin: 0 !important;
}
#main {
    max-width: var(--v-main-max-width) !important;
    margin-inline-start: 16px !important;
    margin-inline-end: 16px !important;
}
addon-card message-bar {
    --card-padding: inherit !important;
}
addon-card .card-contents {
    width: auto !important;
    overflow-x: hidden !important;
    flex-grow: 1 !important;
}
addon-card .card {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
}
addon-card .card > * {
    grid-column-start: 1 !important;
    grid-column-end: 3 !important;
}
addon-card .card > .addon-card-collapsed {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    grid-row-start: 1 !important;
    overflow-x: hidden !important;
}
addon-card .card > addon-options {
    grid-column-start: 2 !important;
    grid-column-end: 3 !important;
    grid-row-start: 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}
img.card-heading-image {
    margin: calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) var(--card-padding) !important;
    width: calc(var(--card-padding) * 2 + 100%) !important;
    height: auto !important;
    object-fit: cover !important;
}
addon-card .card > img.card-heading-image:not([hidden]) {
    display: inline !important;
}
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed,
addon-card .card > img.card-heading-image:not([hidden]) + .addon-card-collapsed ~ addon-options {
    grid-row-start: 2 !important;
}
addon-card .addon-name-container {
    margin-top: 0 !important;
}
div.arrow.top ~ div.list {
    display: var(--v-list-display-flex, block) !important;
    justify-content: end !important;
}
addon-card panel-list {
    position: static !important;
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
}
addon-card panel-item:where(:not([hidden])) {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}
style + div.container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
button.more-options-button[action="more-options"],
addon-card panel-item[action="expand"],
div.arrow.top, div.arrow.bottom,
addon-card panel-item-separator {
    display: none !important;
}
addon-card .toggle-button,
addon-card button.theme-enable-button,
link[href$="panel-item.css"] ~ button {
    display: flex !important;
    align-items: center !important;
    width: var(--v-buttons-width, 100%) !important;
    min-height: var(--v-buttons-min-height, 26px) !important;
    height: auto !important;
    line-height: 1.25em !important;
    padding: 0px calc(4px + .25em) !important;
    margin: 0 1px !important;
    background-image: var(--icon, none) !important;
    background-repeat: no-repeat !important;
    background-size: var(--v-buttons-icon-size, 16px) !important;
    background-position-y: center !important;
    background-position-x: left 4px !important;
    padding-inline-start: calc(4px + .25em + var(--v-buttons-icon-size, 16px)) !important;
    background-color: var(--v-content-button-background) !important;
    border-color: var(--v-content-button-border-color) !important;
    border-style: solid !important;
    border-width: var(--v-buttons-border-width, 0px) !important;
    color: var(--v-content-button-color) !important;
    border-radius: var(--v-buttons-border-radius, 0) !important;
    font-weight: var(--v-buttons-font-weight, inherit) !important;
    font-size: var(--v-buttons-font-size, inherit) !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
    -moz-context-properties: fill;
    fill: currentColor;
}
addon-card .toggle-button,
addon-card button.theme-enable-button {
    padding-inline-start: 0 !important;
}
addon-card .card.addon .card-contents .toggle-button {
    border-color: var(--v-content-button-border-color) !important;
}
addon-card .toggle-button:enabled:hover,
addon-card button.theme-enable-button:enabled:hover,
link[href$="panel-item.css"] ~ button:enabled:hover {
    background-color: var(--v-content-button-background-hover) !important;
    color: var(--v-content-button-color-hover) !important;
    border-color: var(--v-content-button-border-color-hover) !important;
}
addon-card .card.addon .card-contents .toggle-button:enabled:hover {
    border-color: var(--v-content-button-border-color-hover) !important;
}
addon-card .toggle-button:enabled:hover:active,
addon-card button.theme-enable-button:enabled:hover:active,
link[href$="panel-item.css"] ~ button:enabled:hover:active {
    background-color: var(--v-content-button-background-active) !important;
    color: var(--v-content-button-color-active) !important;
}
addon-card .toggle-button::-moz-focus-inner,
addon-card button.theme-enable-button::-moz-focus-inner,
link[href$="panel-item.css"] ~ button::-moz-focus-inner {
    border: none !important;
}
link[href$="panel-item.css"] ~ button::after {
    inset: 0px !important;
    bottom: auto !important;
    height: 3px !important;
    width: auto !important;
    border-radius: 0 !important;
}
addon-card .toggle-button::before {
    all: unset !important;
    display: inline-block !important;
    content: var(--v-buttons-toggle-button-content, none) !important;
    white-space: nowrap !important;
    margin-inline-start: calc(4px + .25em + var(--v-buttons-icon-size, 16px)) !important;
}
addon-card .toggle-button:dir(rtl),
addon-card button.theme-enable-button:dir(rtl),
link[href$="panel-item.css"] ~ button:dir(rtl) {
    background-position-x: right 4px !important;
}
link[href$="panel-item.css"] ~ button > label {
    padding: 0 !important;
    margin: 0 !important;
}
addon-card .more-options-menu {
    flex-grow: 0 !important;
    position: static !important;
    margin: 0 !important;
    align-self: start !important;
}
addon-card .addon-name,
addon-card .addon-description {
    white-space: nowrap !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
}
addon-card .toggle-button::after,
addon-card button.theme-enable-button::after,
addon-card panel-item::after {
    display: var(--v-buttons-tooltip-display, none) !important;
    content: "";
    max-width: 0;
    pointer-events: none !important;
}
addon-card .toggle-button:hover::after,
addon-card button.theme-enable-button:hover::after,
addon-card panel-item:hover::after {
    animation-name: tooltip_delay !important;
    animation-timing-function: step-end !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: forwards !important;
    animation-delay: var(--v-buttons-tooltip-delay, .5s) !important;
    --v-buttons-tooltip-transform: translate(calc(1px + var(--v-buttons-tooltip-translate-x)), calc(100% + var(--v-buttons-tooltip-translate-y)));
}
@keyframes tooltip_delay {
    from {
        max-width: 0;
    }
    to {
        content: var(--v-buttons-tooltip-content, "");
        align-self: flex-end;
        position: absolute;
        color: var(--v-buttons-tooltip-color);
        background: var(--v-buttons-tooltip-background);
        border: 1px solid var(--v-buttons-tooltip-border-color);
        border-radius: var(--v-buttons-tooltip-border-radius, 0);
        padding: 2px;
        max-width: 24em;
        line-height: 1.25em;
        font-size: var(--v-buttons-tooltip-font-size, inherit);
        font-weight: normal;
        text-align: start;
        z-index: var(--z-index-popup, 10);
        white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transform: var(--v-buttons-tooltip-transform, none);
    }
}
addon-card .toggle-button:hover::after,
addon-card button.theme-enable-button:hover::after {
    --v-buttons-tooltip-transform: translate(calc(var(--v-buttons-tooltip-translate-x) - 1px), calc(100% + 1px + var(--v-buttons-tooltip-translate-y)));
}
addon-card button.theme-enable-button::before {
    content: "";
    display: inline-block;
    width: calc(4px + .25em + var(--v-buttons-icon-size, 16px));
}
}

Добавлено 17-08-2021 01:44:00

voqabuhe пишет

Но если отключаю ваш стиль для вкладок, тогда вроде всё симметрично 6f6f6fda67a73fb77925d0eb85c4bd0b.png. Может какой-нибудь костыль придумаете, чтоб вкладки вверх двинуть?

Там вкладки больше по высоте, а если уменьшить то у вас похоже тема в ОС не дает, проверили бы хоть со стандартной...
А костыль можно что-то типа

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

Выделить код

Код:

:root[tabsintitlebar] #titlebar {
    appearance: none !important;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar {
    padding-top: 8px !important;
}

Добавлено 17-08-2021 01:46:00

f480185 пишет

Как можно скрыть новую вкладку,когда открыта одна вкладка.

Автоскрытие панели вкладок https://forum.mozilla-russia.org/viewto … 02#p792702

Отредактировано Vitaliy V. (18-08-2021 15:06:27)

Отсутствует

 

№1107117-08-2021 07:07:21

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

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

Vitaliy V. пишет

А костыль можно что-то типа

Спасибо, верх теперь идеально. А ещё то один костылик можно), чтоб убрать зазор справа, вот здесь №11057 второй скрин?

у вас похоже тема в ОС не дает, проверили бы хоть со стандартной...

Так у меня тема ОС и так стандартная, я только цвет поменял в настройках на тёмный.

Отсутствует

 

№1107217-08-2021 09:48:50

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 74
UA: Firefox 91.0

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

Подскажите пожалуйста.
Кликаю на ссылку при входе на сайт цвет посещенной ссылки не меняется, а при перезагрузке страницы цвет изменился. Можно ли сделать так чтобы цвет посещенной ссылки менялся с первого раза. Неудобно когда что то ищещь а цвет ссылок не меняется и не знаешь на какой сайт уже заходил.

Отредактировано Ник 22 (17-08-2021 09:50:53)

Отсутствует

 

№1107317-08-2021 10:52:54

armtec
Участник
 
Группа: Members
Зарегистрирован: 16-08-2021
Сообщений: 4
UA: Firefox 91.0

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

Добрый день. Не подскажите,как можно убрать нижнюю строку на вкладке ютуба : автовоспроизведение, автовоспроизведение заблокировано? Знаю раньше можно было,сейчас не могу найти
35529180.jpg

Отредактировано armtec (17-08-2021 18:04:59)

Отсутствует

 

№1107417-08-2021 15:25:20

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 74
UA: Firefox 91.0

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

vending_machine пишет
Ник 22 пишет
vending_machine пишет

id=urlbar-one-offs-header-label

 
Не работает.

У меня работает

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


Понимаю У меня сработал вот этот код

#urlbar .search-one-offs {
    display: none !important;
}

Отредактировано Ник 22 (17-08-2021 15:26:24)

Отсутствует

 

№1107517-08-2021 16:12:14

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

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

Ник 22
Выражения:
Как убрать полосу информера ,,в этот раз искать в,, 
и "убрать поисковики" - несут разные коннотации.
При большом количестве поисковиков полоса информера начинает жить собственно жизнью и переезжает в отдельную строку. И если бы не любезность sandro79 мы погрязли бы в фарисействе и книжничестве [mozilla]:angel: _______ :music:

Отсутствует

 

Board footer

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