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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№1397626-03-2024 21:00:54

b0ttle
Участник
 
Группа: Members
Зарегистрирован: 22-10-2020
Сообщений: 182
UA: Firefox 124.0

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

Vitaliy V. Здравствуйте. Помощь все же нужна,
gOkVMgr.png
как расположить в самом начале перед <-? И сам стиль этого меню, по мне топорный. Можете поправить в правильный кодо-вид?

Выделить код

Код:

/* https://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=800#8 #19 */
#TabsToolbar{margin-left:44.6vw !important;margin-right: 0px;}
#nav-bar{margin-top:-35px !important;margin-right:55vw!important;}

upd: Работает, спасибо. Не съезжает как до этого, при уменьшении окна и т.д. Меню Alt тоже что надо.

Отредактировано b0ttle (27-03-2024 20:00:08)

Отсутствует

 

№1397727-03-2024 13:14:57

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

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

b0ttle
вот такое придумалось, проверил на win 11 вроде проблем не наблюдается

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

Выделить код

Код:

:root {
    --v-titlebar-menubar-margin-inline-start: 50vw;
}
#titlebar {
    margin-bottom: calc(-1 * (2 * var(--tab-block-margin) + var(--tab-min-height))) !important;
    margin-inline-start: var(--v-titlebar-menubar-margin-inline-start) !important;
    z-index: 1 !important;
    #toolbar-menubar {
        position: relative !important;
        margin-inline-start: calc(-1 * var(--v-titlebar-menubar-margin-inline-start)) !important;
    }
}
#nav-bar {
    min-height: calc(2 * var(--tab-block-margin) + var(--tab-min-height)) !important;
    padding-inline-start: var(--v-main-menubar-min-width, 0) !important;
    margin-inline-end: calc(100vw - var(--v-titlebar-menubar-margin-inline-start)) !important;
}

Отсутствует

 

№1397828-03-2024 15:08:20

b0ttle
Участник
 
Группа: Members
Зарегистрирован: 22-10-2020
Сообщений: 182
UA: Firefox 124.0

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

Как убрать .titlebar-spacer, пробовал так .titlebar-spacer{display:none!important;}, справа убрался, а слева остался.
Еще вопрос, сайт недавно снова лежал с ошибкой 502,504? Часто такое, в несколько дней один раз точно, только у меня так?


upd: То что надо!) Сработал. Спасибо.

Отредактировано b0ttle (28-03-2024 20:01:40)

Отсутствует

 

№1397928-03-2024 16:27:38

Farby
Участник
 
Группа: Members
Зарегистрирован: 21-11-2012
Сообщений: 248
UA: Google 2.1

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

b0ttle У меня так

pre-post-tabs.us.css

Выделить код

Код:

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

/* you can add this to userChrome.css */
  .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
    visibility: collapse !important;
  }
}


Жизнь иногда такое выкидывает, что хочется подобрать...

Отсутствует

 

№1398029-03-2024 04:52:22

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 413
UA: Firefox 123.0

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

Vitaliy V.
пресловутый вопрос про вкладки снизу в несколько строк под #nav-bar -
можно сделать вкладки снизу без скрипта, только стилем, учитывая панель меню?


В стиле aris-t2 включаю tabs_multiple_lines.css и в Linux (наверное и в винде) остаётся незакрытой панель меню, появляющаяся лишь при нажатии Alt.
Когда панель меню скрыта, на её месте остаётся пустая панель при подключенном стиле многострочные Вкладки снизу.

Решение для вкладок снизу от Vitaliy V. — стиль и скрипт Firefox 78+

Выделить код

Код:

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

/* FIX aris-t2 tabs_below_navigation_toolbar_alt.css */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar, #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar { margin-top: 0px !important;}

:root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar {
    margin-top: 0 !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar {
    pointer-events: none !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar .titlebar-buttonbox-container {
    pointer-events: auto !important;
}
:root[inFullscreen] #navigator-toolbox > #nav-bar {
    margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
:root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar {
    margin-top: 0 !important;
    margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
@media (-moz-platform: windows-win10), (-moz-platform: windows-win8), (-moz-platform: windows-win7), (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
:root[sizemode="normal"] #TabsToolbar {
    border-inline: 1px solid hsla(240,5%,5%,0.3) !important;
    background-clip: padding-box !important;
}
    @media (-moz-windows-classic: 0) {
:root:not([inFullscreen])[v_menubar_autohide="true"][tabsintitlebar][sizemode="normal"] #navigator-toolbox > #nav-bar {
    margin-top: 1px !important;
}
:root:not([inFullscreen])[sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items {
    margin-top: 1px !important;
}
    }
}

}
Выделить код

Код:

var menubarvisibilitychance = {
	buttons: null,
	buttonsfullscreen: null,
	init(that) {
		var menubar = this.menubar = document.querySelector("#toolbar-menubar");
		if (!menubar) return;
		this.autohidechange = new MutationObserver(() => {
			this.settoolbarvisibility();
		});
		this.autohidechange.observe(menubar, {
			attributeFilter: ["autohide", "inactive"],
			attributes: true,
		});
		this.sizemodechange = new MutationObserver(() => {
			this.setbuttonboxwidth();
		});
		this.sizemodechange.observe(document.documentElement, {
			attributeFilter: ["sizemode"],
			attributes: true,
		});
		that.unloadlisteners?.push("menubarvisibilitychance");
		this.settoolbarvisibility();
	},
	settoolbarvisibility() {
		var docElm = document.documentElement;
		if (this.menubar.getAttribute("autohide") == "true" && this.menubar.getAttribute("inactive") == "true") {
			docElm.setAttribute("v_menubar_autohide", true);
			this.setbuttonboxwidth();
		} else
			docElm.setAttribute("v_menubar_autohide", false);
	},
	width(outerRect, innerRect) {
		if (!window.RTL_UI)
			this.width = (outerRect, innerRect) => outerRect.right - innerRect.left;
		else
			this.width = (outerRect, innerRect) => innerRect.right - outerRect.left;
		return this.width(outerRect, innerRect);
	},
	setbuttonboxwidth() {
		var buttons, docElm = document.documentElement;
		if (docElm.getAttribute("sizemode") != "fullscreen")
			buttons = (this.buttons || (this.buttons = this.menubar.querySelector(".titlebar-buttonbox-container")));
		else
			buttons = (this.buttonsfullscreen || (this.buttonsfullscreen = document.querySelector("#window-controls")));
		var innerRect = buttons.getBoundingClientRect();
		if (innerRect.width < 1) {
			docElm.style.setProperty("--v-titlebar-buttonbox-container-width", "0px");
			return;
		}
		var outerRect = docElm.getBoundingClientRect();
		docElm.style.setProperty("--v-titlebar-buttonbox-container-width", `${this.width(outerRect, innerRect)}px`);
	},
	destructor() {
		this.autohidechange.disconnect();
		this.sizemodechange.disconnect();
		this.autohidechange = null;
		this.sizemodechange = null;
	}
};
menubarvisibilitychance.init(this);

Отсутствует

 

№1398130-03-2024 14:22:24

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

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

Dobrov пишет

вкладки снизу в несколько строк под #nav-bar -
можно сделать вкладки снизу без скрипта, только стилем, учитывая панель меню?

Не вижу такой возможности нет атрибутов в нужном месте или prefs, разве что панель меню ниже панели навигации, или постоянное автоскрытие панели меню, показать при наведении или Alt, F10.
Для вкладок в один ряд есть возможность сделать стилем.

Отсутствует

 

№1398201-04-2024 00:10:59

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

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

¿ Можно ли (и как) настроить цвет панели вкладок в приватном окне ?

Отсутствует

 

№1398301-04-2024 08:34:56

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

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

vending_machine
https://forum.ru-board.com/topic.cgi?forum=5&topic=50760&start=1600#21

Отсутствует

 

№1398401-04-2024 10:08:58

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

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

xrun1 пишет

vending_machine
https://forum.ru-board.com/topic.cgi?forum=5&topic=50760&start=1600#21

Не работает.
Дело в том, что я уже менял цвет панели вкладок

скрытый текст
/*  панель вкладок и неактивные вкладки */
:root {
    --tab-selected-bgcolor: white !important;
    --lwt-selected-tab-background-color: white !important;
}
.tabbrowser-tab[selected="true"] .tab-label {
    color: black !important;
     text-shadow: none !important;
}
.tabbrowser-tab[selected="true"] .close-icon {
    color: black !important;
}
.tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: #3a3f69 !important;
}
.tabbrowser-tab:not([selected="true"], [multiselected]) .tab-label {
    color: white !important;
}
.tabbrowser-tab:not([selected="true"], [multiselected]) .close-icon {
    color: white !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: #3a3f69 !important;
}
#TabsToolbar {
    background-color: #222c40 !important;
}

Можно ли как-то эти правила подружить с приватными ?

Отсутствует

 

№1398501-04-2024 10:47:47

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

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

vending_machine, убрать последний селектор #TabsToolbar со стилем. Добавить правила, переключать темы. Смотреть как меняются цвета

"Firefox 124"

Выделить код

Код:

#navigator-toolbox {
	--toolbox-non-lwt-bgcolor: light-dark(black, pink);
	--lwt-accent-color: light-dark(orange, white);
}

:root[privatebrowsingmode] #navigator-toolbox {
	--toolbox-non-lwt-bgcolor: light-dark(yellow, green);
	--lwt-accent-color: light-dark(red, blue);
}

"Firefox 115"

Выделить код

Код:

:root[privatebrowsingmode][lwtheme-brighttext] #navigator-toolbox {
	--lwt-accent-color: yellow;
}

:root[privatebrowsingmode] #navigator-toolbox {
	--lwt-accent-color: green;
}

:root[lwtheme-brighttext] #navigator-toolbox {
	--lwt-accent-color: red;
}

#navigator-toolbox {
	--lwt-accent-color: blue;
}

Или более опытные подскажут

Отредактировано 6e73epo (01-04-2024 12:12:57)

Отсутствует

 

№1398601-04-2024 17:08:35

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

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

У меня так:

Выделить код

Код:

:root[privatebrowsingmode="temporary"] #tabbrowser-tabs {
    background-color: цвет;
}


Win7

Отсутствует

 

№1398701-04-2024 18:41:56

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

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

Посмотрел на чистом профиле, все варианты рабочие, вариант 6e73epo всё же конфликтует с моими правилами для панели вкладок, но варианты kokoss и xrun1 конфликтуют с другими моими правилами, может потом разберусь с какими ибо долго перебирать.
Засим, всем спасибо.
----------
apd

В итоге:
1. Нашёл плохо закоментённый :root: в одних из правил по вкладкам
и удалил его
2. Вариант xrun1 перенёс в начало листа userChrome
и готово

Отредактировано vending_machine (02-04-2024 17:08:28)

Отсутствует

 

№1398801-04-2024 19:27:10

b0ttle
Участник
 
Группа: Members
Зарегистрирован: 22-10-2020
Сообщений: 182
UA: Firefox 124.0

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

vending_machine
Может что-то вроде такой конструкций нужно, чтобы не конфликтовало:
@-moz-document url("chrome://browser/content/browser.xhtml") { ..... }
Хотя, наверно дело не в этом.

Отредактировано b0ttle (01-04-2024 19:32:35)

Отсутствует

 

№1398903-04-2024 04:14:16

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 7
UA: Firefox 124.0

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

Здравствуйте. Подскажите пожалуйста код, что бы выровнять текст в этом меню (Файл, вид, журнал и.т.д по вертикали, сместить чуть ниже).  Firefox 124.0.1



4a3b9acb8c0bd92c952129e5490b4cf9.png

Отредактировано YaPro100User (03-04-2024 04:56:57)

Отсутствует

 

№1399003-04-2024 07:01:58

b0ttle
Участник
 
Группа: Members
Зарегистрирован: 22-10-2020
Сообщений: 182
UA: Firefox 124.0

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

Отсутствует

 

№1399103-04-2024 08:10:05

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 7
UA: Firefox 124.0

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

b0ttle, СПАСИБО уважаемый за подсказку. Использовал кусочек из этого кода, задача решена! :)

Отредактировано YaPro100User (05-04-2024 12:35:43)

Отсутствует

 

№1399205-04-2024 07:21:18

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 7
UA: Firefox 124.0

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

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


12f856fd7fdd841736e2d513a6809f02.jpeg

Отредактировано YaPro100User (05-04-2024 12:41:21)

Отсутствует

 

№1399305-04-2024 17:32:28

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

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

YaPro100User
Если в 124 еще есть эта настройка, то так:
security.secure_connection_icon_color_gray = false

Отсутствует

 

№1399405-04-2024 17:45:16

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 7
UA: Firefox 124.0

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

_zt пишет

Если в 124 еще есть эта настройка, то так:
security.secure_connection_icon_color_gray = false

Спасибо за ответ, но эта настройка уже давно не работает. (отключена)
А значок замка по видимому находится в файле omni.ja самой Mozilla Firefox. И его необходимо раскрасить. Щиток я знаю как. Не получается только замок.

Отредактировано YaPro100User (05-04-2024 17:49:56)

Отсутствует

 

№1399505-04-2024 22:07:54

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

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

YaPro100User пишет

Спасибо за ответ, но эта настройка уже давно не работает. (отключена)

Она не отключена, а удалена!
Попробуйте так:

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

Выделить код

Код:

#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
  fill: green;
}

#identity-box[pageproxystate="valid"].notSecure #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
  fill: green;
}


Win7

Отсутствует

 

№1399605-04-2024 23:00:45

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 7
UA: Firefox 124.0

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

kokoss, Огромное спасибо. Ваш код работает.  :)


e4286646c71b3a351481ad70fa40dc80.jpeg

Отредактировано YaPro100User (06-04-2024 01:32:47)

Отсутствует

 

№1399706-04-2024 04:59:20

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

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

kokoss пишет

Она не отключена, а удалена!

Точно, забыл об этом.
   

kokoss пишет

Попробуйте так:

Разве так не все замки красится будут - на http сайтах, на сайтах со смешанным содержимым и т.п.? Какой тогда смысл вообще этот замок оставлять? У меня так:

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

Выделить код

Код:

#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon:not([lock-icon-gray]),
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon:not([lock-icon-gray]) {
    -moz-context-properties: fill !important;
    fill: #5FCD86 !important;
}
#identity-box[pageproxystate="valid"].weakCipher #identity-icon,
#identity-box[pageproxystate="valid"].mixedDisplayContent #identity-icon,
#identity-box[pageproxystate="valid"].mixedDisplayContentLoadedActiveBlocked #identity-icon,
#identity-box[pageproxystate="valid"].certUserOverridden #identity-icon,
#identity-box[pageproxystate="valid"].certErrorPage #identity-icon {
    -moz-context-properties: fill !important;
    fill: #C7D862 !important;
}

Vitaliy V. когда то сочинил.

Отредактировано _zt (06-04-2024 05:01:28)

Отсутствует

 

№1399806-04-2024 08:41:38

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 7
UA: Firefox 124.0

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

_zt,  Ваще супер, забираю в коллекцию.
Ну а смысл зеленого замка - тут скорее дело в привычке.Радует глаз, однако.
Всем спасибо за помощь.

Отредактировано YaPro100User (06-04-2024 08:47:51)

Отсутствует

 

№1399906-04-2024 09:26:40

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

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

_zt пишет

Разве так не все замки красится будут - на http сайтах,

Так речь не шла что бы работало только на https сайтах.
У меня так:
2024-04-06_091816.png


Win7

Отсутствует

 

№1400006-04-2024 10:37:58

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

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

Раньше то разные цвета замка сигнализировали о разном состоянии сайта - http, https, смешанный контент, проблема с сертификатом.
ab3bbaf7f9ed3753ada099d686a82ba9.png

c877e2d9526d5d2460ab26775b2a4c2f.png

bf45a530e1eabb3fbccb87a46ade3406.png

Отсутствует

 

Board footer

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