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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№1202619-02-2022 00:35:19

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1730
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?

Отсутствует

 

№1202719-02-2022 11:16:22

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 146
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: спасибо, что напомнили.

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

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

Отсутствует

 

№1202820-02-2022 18:09:07

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

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

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

Отсутствует

 

№1202920-02-2022 21:56:51

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1121
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

Отсутствует

 

№1203020-02-2022 22:51:28

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1730
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)

Отсутствует

 

№1203121-02-2022 17:09:29

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

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

sandro79 пишет

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

Выделить код

Код:

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

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

Отсутствует

 

№1203221-02-2022 18:14:42

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

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

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

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

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

Отсутствует

 

№1203321-02-2022 19:02:28

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

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

sandro79 пишет

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

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

Отсутствует

 

№1203421-02-2022 19:23:49

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1730
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)

Отсутствует

 

№1203521-02-2022 21:17:44

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 146
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;
}

Отсутствует

 

№1203621-02-2022 21:47:35

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

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

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

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

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

Отсутствует

 

№1203723-02-2022 15:11:11

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

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

Подскажите, пожалуйста, селектор этой области

скрытый текст
1970b8ebfe49.jpg
Хотелось бы изменить цвет фона в режимах hover, active и focus на свой, но при использовании #searchSubmit меняется только цвет фона стрелки, а не всей области.

Отсутствует

 

№1203823-02-2022 15:47:15

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

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

Алексей У.

скрытый текст
Скрин

Выделить код

Код:

.search-wrapper .search-button:hover {
  background-color: grey !important;
}
.search-wrapper .search-button:focus {
  background-color: red !important;
}

Смотрите в раздел с правилами тоже.

Отсутствует

 

№1203923-02-2022 16:39:09

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

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

sandro79 пишет

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

Выделить код

Код:

.search-wrapper .search-button:hover {
  background-color: grey !important;
}
.search-wrapper .search-button:focus {
  background-color: red !important;
}

Я пробовал делать так, но это правило, к сожалению, не работает при использовании градиентной заливки:

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

Выделить код

Код:

.search-wrapper .search-button:hover {
  background-image: linear-gradient(top, #4d90fe, #357ae8) !important;
  border: 1px solid #2f5bb7 !important;
}

.search-wrapper .search-button:active {
  background-image: linear-gradient(top, #3c7ae4, #3f76d3) !important;
  border: 1px solid #2f5bb7 !important;
}


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

sandro79 пишет

У меня так.
А  что касается фокуса, то я имел в виду это

скрытый текст
12f0d7bfefe5.jpg

Отсутствует

 

№1204023-02-2022 17:26:29

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

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

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

У меня так.

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

А  что касается фокуса, то я имел в виду это

Так можно, остальное не знаю

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

Выделить код

Код:

.search-wrapper .search-inner-wrapper:active input {
    border-color: green !important;
    box-shadow: none !important;
}
.search-wrapper input:focus {
    border-color: red !important;
    box-shadow: none !important;
}

Отсутствует

 

№1204126-02-2022 18:25:23

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

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

Как можно сместить иконку закладки к правому краю выпадающего списка и расположить в первой строке (положение иконки должно быть привязано именно к правому краю, чтобы при изменении ширины списка она оставалась на одном и том же расстоянии от него)?

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

Отсутствует

 

№1204227-02-2022 10:56:57

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

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

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

скрытый текст
88794037d891.png

Отсутствует

 

№1204305-03-2022 11:04:48

Djon776
Участник
 
Группа: Members
Зарегистрирован: 09-10-2020
Сообщений: 11
UA: Firefox 97.0

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

Подскажите, пожалуйста:

1) как уменьшить размер вкладок по высоте (на 1,5х-2х)

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

af8a760195f8.jpg

2) как уменьшить высоту (на 2х-2,5х) контекстного меню

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

1acef83df24a.jpg

Версия Firefox 97.0.2 (64-бита)

Отредактировано Djon776 (05-03-2022 11:06:56)

Отсутствует

 

№1204407-03-2022 10:31:47

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

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

Вопрос по userContent.css. Как убрать эту рамку вокруг кнопки закрытия?
afb3b7bc0807.jpg
Эффект возник после замены иконки на собственную, рамка появляется в режиме active, а также при правом клике на кнопке. Код замены:

Выделить код

Код:

.close-icon {
  list-style-image: url("./image/close.png") !important;
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  transform: scale(0.8) !important;
}

.close-icon:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.close-icon:active {
  -moz-image-region: rect(0px, 48px, 16px, 32px) !important;
}

Отсутствует

 

№1204507-03-2022 18:01:30

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

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

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

Как убрать эту рамку вокруг кнопки закрытия?

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

Выделить код

Код:

button:-moz-focusring {
  outline: none !important;
  box-shadow: none !important;
}

Отсутствует

 

№1204607-03-2022 19:06:35

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 53
UA: Firefox 98.0

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

firefox 98. убрать оповещение о загрузке, или выставить в ноль, в about:conf. возможно?

Отсутствует

 

№1204707-03-2022 19:24:46

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

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

sandro79 пишет

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

Выделить код

Код:

button:-moz-focusring {
  outline: none !important;
  box-shadow: none !important;
}

Спасибо, вроде бы работает. Кстати, еще по этому вопросу - можно ли одним общим кодом заменить иконки всех кнопок закрытия в браузере? Мне удалось это сделать пока только для вкладок, боковой панели и всплывающих окон настроек. Вот здесь, например, не получилось

скрытый текст
42a329a3909b.jpg

Отсутствует

 

№1204807-03-2022 19:52:39

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

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

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

можно ли одним общим кодом заменить иконки всех кнопок закрытия в браузере?

Ну, похоже, что нет.

Вот здесь, например, не получилось

скрытый текст
в userContent.css

Выделить код

Код:

#toolbox-close::before {
  background-image: url("chrome://branding/content/icon16.png") !important;
}

Отсутствует

 

№1204907-03-2022 20:41:58

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

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

sandro79 пишет

скрытый текст
в userContent.css

Выделить код

Код:

#toolbox-close::before {
  background-image: url("chrome://branding/content/icon16.png") !important;
}

Добавил, но через list-style-image (у меня иконка в виде одного изображения сделана) не работает.

Отсутствует

 

№1205014-03-2022 17:05:52

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

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

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

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

Отсутствует

 

Board footer

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