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

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

№1387605-02-2024 05:59:53

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

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

grom17
Скрин сделайте.

Отсутствует

 

№1387705-02-2024 12:32:51

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

_zt пишет

Скрин сделайте.

    2024-02-05.jpg

Отсутствует

 

№1387805-02-2024 15:07:54

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

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

grom17
У меня так

Выделить код

Код:

/* Высота заголовка боковой панели */
#sidebar-header {
    -moz-appearance: none !important;
    font-size: 1em !important; /* Уменьшить шрифт */
    align: top !important; /* */
    padding: 0px 8px 0px 8px !important;
}

Отредактировано xrun1 (05-02-2024 15:09:11)

Отсутствует

 

№1387905-02-2024 15:37:01

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

xrun1 пишет

grom17У меня такВыделить кодКод:/* Высота заголовка боковой панели */
#sidebar-header {
    -moz-appearance: none !important;
    font-size: 1em !important; /* Уменьшить шрифт */
    align: top !important; /* */
    padding: 0px 8px 0px 8px !important;
}
                    Отредактировано xrun1 (Сегодня 15:09:11)

Спасибо! То что нужно!

Отсутствует

 

№1388005-02-2024 15:40:31

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 102.0

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

Подскажите пожалуйста, после патча системы через UltraUXThemePatcher и применением сторонних темных тем, в мазилле  мои темные стили контекст. меню пекрасились в белые. Как это устранить?

Отсутствует

 

№1388105-02-2024 17:57:57

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

Как цвет шрифта поменять Файл,  Правка,  Вид,  Журнал и т.д.

Отсутствует

 

№1388205-02-2024 18:47:30

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 110
UA: Firefox 122.0

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

grom17 пишет

Как цвет шрифта поменять Файл,  Правка,  Вид,  Журнал и т.д.

Выделить код

Код:

#main-menubar {
	color: #44AE2C !important;
    }

Отсутствует

 

№1388305-02-2024 18:57:11

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

fuchsfan пишет

grom17 пишетКак цвет шрифта поменять Файл,  Правка,  Вид,  Журнал и т.д.Выделить кодКод:#main-menubar {
    color: #44AE2C !important;
    }

Прошу прощения, я не правильно задал вопрос, не в заголовке, а в выпадающем меню кнопок: Файл,  Правка,  Вид,  Журнал и т.д.

Отредактировано grom17 (06-02-2024 18:05:45)

Отсутствует

 

№1388406-02-2024 18:07:24

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

fuchsfan пишет

grom17 пишетКак цвет шрифта поменять Файл,  Правка,  Вид,  Журнал и т.д.Выделить кодКод:#main-menubar {
    color: #44AE2C !important;
    }

Спасибо! Работает.
#main-menubar :is(menuitem, menu) {
  color: #44AE2C; !important;
}

Отсутствует

 

№1388507-02-2024 10:28:07

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 113.0

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

Подскажите стиль для скрытия боковой панели и отображения при наведении курсора

Добавлено 07-02-2024 10:37:26
Нашел

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
#sidebar-box {
    --v-sidebar-min-width: 2px;
    --v-sidebar-min-width-normal: 5px;
    --v-sidebar-max-width: 30em;
    --v-sidebar-transition-delay-show: .3s;
    --v-sidebar-transition-delay-hide: .6s;
    --v-sidebar-transition-duration: .3s;
    /* ********************************************** */

    position: relative !important;
    z-index: 1 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
    --v-sidebar-transform-locale-dir-visible: 1;
    margin-left: var(--v-sidebar-margin-left-locale-dir) !important;
    margin-right: var(--v-sidebar-margin-right-locale-dir) !important;
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
    transition-timing-function: linear, step-start !important;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)) !important;
    transition-duration: var(--v-sidebar-transition-duration), 0s !important;
    transition-property: transform, opacity !important;
}

:root[v_vertical_bar_autohide][v_vertical_bar_start="true"]:not([v_vertical_bar_sidebar="true"]) #sidebar-box:not([positionend="true"]),
:root[v_vertical_bar_autohide][v_vertical_bar_start="false"]:not([v_vertical_bar_sidebar="true"]) #sidebar-box[positionend="true"] {
    transition-delay: 0s, var(--v-sidebar-transition-duration) !important;
}

#sidebar-box[positionend="true"],
#sidebar-box:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-margin-right-locale-dir: 0;
    --v-sidebar-transform-locale-dir: 1;
    --v-sidebar-transform-locale-dir-visible: -1;
}

#sidebar-box[positionend="true"]:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
    --v-sidebar-transform-locale-dir-visible: 1;
}

:root[sizemode="normal"] #sidebar-box {
    --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
}

#sidebar-box:hover,
#sidebar-box[sidebardrag] {
    transform: translateX(0px) !important;
    opacity: 1 !important;
    transition-delay: var(--v-sidebar-transition-delay-show) !important;
}

:root[v_vertical_bar_visible][v_vertical_bar_start="true"]:not([v_vertical_bar_start="false"]) #sidebar-box:not([positionend="true"]),
:root[v_vertical_bar_visible][v_vertical_bar_start="false"]:not([v_vertical_bar_start="true"]) #sidebar-box[positionend="true"] {
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir-visible) * var(--v-vertical_bar_width, 0px))) !important;
    opacity: 1 !important;
    transition-delay: 0s !important;
}

#browser > #sidebar-splitter {
    -moz-appearance: none !important;
    appearance: none !important;
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    width: 0 !important;
}

#sidebar-box > #sidebar {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    -moz-box-flex: 1 !important;
}
}

Отредактировано Stkvsky (07-02-2024 10:37:26)

Отсутствует

 

№1388609-02-2024 17:34:16

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

Как изменить фон, высоту, цвет ободка и его толщину в адресной панели и панели поиска.

Отсутствует

 

№1388710-02-2024 20:18:08

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 105.0

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

grom17 пишет

Как изменить фон, высоту, цвет ободка и его толщину в адресной панели и панели поиска.

Есть такой ,у меня работает.Код не мой. Параметры цвета , подставьте свои.

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

Выделить код

Код:

/* Цветная адресная строка firefox  #a8a8a8 #757575 */

#urlbar, #searchbar {
  --urlbar-min-height: 20px !important;
  --urlbar-icon-padding: 1px !important;
}
.urlbarView {
  display: none !important;
}
#urlbar-input-container {
  border-radius: 50px !important;
}
#urlbar[breakout][breakout-extend] {
  width: 100% !important;
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: var(--urlbar-container-padding) !important;
  padding-inline: var(--urlbar-container-padding) !important;
  border-radius: 50px !important;
}
#urlbar > #urlbar-background, #searchbar {
  border-color: #a8a8a8 !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
}
#urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within {
  outline: none !important;
  border-color: gold !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
  box-shadow: none !important;
}
 .urlbarView {
  display: none !important;
}


#statuspanel-label {display: none !important;}

Отредактировано Duche (10-02-2024 20:28:03)

Отсутствует

 

№1388811-02-2024 10:15:41

YrdErfgert
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 18
UA: Chromium 27.0

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

Подскажите, есть вариант (код) заменить точки (синие круги: движ влево-вправо) ожидания открытия сайта на вкладке:

2c8bef7c0edcbb864f40f795f1358398.jpeg

Хотелось бы получить окружность вместо точек (как в Гугл Хроме, например):

4b3b3ea9550fa106e15468697a9ada95.jpeg

В момент получения данных окружность как бы вращается по часовой стрелке, если данных нет (пока идет поиск), окружность имеет вращение против часовой стрелки. С точками совершенно не понятен движ, есть ли данные в сети или нет. Хотелось бы от точек избавиться.

Отредактировано YrdErfgert (11-02-2024 10:26:58)

Отсутствует

 

№1388911-02-2024 11:45:53

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 110
UA: Firefox 122.0

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

YrdErfgert пишет

Хотелось бы получить окружность вместо точек (как в Гугл Хроме, например):

https://github.com/Aris-t2/CustomCSSfor … ubuntu.css и там же к нему найдите tabthrobber_fx56_connecting.png и tabthrobber_loading-ubuntu.png или другие. Возможны варианты.

Отсутствует

 

№1389011-02-2024 13:32:39

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

YrdErfgert пишет

Хотелось бы получить окружность вместо точек (как в Гугл Хроме, например)

Присоединяюсь к вопросу, но меня интересует как получить Визуальный индикатор загрузки страницы

Добавлено 11-02-2024 13:38:45

Duche пишет

grom17 пишетКак изменить фон, высоту, цвет ободка и его толщину в адресной панели и панели поиска.Есть такой ,у меня работает.Код не мой. Параметры цвета , подставьте свои.скрытый текстВыделить кодКод:/* Цветная адресная строка firefox  #a8a8a8 #757575 */

Выделить код

Код:

#urlbar, #searchbar {
  --urlbar-min-height: 20px !important;
  --urlbar-icon-padding: 1px !important;
}
.urlbarView {
  display: none !important;
}
#urlbar-input-container {
  border-radius: 50px !important;
}
#urlbar[breakout][breakout-extend] {
  width: 100% !important;
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: var(--urlbar-container-padding) !important;
  padding-inline: var(--urlbar-container-padding) !important;
  border-radius: 50px !important;
}
#urlbar > #urlbar-background, #searchbar {
  border-color: #a8a8a8 !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
}
#urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within {
  outline: none !important;
  border-color: gold !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
  box-shadow: none !important;
}
 .urlbarView {
  display: none !important;
}


#statuspanel-label {display: none !important;}

Спасибо, всё работает! Осталось настроить под себя.

Отредактировано grom17 (11-02-2024 13:38:45)

Отсутствует

 

№1389111-02-2024 15:14:50

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 110
UA: Firefox 122.0

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

grom17 пишет

интересует как получить Визуальный индикатор загрузки страницы

https://forum.mozilla-russia.org/viewto … 01#p794901 Еще есть простенький код, меняющий цвет текста таба при загрузке.

Отсутствует

 

№1389211-02-2024 15:41:37

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

=Duche]grom17 пишет: Как изменить фон, высоту, цвет ободка и его толщину в адресной панели и панели поиска.Есть такой ,у меня работает.Код не мой. Параметры цвета , подставьте свои.скрытый текст Выделить кодКод:/* Цветная адресная строка firefox  #a8a8a8 #757575 */

Немного по себя настроил и кое что добавил:

Выделить код

Код:

#urlbar-input-container { 
    height: 26px; /* Высота адрессной строки */
    border: 1px solid #00467d !important; /* Цвет ободка (бордюра) адрессной строки */
}
#urlbar, #searchbar {
  --urlbar-min-height: 26px !important; /* Высота панели поиска */
  --urlbar-icon-padding: 1px !important;
}
.urlbarView {
  display: none !important;
}
#urlbar-input-container {
  border-radius: 6px !important; /* Радиус неактивной адрессной строки */
}
#urlbar[breakout][breakout-extend] {
  width: 100% !important;
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: var(--urlbar-container-padding) !important;
  padding-inline: var(--urlbar-container-padding) !important;
  border-radius: 6px !important; /* Радиус активной адрессной строки */
}
#urlbar > #urlbar-background, #searchbar {
  border-color: #00467d !important; /* Цвет ободка адрессной строки #4169e1, #5c5c5c */
  border-radius: 6px !important; /* Радиус неактивной строки поиска */
  background-color: #1c1b22 !important; /* Цвет фона строки поиска */
}
#urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within {
  outline: none !important;
  border-color: #00467d!important; /* Цвет ободка (бордюра) строки поиска #4169e1, #5c5c5c */
  border-radius: 6px !important; /* Радиус неактивной строки поиска */
  background-color: #1c1b22 !important; /* Цвет фона адрессной строки */
  box-shadow: none !important;
}
 .urlbarView {
  display: none !important;
}

Отсутствует

 

№1389311-02-2024 16:17:28

YrdErfgert
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 18
UA: Chromium 27.0

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

fuchsfan пишет

YrdErfgert пишетХотелось бы получить окружность вместо точек (как в Гугл Хроме, например): https://github.com/Aris-t2/CustomCSSfor … ubuntu.css и там же к нему найдите tabthrobber_fx56_connecting.png и tabthrobber_loading-ubuntu.png или другие. Возможны варианты.

У самого стоит Aris-t2, нашел нужную строку

Выделить код

Код:

@import "./css/tabs/tab_throbber_orange_ubuntu.css

в userChrome.css, раскомментировал и есть результат! Вопрос решён. Благодарю.

Отсутствует

 

№1389411-02-2024 16:45:22

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

fuchsfan пишет

Визуальный индикатор загрузки страницы как на картинке

6143717_1.png
6143717_3.png

Отсутствует

 

№1389511-02-2024 17:34:39

tom911
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 170
UA: Firefox 122.0

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

Есть ли возможность в "обычном режиме значков" сделать отображение как в "компактном режиме значков" при воспроизведении во вкладке звука, а конкретно убрать слово "воспроизводится" и постоянно отображать значок звука?

Отсутствует

 

№1389611-02-2024 18:22:39

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 110
UA: Firefox 122.0

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

grom17 пишет

Визуальный индикатор загрузки страницы как на картинке

Заюзай поиск на AMO по слову indicator, progress, load или какие там еще могут быть созвучны с пожеланием. Будет повод удивиться.

Отсутствует

 

№1389711-02-2024 18:42:26

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

fuchsfan пишет

Заюзай поиск на AMO

Что такое АМО?

Отсутствует

 

№1389811-02-2024 20:54:53

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

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

grom17
AMO

Отсутствует

 

№1389911-02-2024 22:12:50

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

Может кому пригодится: https://druid80.narod.ru/ff/customize.htm

Отсутствует

 

№1390011-02-2024 23:59:50

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 25
UA: Firefox 122.0

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

=fuchsfan]Заюзай поиск на AMO по слову indicator, progress, load

То что я хочу. Конечно лучше если это сделать с помощью CSS стиля.
https://addons.mozilla.org/ru/firefox/addon/load-progress-bar/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

Отсутствует

 

Board footer

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