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

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

№1185111-02-2022 16:58:40

blazah
Участник
 
Группа: Members
Зарегистрирован: 08-02-2011
Сообщений: 36
UA: Firefox 68.0

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

unter_officer пишет

Установить скрипт.

Я ещё только познаю азы тонких настроек на новых Firefox, можно краткий ликбез, как поставить скрипт.

Отсутствует

 

№1185211-02-2022 17:09:11

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 564
UA: Firefox 91.0

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

blazah пишет

Я ещё только познаю азы тонких настроек на новых Firefox, можно краткий ликбез, как поставить скрипт.

Если коротко.
Установить пакет user_chrome_files от Vitaliy V.
После чего подключить нужный вам скрипт.


«The Truth Is Out There»

Отсутствует

 

№1185312-02-2022 17:33:39

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

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

Уменьшил высоту вкладок с помощью кода:

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

Выделить код

Код:

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

:root[uidensity=touch] {
  --tab-min-height: 32px !important;
}

#TabsToolbar {
  height: calc(var(--tab-min-height) + 2px) !important;
}

Но при выходе из полноэкранного режима в режим окна вкладки почему-то сползают вниз и скрываются под панелью навигации
скрытый текст
be4fc927807a.jpg
Подскажите, пожалуйста, почему это происходит и как это можно исправить.

Отсутствует

 

№1185413-02-2022 09:49:11

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

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

Один из способов сменить фон пустой страницы

Выделить код

Код:

@-moz-document url-prefix(about:blank) {
  
html {
  background: #EAEAEA !important;
}
  
}

Но так перекрывает плеер на hdrezka
https://rezka.ag/series/action/43693-v- … -2018.html

Можно как то hdrezka в исключение внести? Через Stylus тоже бесполезно, т.к. css браузера перекрывает css страниц.

Отредактировано momo2000 (13-02-2022 15:50:56)

Отсутствует

 

№1185513-02-2022 16:09:40

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

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

momo2000 пишет

Один из способов сменить фон пустой страницы

Если правильно понял, то так:

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
#tabbrowser-tabpanels {
  background-color: var(--uc-light-bkgnd-color, rgba(18, 18, 18, 1)) !important;
}
}

добавить в userChrome.css

Отредактировано kokoss (13-02-2022 16:12:12)


Win7

Отсутствует

 

№1185613-02-2022 16:10:35

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

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

momo2000 пишет

Через Stylus тоже бесполезно

Попробуйте это правило в Stylus или userContent.css добавить

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

Выделить код

Код:

@-moz-document domain("rezka.ag") {
pjsdiv iframe {
  display: none !important;
}
}

Не, лучше так
скрытый текст

Выделить код

Код:

.b-player iframe {
  z-index: auto !important;
}

Отредактировано sandro79 (13-02-2022 17:00:09)

Отсутствует

 

№1185713-02-2022 20:12:32

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

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

sandro79:beer:
Спасаете не в первый раз!

Отредактировано momo2000 (13-02-2022 20:15:06)

Отсутствует

 

№1185814-02-2022 21:29:04

maxwell178
Участник
 
Группа: Members
Зарегистрирован: 22-12-2021
Сообщений: 7
UA: Firefox 96.0

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

Есть ли возможность сделать, чтобы боковая панель не сдвигала контент окна/вкладки, а всплывала над ней?

Отсутствует

 

№1185915-02-2022 08:23:59

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

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

Отсутствует

 

№1186016-02-2022 20:09:13

maxwell178
Участник
 
Группа: Members
Зарегистрирован: 22-12-2021
Сообщений: 7
UA: Firefox 97.0

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

Спасибо, посмотрю; после обновления до 97 версии, отвалилась настройка высоты вкладок в userChrome.css, как же всё это достало.


Есть другой вопрос, когда открыто много вкладок, справа появляется кнопка со значком ↓ , есть желание скрыть нафиг эти огромные вкладки совсем и как-то перетащить эту кнопку на панель адреса и работать с выпадающим списком вкладок из этой панели адреса.


Кнопки развернуть, закрыть Firefox в виде дополнений я нашёл, осталось как-то со списком вкладок решить.
Почему хочу эту кнопку, там есть управление звуком и полное контекстное правление вкладками, чего нет в дополнениях.

Отредактировано maxwell178 (16-02-2022 20:10:22)

Отсутствует

 

№1186117-02-2022 20:33:34

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

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

С помощью этого кода создал границу для #identity-box, которая отделяет иконку защищенного или незащищенного соединения ("замок") от url-адреса:

Выделить код

Код:

#urlbar[pageproxystate="valid"] > #identity-box {
  border: none !important;
  border-right: 1px solid #cccccc !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  margin-inline-end: 6px !important;
  padding-inline-end: 6px !important;
}

Однако, на некоторых сайтах "замка" вообще нет, а граница все равно присутствует
ed52f356b446.jpg
Можно ли как-то внести такие адреса в исключения из этого правила (т. е. чтобы если нет иконки, границы тоже не было)?

Отсутствует

 

№1186218-02-2022 01:16:25

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

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

Алексей У.

Выделить код

Код:

#identity-icon-box {
    background: inherit !important;
    border-right: 1px solid #dddd !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-inline-end: 6px !important;
}

Только все конфликты не забудьте в своих стилях удалить.

Отредактировано _zt (18-02-2022 01:27:20)

Отсутствует

 

№1186318-02-2022 18:40:01

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

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

_zt пишет

Алексей У.

Выделить код

Код:

#identity-icon-box {
    background: inherit !important;
    border-right: 1px solid #dddd !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-inline-end: 6px !important;
}

С этим кодом вообще везде граница исчезла.

Только все конфликты не забудьте в своих стилях удалить.

Вот мой стиль для строки адреса, не знаю, с чем здесь может быть конфликт

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

Выделить код

Код:

:root {
  --urlbar-icon-padding: 4px !important;
}

#urlbar .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;
}

#urlbar[pageproxystate="valid"] > #identity-box {
  border: none !important;
  border-right: 1px solid #cccccc !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  margin-inline-end: 6px !important;
  padding-inline-end: 6px !important;
}

#urlbar-container #identity-box:hover,
#urlbar-container #identity-box[open] {
  background-color: #ffffff !important;
}

#identity-icon {
  margin-inline-start: -24px !important;
}

#connection-icon {
  margin-inline-start: 7px !important;
}

#identity-box #tracking-protection-icon-box,
#blocked-permissions-container > .blocked-permission-icon:not(.plugin-icon) {
  display: none !important;
}

#urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon {
  margin-inline-start: 0px !important;
}

.panel-arrow {
  margin-left: 33px !important;
}

#identity-popup > .panel-arrowcontainer > .panel-arrowcontent,
#protections-popup > .panel-arrowcontainer > .panel-arrowcontent {
  margin-inline-start: 20px !important;
}

#notification-popup {
  margin-left: -42px !important;
}

#urlbar-container #urlbar-zoom-button,
#urlbar-container #pageActionButton,
#urlbar-container #pageActionSeparator {
  visibility: collapse !important;
}

#urlbar #star-button,
#main-window[uidensity=compact] #urlbar #star-button {
  padding: 2px 4px 2px !important;
}

#main-window[uidensity=compact] #urlbar[focused="true"] #star-button {
  padding: 1px 4px 1px !important;
}

#urlbar-container .urlbar-history-dropmarker {
  -moz-box-ordinal-group: 100 !important;
  opacity: 1 !important;
}

#urlbar-container .urlbar-history-dropmarker:hover,
#urlbar-container .urlbar-history-dropmarker[open],
#urlbar .urlbar-go-button {
  background-color: #ffffff !important;
}

Отсутствует

 

№1186418-02-2022 22:57:11

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

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

Алексей У.
Я не знаю что такое "вообще везде". У вас в коде "border: none !important;", чего вы от этого ждете? Удалите это блок и замените моим. А вообще хз, я только сейчас заметил, что у вас 68, возможно там по другому, даже наверняка, так как помню что после 68 код FavIcon in URL-bar не единожды ломался и правился.
 
И в моем коде в "border-right:" цвет исправьте.

Отредактировано _zt (18-02-2022 23:09:21)

Отсутствует

 

№1186519-02-2022 00:35:19

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

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

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

С помощью этого кода создал границу для #identity-box, которая отделяет иконку защищенного или незащищенного соединения ("замок") от url-адреса

Вообще, по идее, это должно быть наверно сделано таким же образом, как на служебных страницах, как то так наверно

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

Выделить код

Код:

#urlbar[pageproxystate="valid"] > #identity-box:not(.chromeUI):not(.extensionPage):not(.notSecureText) {
  --urlbar-separator-color: #cccccc !important;
  margin-inline-end: 4px !important;
  border-inline-end: 1px solid var(--urlbar-separator-color) !important;
  border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%) !important;
  border-image-slice: 1 !important;
}

:not(.unknownIdentity) можно ещё добавить попробовать.

Однако, на некоторых сайтах "замка" вообще нет

Что за сайты, примеры этих сайтов можно? security.insecure_connection_icon.enabled в true?

Отсутствует

 

№1186619-02-2022 11:16:22

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

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

_zt пишет

Я не знаю что такое "вообще везде".

Я имел в виду на всех страницах, кроме служебных. Если хотите, поставьте "чистый" Firefox (версия - любая, в последних, по-моему, так же, как в [firefox] 68) и посмотрите: там по умолчанию нет разделителя между иконкой и url-адресом.

У вас в коде "border: none !important;", чего вы от этого ждете?

Правило border: none !important скрывает разделитель на служебных страницах, иначе там будет два разделителя: тот, который по умолчанию, и тот, который создал я.

Удалите это блок и замените моим.

Да, я так тоже пробовал раньше - не работает (по крайней мере, в [firefox] 68).


sandro79 пишет

Вообще, по идее, это должно быть наверно сделано таким же образом, как на служебных страницах, как то так наверно

Да, так тоже неплохо получается, нужно только отрегулировать значение margin, чтобы расстояния слева и справа были одинаковые.

security.insecure_connection_icon.enabled в true?

Точно, теперь появилась иконка. Забыл, когда браузер настраивал,:dumb: спасибо, что напомнили.

Что за сайты, примеры этих сайтов можно?

Вот пример. Сайты с такими адресами еще часто встречаются.

Отсутствует

 

№1186720-02-2022 18:09:07

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

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

Можно ли поменять местами эти иконки?
25c18e7d3eaf.jpg
И можно ли вообще сделать так, чтобы иконка соединения всегда была первой, а все остальные появлялись справа от нее?

Отсутствует

 

№1186820-02-2022 21:56:51

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

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

Алексей У.
Я точно не помню, но вроде этот скрипт менял для 68 (достал из архивного 68 профиля)

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

Выделить код

Код:

// 'Favicon in urlbars identity box' script for Firefox 60+ by Aris
//
// This script restores current pages favicon inside urlbar (aka location bar, address bar or awesome bar).
// [!] If a page does not offer a favicon, browser branches default icon is shown.
// [!] In a multi-window environment pages without favicons might show wrong icons.
// option: set icon for pages without favicon
// Fx 70+: add favicon item to identiy box without replacing connection or tracking protection icons


var i_icon = 'chrome://browser/skin/identity-icon.svg';
var sheet = 'chrome://global/skin/icons/Portrait.png';
var brand = 'chrome://branding/content/identity-icons-brand.svg';
var globe = 'chrome://mozapps/skin/places/defaultFavicon.svg';

var icon_for_pages_without_favicon = brand; // i_icon, sheet, globe or brand (colorized Fx channel icon)


var appversion = parseInt(Services.appinfo.version);

var FaviconInUrlbar = {
 init: function() {
   try {
	   
	// on Fx 70+: add favicon to identity box without replacing existing icons
	if(appversion >= 70) {
	  var favimginurlbar = document.createXULElement("image");
	  favimginurlbar.setAttribute("id","favimginurlbar");
	  favimginurlbar.style.width = "16px";
	  favimginurlbar.style.height = "16px";
	  favimginurlbar.style.marginRight = "4px";
	  document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild);
	}
	
	// update script every time tab attributes get modified (switch/open tabs/windows)
	document.addEventListener("TabAttrModified", updateIcon, false);
	document.addEventListener('TabSelect', updateIcon, false);
	document.addEventListener('TabOpen', updateIcon, false);
	document.addEventListener('TabClose', updateIcon, false);
	document.addEventListener('load', updateIcon, false);
	document.addEventListener("DOMContentLoaded", updateIcon, false);
	

	function updateIcon() {
		
	 setTimeout(function(){ // timeout fixes wrong icon detection in some cases
	  
	  // get current tabs favicon
	  var favicon_in_urlbar = gBrowser.selectedTab.image;
	  
	  // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon)
	  if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null)
		if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand;
		  else favicon_in_urlbar = icon_for_pages_without_favicon;
		  
	  // on Fx 60-69: replace globe icon with favicon 
	  // on Fx 70+: modify favicon item
	  if(appversion >= 70) document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")";
	  else document.querySelector('#identity-icon').style.listStyleImage = "url("+favicon_in_urlbar+")";
	  
	 },100);

	}
	
	/* restore icon badge for websites with granted permissions */
	var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
	var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(' \
		\
		.grantedPermissions::before { \
		  content: "" !important; \
		  display: block !important; \
		  width: 6px !important; \
		  height: 6px !important; \
		  position: absolute !important; \
		  -moz-margin-start: 11px !important; \
		  margin-top:-8px !important; \
		  background: Highlight !important; \
		  border-radius: 100px !important; \
		} \
		\
	'), null, null);

	// remove old style sheet
	if (sss.sheetRegistered(uri,sss.AGENT_SHEET)) sss.unregisterSheet(uri,sss.AGENT_SHEET);
	
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

  } catch(e) {}
 }
};

// initiate script after DOM/browser content is loaded
document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false);

также как сейчас этот. 2022.1645383375.png

Отсутствует

 

№1186920-02-2022 22:51:28

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

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

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

И можно ли вообще сделать так, чтобы иконка соединения всегда была первой, а все остальные появлялись справа от нее?

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

Выделить код

Код:

#connection-icon {
  -moz-box-ordinal-group: 0 !important;
}


С учётом вашего стиля для строки адреса, следует ещё добавить через запятую после #connection-icon селектор #identity-icon

Отредактировано sandro79 (21-02-2022 15:40:48)

Отсутствует

 

№1187021-02-2022 17:09:29

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

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

sandro79 пишет

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

Выделить код

Код:

#connection-icon {
  -moz-box-ordinal-group: 0 !important;
}

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

Отсутствует

 

№1187121-02-2022 18:14:42

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

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

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

А для похожих случаев, когда нужно изменить порядок каких-либо элементов, это правило подойдет?

Не всегда конечно -moz-box-ordinal-group помогает, но здесь с #blocked-permissions-container и здесь с кнопками сработало. Экспериментируйте.

Отсутствует

 

№1187221-02-2022 19:02:28

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

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

sandro79 пишет

Не всегда конечно -moz-box-ordinal-group помогает, но здесь с #blocked-permissions-container и здесь с кнопками сработало.

Да, я помню, вы тогда мне очень помогли. Кстати, еще такой вопрос, может быть, вы знаете: есть ли способ изменить цвет заливки фона в разделе "Персонализация" (по умолчанию он там белый). Инструменты разработчика и инструменты браузера, к сожалению, там даже не открываются.

Отсутствует

 

№1187321-02-2022 19:23:49

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

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

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

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

Да можно выловить без проблем

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

Выделить код

Код:

#customization-content-container,
#customization-panelWrapper > .panel-arrowcontent,
#customization-footer {
  background: magenta !important;
  color: white !important;
}

В userChrome.css добавить.

Отредактировано sandro79 (21-02-2022 19:35:38)

Отсутствует

 

№1187421-02-2022 21:17:44

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

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

sandro79 пишет

Да можно выловить без проблем

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

Выделить код

Код:

#customization-content-container,
#customization-panelWrapper > .panel-arrowcontent,
#customization-footer {
  background: magenta !important;
  color: white !important;
}

Посмотрел - оказалось, можно еще короче сделать:

Выделить код

Код:

#customization-container {
  background-color: #eef3f9 !important;
}

Отсутствует

 

№1187521-02-2022 21:47:35

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

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

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

Посмотрел - оказалось, можно еще короче сделать:

Ну да, там чуть выше ещё селектор, и футер он снизу захватывает. У меня через инспектор так не пошло, поэтому отдельно сделал.
А не пошло у меня из-за включенной сторонней темы [firefox]. Со стандартной да, работает с просто #customization-container.

Отсутствует

 

Board footer

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