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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№415108-05-2018 14:17:30

glok
Участник
 
Группа: Members
Зарегистрирован: 31-03-2015
Сообщений: 30
UA: Firefox 59.0

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

sandro79 пишет:

glok, на данный момент, для 59 используйте последнюю или начиная с версии Classic CSS tweaks for Firefox Quantum v1.7.7. Смотрите в описании комплекта, если нужных вам изменений или критических исправлений под новую версию [firefox] в комплекте нет, то можно и не менять его с той периодичностью, что выкладывает его автор. Для основной 58 я использую урезанный мной вариант стилей, можете глянуть - меняю файлы в под-папках папки css на новые, и то смотрю какие изменения вносил в новые файлы автор, совместимы ли они с 58(правда менял где-то с месяц назад), так проще обновлять комплект, как мне кажется. Для nightly использую полный пакет, что в моём предыдущем сообщении. А вот в дальнейшем - ходит слух, что [mozilla] может вообще вырезать поддержку стилей. Вчера 61 nightly обновилась до 62 версии - изменений в работе комплект стилей вроде не заметил.

Спасибо. Всё понял.

Отсутствует

 

№415208-05-2018 16:05:29

intersk
Участник
 
Группа: Members
Зарегистрирован: 20-06-2013
Сообщений: 90
UA: Firefox 52.0

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

Vitaliy V.. можно ещё раз обратиться?

intersk пишет:

Vitaliy V. сложно для меня, мне бы просто кнопку custom button VT поправить

Отсутствует

 

№415308-05-2018 17:56:55

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

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

intersk пишет:

мне бы просто кнопку custom button VT поправить

Я не занимаюсь CB даже ставить лень, к тому же CB не подходит для этого ...
если по моим стилям то да.

Кстати обновил панели
https://forum.mozilla-russia.org/viewto … 80#p756580
https://forum.mozilla-russia.org/viewto … 53#p756353

возможно после сделаю без использования userChrome.css и XBL
а с помощью конфигурационных файлов в папке установки [firefox]

Отредактировано Vitaliy V. (08-05-2018 18:01:12)

Отсутствует

 

№415409-05-2018 05:26:01

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 248
UA: Firefox 57.0

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

А можно узнать, что за изменения? Спасибо

Отсутствует

 

№415509-05-2018 10:01:57

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

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

Viatcheslav пишет:

что за изменения?

Для верт. панели в основном изменения для режима автоскрытия, раньше для скрытия/появления использовалось CSS (псевдокласс :hover)
и панель закрывалась если курсор находился на всплывающем окне какой-нибудь кнопки ...
В остальном ничего особенного, оптимизация.

Отсутствует

 

№415610-05-2018 03:11:20

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

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

Vitaliy V.
Виталий, спасайте. Проблемы в FF 60.
1. Код для изменения высоты вкладок более не работает:

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

Выделить код

Код:

/*Высота вкладок*/

:root {
    --tab-min-height:  28px !important;
}


2. В адресной строке при наборе текста исчезли подсказки из закладок:
скрытый текст
https://d.radikal.ru/d36/1805/c6/0e0c4f73aceb.png

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

Выделить код

Код:

/*Сужение подсказок до размеров адресной строки*/

#urlbar > popupset[anonid="popupset"] {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:html='http://www.w3.org/1999/xhtml' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='urlbar-rich-result-popup'><implementation><constructor><![CDATA[ var PopupAutoComplete = document.getElementById('PopupAutoCompleteRichResult'); if (PopupAutoComplete._openAutocompletePopup) { PopupAutoComplete._openAutocompletePopup = function(aInput, aElement) { if (this.mPopupOpen) return; this.mInput = aInput; this.selectedIndex = this._isFirstResultHeuristic ? 0 : -1; this.view = aInput.controller.QueryInterface(Components.interfaces.nsITreeView); this.invalidate(); this.setAttribute('flip', 'slide'); var rect = aElement.getBoundingClientRect(); var width = rect.right - rect.left; this.setAttribute('width', width); var popupDirection = aElement.ownerDocument.defaultView.getComputedStyle(aElement).direction; this.style.direction = popupDirection; this.openPopup(aElement, 'after_start', 0, 0, false, false); } } ]]></constructor></implementation></binding></bindings>#urlbar-rich-result-popup") !important;
}

#PopupAutoCompleteRichResult {
    -moz-margin-start: 0px !important;
}

#PopupAutoCompleteRichResult .ac-type-icon {
    -moz-margin-start: 2px !important;
}


Помогите, если возможно, ибо как теперь работать - не знаю.

Добавлено 10-05-2018 03:31:09
Vitaliy V.
Код высоты вкладок заменил своим же (из запасов). Вроде, сработал:
скрытый текст

Выделить код

Код:

/*Высота вкладок*/
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: 28px !important;
}

Отредактировано ofizer (10-05-2018 03:32:07)

Отсутствует

 

№415710-05-2018 05:23:13

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

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

Добавлено 10-05-2018 05:28:33
Vitaliy V
Виталий, оказалось, дело в коде для сужения подсказок до размеров адресной строки. Если его удалить из userChrome.css - подсказки появляются.
Вы не могли бы помочь с обновлением кода? Был бы крайне признателен.

Отредактировано ofizer (10-05-2018 05:29:17)

Отсутствует

 

№415810-05-2018 08:20:09

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

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

ofizer пишет:

Код для изменения высоты вкладок более не работает:

Это не мой код я вот такой выкладывал https://forum.mozilla-russia.org/viewto … 58#p751058

ofizer пишет:

Ваш код для сужения показа подсказок в адресной строке:

Да я его обновлял уже для [firefox] 60 https://forum.mozilla-russia.org/viewto … 04#p755304

Отсутствует

 

№415910-05-2018 14:43:39

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

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

Vitaliy V.
Вы мне писали вот такой код:

Выделить код

Код:

#main-window:-moz-lwtheme-brighttext { /* Для темных тем */
    --url-and-searchbar-background-color: #ffffff !important; /* Цвет Адресной панели и Панели поиска */
    --url-and-searchbar-color: black !important; /* Цвет шрифта внутри Адресной строки и Панели поиска */
    --chrome-background-color: #0a740a !important; /* Цвет Панели вкладок */
    --chrome-color: #ffffff !important; /* Цвет всех кнопок, папок и шрифта для закладок и папок в Панели закладок */
    --lwt-text-color: #ffffff !important;
    --chrome-secondary-background-color: #0a740a !important; /* Цвет Панели инструментов и Панели закладок */
    --urlbar-separator-color: black !important; /* Цвет сепаратора внутри Адресной строки */
    --toolbox-border-bottom-color: black !important; /* Цвет нижнего Бордюра под Панелью закладок */
    --chrome-nav-bar-controls-border-color: black !important; /* Цвет Бордюра Адресной панели и Панели поиска */
    --tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */
    --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
    --toolbar-bgcolor: #0a8c0a !important; /* Цвет Активной вкладки */
    --toolbar-bgimage: none !important; /* Нет рисунка в Активной вкладки */
    --toolbar-color: #ffffff !important; /* Цвет шрифта Активной вкладки */
    --lwt-tab-text: #ffffff !important;
    --toolbarbutton-icon-fill-opacity: 1 !important;
}

Так вот, при обновлении до FF 60 в этом коде перестало работать:

Выделить код

Код:

 
    --tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */
    --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */

Помогите исправить эти значения в коде

Отредактировано v4386 (10-05-2018 14:46:08)

Отсутствует

 

№416010-05-2018 19:48:19

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

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

v4386

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

Выделить код

Код:

#tabbrowser-tabs:-moz-lwtheme-brighttext {
    --tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */
}

#navigator-toolbox:-moz-lwtheme-brighttext {
    --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
}

Отсутствует

 

№416110-05-2018 20:14:09

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

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

Vitaliy V. пишет:

ofizer пишет:

Код для изменения высоты вкладок более не работает:

Это не мой код я вот такой выкладывал https://forum.mozilla-russia.org/viewto … 58#p751058

ofizer пишет:

Ваш код для сужения показа подсказок в адресной строке:

Да я его обновлял уже для [firefox] 60 https://forum.mozilla-russia.org/viewto … 04#p755304

Крайне благодарен, Виталий. Извините за излишнее беспокойство.

Отсутствует

 

№416210-05-2018 20:45:01

Viktor217
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 05-05-2014
Сообщений: 7
UA: Firefox 59.0

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

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

Боюсь, что средствами стилей такое не провернуть. Или провернуть, но с тотальным кастомом фона...

Отсутствует

 

№416310-05-2018 21:10:05

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

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

Viktor217 https://forum.mozilla-russia.org/viewto … 11#p753311, что для userContent.css код, у меня не сработал.
И в довесок Dark Mode (WebExtension)

Отредактировано sandro79 (11-05-2018 01:43:09)

Отсутствует

 

№416411-05-2018 00:45:22

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

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

Vitaliy V.
Виталий, у меня почему-то не работает:

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

Выделить код

Код:

#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
    --tab-min-height: 23px !important;
    --toolbarbutton-inner-padding: 3px !important;
}

@media (-moz-windows-compositor) {
    #titlebar-buttonbox {
        -moz-box-align: start !important;
    }
    
    #main-window:not([uidensity="touch"]) #titlebar-buttonbox .titlebar-button {
        margin: 0 !important;
        padding: 4px 8px !important;
    }
    
    #main-window:not([uidensity="touch"])[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
    }
}


Видать, что-то не так понимаю.

Отсутствует

 

№416511-05-2018 01:19:03

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

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

ofizer

скрытый текст
https://imageshost.ru/images/2018/05/11/2018-05-11_010943.png

если не убрали свой код /*Высота вкладок*/ то будет мешать или ему подобные.
и ещё там исключение если выбраны мобильные значки код не работает
:not([uidensity="touch"])

Отсутствует

 

№416611-05-2018 02:03:31

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

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

Vitaliy V. пишет:

ofizer


если не убрали свой код /*Высота вкладок*/ то будет мешать или ему подобные.
и ещё там исключение если выбраны мобильные значки код не работает
:not([uidensity="touch"])

Да нет, свой код, разумеется, убрал перед тем, как вставить Ваш (сейчас вновь пришлось вернуть). Мобильные значки не включены.
Вот:

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

Это без overlays и svg. Скоро сдвинусь, похоже, с этими версиями FF.

Отсутствует

 

№416711-05-2018 08:15:19

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

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

Vitaliy V.
Виталий, оказывается, код не работает с обычными значками (не только с мобильными). Он работает лишь с компактными.

Отсутствует

 

№416811-05-2018 08:40:09

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

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

Vitaliy V. пишет:

v4386скрытый текстВыделить кодКод:#tabbrowser-tabs:-moz-lwtheme-brighttext {
    --tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */
}

#navigator-toolbox:-moz-lwtheme-brighttext {
    --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
}

Vitaliy V., от души!
Странно, что только эти два значения перестали работать в том коде. С остальными значениями, вроде, всё в порядке.

Отсутствует

 

№416911-05-2018 09:47:29

base239
Забанен
 
Группа: Members
Откуда: Витебск
Зарегистрирован: 22-01-2009
Сообщений: 170
UA: Firefox 60.0
Веб-сайт

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

v4386 пишет:

Vitaliy V. пишет:

v4386скрытый текстВыделить кодКод:#tabbrowser-tabs:-moz-lwtheme-brighttext {
    --tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */
}

#navigator-toolbox:-moz-lwtheme-brighttext {
    --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
}

Vitaliy V., от души!
Странно, что только эти два значения перестали работать в том коде. С остальными значениями, вроде, всё в порядке.

А у меня этот код работает в [firefox] 60

#navigator-toolbox:-moz-lwtheme-brighttext {
    --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
}

Отсутствует

 

№417011-05-2018 11:14:38

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

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

ofizer пишет:

Он работает лишь с компактными.

Нет у меня работает с обычными тоже, исправил ошибки и изменил ваш userChrome.css, кодировку только нужно изменить на UTF-8 без BOM,
пробуйте

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

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

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

/*Вкладки внизу*/
#navigator-toolbox > #toolbar-menubar {
    -moz-box-ordinal-group: 1 !important;
}

#navigator-toolbox > #nav-bar {
    -moz-box-ordinal-group: 2 !important;
}

#navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 3 !important;
}

#navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}

#navigator-toolbox > #TabsToolbar {
    -moz-box-ordinal-group: 100 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar {
    padding-inline-end: 140px !important;
}

#TabsToolbar .titlebar-placeholder[type="caption-buttons"],
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
    display: none !important;
}

#titlebar-buttonbox {
    z-index: 2 !important;
}

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

/*Высота вкладок*/
#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
    --tab-min-height: 23px !important;
    --toolbarbutton-inner-padding: 3px !important;
}

@media (-moz-windows-compositor) {
    #titlebar-buttonbox {
        -moz-box-align: start !important;
    }
   
    #main-window:not([uidensity="touch"]) #titlebar-buttonbox .titlebar-button {
        margin: 0 !important;
        padding: 4px 8px !important;
    }
   
    #main-window:not([uidensity="touch"])[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
    }
}

/*Сужение подсказок до размеров адресной строки*/
#urlbar > popupset[anonid="popupset"] {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:html='http://www.w3.org/1999/xhtml' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='urlbar-rich-result-popup'><implementation><constructor><![CDATA[ var PopupAutoComplete = document.getElementById('PopupAutoCompleteRichResult'); if (!PopupAutoComplete._openAutocompletePopup) return; PopupAutoComplete._openAutocompletePopup = function(aInput, aElement) { if (this.mPopupOpen) return; if (!this.style.direction) this.style.direction = aElement.ownerGlobal.getComputedStyle(aElement).direction; let popupDirection = this.style.direction; let rect = aElement.getBoundingClientRect(); let width = rect.right - rect.left; this.setAttribute('width', width); this.setAttribute('flip', 'slide'); this.mInput = aInput; this.input.controller.setInitiallySelectedIndex(this._isFirstResultHeuristic ? 0 : -1); this.input.userSelectionBehavior = 'none'; this._invalidate(); try { let whichNotification = aInput.whichSearchSuggestionsNotification; if (whichNotification != 'none') { let impressionId = this._searchSuggestionsImpressionId = {}; this.addEventListener('popupshown', () => { if (this._searchSuggestionsImpressionId == impressionId) aInput.updateSearchSuggestionsNotificationImpressions(whichNotification); }, {once: true}); this._showSearchSuggestionsNotification(whichNotification, popupDirection); } else if (this.classList.contains('showSearchSuggestionsNotification')) { this._hideSearchSuggestionsNotification(); } } catch (ex) { } this.openPopup(aElement, 'after_start', 0, 0, false, false); }; ]]></constructor></implementation></binding></bindings>#urlbar-rich-result-popup") !important;
}

#PopupAutoCompleteRichResult {
    margin-inline-start: 0px !important;
}

#PopupAutoCompleteRichResult .ac-type-icon {
    margin-inline-start: 2px !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;
}

/*Автодобавление закладок звездочкой без всплывающего меню*/
#urlbar image#star-button {
    -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='starred'><handlers><handler event='click' button='0'><![CDATA[ if (this.hasAttribute('starred')) return; event.preventDefault(); event.stopPropagation(); var io = Components.classes['@mozilla.org/network/io-service;1'].getService(Components.interfaces.nsIIOService); var curURI = window.gBrowser.currentURI.spec; var uri = io.newURI(curURI, null, null); var title = window.gBrowser.contentTitle; if (title === '') title = curURI; var NavBookService = Components.classes['@mozilla.org/browser/nav-bookmarks-service;1'].getService(Components.interfaces.nsINavBookmarksService); NavBookService.insertBookmark(NavBookService.unfiledBookmarksFolder, uri, NavBookService.DEFAULT_INDEX, title); ]]></handler></handlers></binding></bindings>#starred") !important;
}

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

#main-window:not([uidensity="touch"]) #urlbar .urlbar-icon {
    width: 24px !important;
    height: 24px !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
    height: 24px !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;
}
}


папки overlays и svg можно удалить и т. к. id кнопок изменил потребуется опять добавить их на панель

base239 пишет:

А у меня этот код работает в [firefox] 60

А что должен не работать?

Отредактировано Vitaliy V. (11-05-2018 11:18:47)

Отсутствует

 

№417111-05-2018 12:24:56

Double Impact
Участник
 
Группа: Members
Зарегистрирован: 07-08-2016
Сообщений: 8
UA: Firefox 60.0

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

Подскажите пожалуйста... В Firefox 59.0.3, чтобы избавиться от надписи "New Tab" в заголовке новой пустой вкладки, можно было отредактировать файл omni.ja\chrome\en-US\locale\browser\newTab.dtd - там есть строка
<!ENTITY newtab.pageTitle "New Tab"> - достаточно было изменить её на <!ENTITY newtab.pageTitle "">
В Firefox 60.0 убрали файл newTab.dtd из omni.ja. Нельзя ли как-нибудь средствами userChrome.css избавиться от этой надписи "New Tab"?
Причём у меня есть код

скрытый текст
#TabsToolbar .tabbrowser-tab[label="New Tab"] .tab-icon-image {
    visibility: collapse !important;
}

(Это для скрытия иконки Firefox из заголовка новой вкладки). Но, если убрать слова New Tab, и оставить одни кавычки - тогда остаются и иконка, и пресловутый New Tab.
Нельзя ли ещё что-нибудь подшаманить? :)

Vitaliy V.
okkamas_knife
Огромное человеческое спасибо вам обоим! :angel:

Отредактировано Double Impact (11-05-2018 13:08:24)

Отсутствует

 

№417211-05-2018 12:40:17

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

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

Double Impact

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

Выделить код

Код:

#TabsToolbar .tabbrowser-tab:-moz-any([label="New Tab"],[label="Новая вкладка"]) .tab-text {
   opacity: 0 !important;
}

Отсутствует

 

№417311-05-2018 12:46:35

okkamas_knife
We are the Borg.       Resistance is futile.
 
Группа: Members
Зарегистрирован: 21-10-2009
Сообщений: 9523
UA: Seamonkey 2.14

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

Double Impact пишет: Но, если убрать слова New Tab, и оставить одни кавычки - тогда остаются и иконка, и пресловутый New Tab.

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

в данном правиле тебе надо заменить часть селектора .таб-икон-имидж но на что не подскажу (не пользуюсь новым) можешь либо дождаться ответа других либо сам загуглить как определить селектор элемента (раньше можно было дом инспектором)
зы выше уже ответили

Отредактировано okkamas_knife (11-05-2018 12:47:57)


я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.

Отсутствует

 

№417411-05-2018 14:31:30

rbl_rbl
Участник
 
Группа: Members
Зарегистрирован: 22-04-2016
Сообщений: 23
UA: Firefox 60.0

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

Коллеги, искал замену ТабМиксПлюс, а в частности двух-трехрядному располажению вкладок. Поставил вот эту штуку и все заработало https://github.com/aris-t2/customcssforfx
Но кнопка меню почему-то переместилась с панели в которой адресная строка, на панель заголовка в левый верхний угол ко всем вкладкам и занимает там прилично места. Как ее оттуда убрать?
А еще как сделать вкладки меньше по ширине? browser.tabs.tabMinWidth не помогает, после определенного значения перестает уменьшать, а меня бы устроило и очень маленькое значение, например 10.

На форуме

 

№417511-05-2018 16:21:31

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

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

rbl_rbl пишет:

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

@import url(./css/buttons/appbutton_in_titlebar.css); /**/ /* <-- label only */
ENABLING options: remove the combination of / and * before '@import'.
DISABLING options: add the combination of / and * before '@import'.
По ширине вкладки - можно править в файле стиля \chrome\config\general_variables.css или \chrome\css\tabs\tab_maxwidth.css, если по второму варианту править, то первый стиль надо отключить - перебивает.

Отредактировано sandro79 (11-05-2018 18:35:36)

Отсутствует

 

Board footer

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