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

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

№1122602-09-2021 12:00:30

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

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

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

Еще бы значок замка отодвинуть от левой границы на пару пикселей, чтобы отступы слева и справа были одинаковые, и совсем хорошо будет

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

Выделить код

Код:

#connection-icon {
    margin-inline-start: 6px !important; /* по умолчанию 4px */
}

Работает.

Отсутствует

 

№1122702-09-2021 13:07:21

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 91.0

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

А как полностью удалить значок лупы из адресной строки?

Отсутствует

 

№1122802-09-2021 13:26:36

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

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

doud пишет

А как полностью удалить значок лупы из адресной строки?

https://forum.mozilla-russia.org/viewto … 37#p793137 Или заменить https://forum.mozilla-russia.org/viewto … 28#p793128

Отсутствует

 

№1122902-09-2021 16:05:43

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

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

sandro79 пишет

другой, окончательный вариант кода

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

Выделить код

Код:

#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon {
    margin-inline-start: 0px !important;
} 
#identity-popup > .panel-arrowcontainer > .panel-arrowcontent,
#protections-popup > .panel-arrowcontainer > .panel-arrowcontent {
    margin-inline-start: 20px !important;
}
.panel-arrow[side="top"], .panel-arrow[side="bottom"] {
    margin-left: 30px !important;
}
#tracking-protection-icon-box, 
#blocked-permissions-container > .blocked-permission-icon:not(.plugin-icon) {
    display: none !important;
}
#blocked-permissions-container {
    -moz-box-ordinal-group: 10 !important;
}

Вот еще небольшой нюанс: стрелка и выпадающая панель значка Flash Player остались на старом месте:
586dd0d0f8bd.jpg

Отсутствует

 

№1123002-09-2021 17:23:36

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

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

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

стрелка и выпадающая панель значка Flash Player остались на старом месте

Да, упустил этот момент. Так попробуйте

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

Выделить код

Код:

#notification-popup {
    transform: translate(-22px) !important;
}
#click-to-play-plugins-notification {
    margin-inline-start: 16px !important;
}

______.PNG

Отсутствует

 

№1123102-09-2021 17:51:17

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

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

sandro79 пишет

Да, упустил этот момент. Так попробуйте

Помогло.

Отсутствует

 

№1123203-09-2021 17:03:13

fish08
Участник
 
Группа: Members
Зарегистрирован: 28-02-2012
Сообщений: 21
UA: Firefox 91.0

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

Подскажите, как сделать уже навбар? А именно убрать полоски над и под кнопками. На фото показал

скрытый текст
______.JPG

Отсутствует

 

№1123303-09-2021 19:51:51

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

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

Подскажите, пожалуйста, кто разбирается в userContent.css. Сегодня обнаружилась неприятность - перестала закрашиваться область справа на странице поиска Гугл (еще вчера серым заливалась вся верхняя панель полностью):

скрытый текст
40a2c8436419.jpg

Код заливки:
скрытый текст

Выделить код

Код:

.sfbg,
.s8GCU,
#kO001e {
  background-color: #f1f1f1 !important;
}


Полный код для Гугл:
скрытый текст

Выделить код

Код:

@-moz-document domain(google.com) {
  .sfbg,
  .s8GCU,
  #kO001e {
    background-color: #f1f1f1 !important;
  }

  #searchform,
  #kO001e {
    position: absolute !important;
    margin-top: -2px !important;
  }

  #kO001e {
    border-bottom: none !iportant;
    box-shadow: none !important;
  }

  .logo,
  .yIbDgf > div:nth-child(2),
  .Si7Nvc,
  .F1hUFe,
  #rBtssd {
    margin-top: -8px !important;
  }

  #abar_button_opt:hover,
  .gbZSUe:hover,
  #gbwa > div:nth-child(1) > a:nth-child(1),
  #gbwa > div:nth-child(1) > a:nth-child(1):hover {
    background-color: transparent !important;
  }

  .VpHku,
  div.EwsJzb:nth-child(1) > g-menu:nth-child(1),
  .EHzcec,
  .gb_0a {
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    box-shadow: none !important;
  }

  .RNNXgb,
  .o6juZc,
  #sfdiv {
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    height: 30px !important;
  }

  .aajZCb,
  .Bhmw4 {
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    box-shadow: none !important;
    font-family: Helvetica !important;
    font-size: 16px !important;
  }

  .sbdd_b {
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    box-shadow: none !important;
    margin-top: -14px !important
  }

.a4bIc {
    margin-top: -7px !important;
  }

  #REsRA {
    margin-top: -8px !important;
  }

  #lst-ib {
    margin-top: -6px !important;
  }

  #gs_st0 {
    margin-top: -5px !important;
    padding-right: 4px !important;
  }

  .BKRPef {
    display: none !important;
  }

  .Tg7LZd,
  #BIqFsb,
  #mKlEF {
    background-color: #4584ef !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    width: 60px !important;
    height: 32px !important;
    margin-top: -1px !important;
    margin-right: -1px !important;
  }

  .zgAlFc,
  .XZ5MVe {
    fill: #ffffff !important;
    color: #ffffff !important;
    padding-left: 12px !important;
  }

  .sbico {
    fill: #ffffff !important;
    color: #ffffff !important;
    margin-top: -8px !important;
    padding-left: 8px !important;
  }

  .CcAdNb,
  .iblpc,
  .sbic,
  li.ynRric,
  li.IDVnvc,
  .r8xEL,
  .BsA1cc,
  .UWddDf {
    display: none !important;
  }

  .RNNXgb {
    width: 690px !important;
  }

.A8SBwf {
    width: 692px !important;
    padding-left: 27px !important;
  }

  .UUbT9 {
    width: 96.2% !important;
  }
  
  .KZFCbe .o6juZc,
  .M3w8Nb .o6juZc,
  .Bhmw4 {
    width: 690px !important;
    margin-left: 27px !important;
  }

  #sb_ifc0 {
    padding-left: 14px !important;
  }

  .sbsb_b {
    margin-left: -4px !important;
  }

  .gb_3 {
    border-radius: 2px !important;
  }

  div.hdtb-mitem:nth-child(1) > span:nth-child(1),
  div.hdtb-mitem:nth-child(2) > a:nth-child(1) > span:nth-child(1),
  div.hdtb-mitem:nth-child(3) > a:nth-child(1) > span:nth-child(1),
  div.hdtb-mitem:nth-child(4) > a:nth-child(1) > span:nth-child(1),
  div.hdtb-mitem:nth-child(5) > a:nth-child(1) > span:nth-child(1),
  .MbEPDb,
  a.NZmxZe:nth-child(1) > span:nth-child(1),
  .rQEFy > span:nth-child(1),
  a.NZmxZe:nth-child(3) > span:nth-child(1),
  a.NZmxZe:nth-child(4) > span:nth-child(1),
  a.NZmxZe:nth-child(5) > span:nth-child(1),
  .mz75D,
  div.hdtb-mitem:nth-child(1) > a:nth-child(1) > span:nth-child(1),
  div.hdtb-mitem:nth-child(3) > span:nth-child(1)
  div.hdtb-mitem:nth-child(4) > span:nth-child(1) {
    display: none !important;
  }

  div.hdtb-mitem:nth-child(1),
  div.hdtb-mitem:nth-child(2) > a:nth-child(1),
  div.hdtb-mitem:nth-child(3) > a:nth-child(1), 
  div.hdtb-mitem:nth-child(4) > a:nth-child(1), 
  div.hdtb-mitem:nth-child(5) > a:nth-child(1),
  div.GOE98c,
  a.NZmxZe:nth-child(1),
  .rQEFy,
  a.NZmxZe:nth-child(3),
  a.NZmxZe:nth-child(4),
  a.NZmxZe:nth-child(5),
  span.NZmxZe:nth-child(1) {
    margin-inline-end: 5px !important;
  }

  a.NZmxZe:nth-child(1),
  .rQEFy,
  a.NZmxZe:nth-child(3),
  a.NZmxZe:nth-child(4),
  a.NZmxZe:nth-child(5),
  span.NZmxZe:nth-child(1) {
    font-family: Google Sans !important;
    font-size: 14px !important;
  }

  #hdtb-msb > div:nth-child(2) {
    padding-right: 165px !important;
  }

  .ssfWCe > div:nth-child(1) {
    padding-right: 245px !important;
    font-family: Google Sans !important;
    font-size: 14px !important;
  }

  .D0HoIc {
    padding-left: 22px !important;
  }

  .D0HoIc > div:nth-child(1) > div:nth-child(1) > div:nth-child(1),
  .D0HoIc > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
  .D0HoIc > div:nth-child(3) > div:nth-child(1) > div:nth-child(1),
  .D0HoIc > div:nth-child(4) > div:nth-child(1) > div:nth-child(1),
  .D0HoIc > div:nth-child(5) > div:nth-child(1) > div:nth-child(1) {
    font-family: Google Sans !important;
    font-size: 14px !important;
  }

#hdtb-msb,
  .LHJvCe,
  #res,
  #botstuff,
  #center_col > div:nth-child(7) {
    margin-left: -10px !important;
  }

  .w7Nvcd {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .BwMo1 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }

  span.mfMhoc {
    font-size: 20px !important;
  }  
}

Отсутствует

 

№1123403-09-2021 22:10:37

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

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

fish08 пишет

Подскажите, как сделать уже навбар?

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

Выделить код

Код:

#urlbar-container, #search-container {
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

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

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

Ну они там на эту панель слева добавили картинку, с текстом что ли, и он потянул правую часть, хотя на стандартном белом фоне не видно, скрыть можно так

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

Выделить код

Код:

.J1hqV {
    opacity: 0 !important;
}

Или можно display: none !important; вместо opacity: 0 !important; Но это скорее всего временно добавили.

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

Код заливки:

По-моему так будет верней, если это код только заливки

скрытый текст
______.PNG

Выделить код

Код:

.minidiv, .sfbg {
    background: #f1f1f1 !important;
}

Отредактировано sandro79 (03-09-2021 22:22:03)

Отсутствует

 

№1123504-09-2021 08:20:47

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

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

Выделить код

Код:

a:visited {
  color: #b00000 !important;
}

На некоторых сайтах не работает, например https://www.ghacks.net/latest-posts/
Там какие то встроенные скрипты мешают или что?

Отсутствует

 

№1123604-09-2021 10:14:27

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

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

sandro79 пишет

Ну они там на эту панель слева добавили картинку, с текстом что ли, и он потянул правую часть, хотя на стандартном белом фоне не видно

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

Но это скорее всего временно добавили.

Эти картинки у них иногда появляются на один день. Не догадался, что в ней дело, вроде, с другой стороны находится.

скрыть можно так

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

Выделить код

Код:

.J1hqV {
    opacity: 0 !important;
}


По-моему так будет верней, если это код только заливки
скрытый текст

Выделить код

Код:

.minidiv, .sfbg {
    background: #f1f1f1 !important;
}

А как надежнее?

Отсутствует

 

№1123704-09-2021 10:53:45

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

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

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

А как надежнее?

Ну как сказать, так правильней. Если то, что выше у вас только для заливки строки поиска и всего что слева и справа в обычном режиме и когда страница прокручена, то достаточно того, что я дал выше, а у вас там два класса и селектор. Ну я посмотрел в инспекторе, там только этого достаточно

скрытый текст
Когда страница не прокручена и когда прокручена, скрины с инспектора, см. справа
dfc5eb886875t.jpg40a830baf43bt.jpg

momo2000 пишет

На некоторых сайтах не работает, например https://www.ghacks.net/latest-posts/ Там какие то встроенные скрипты мешают или что?

Там вот это мешает, можно для .home-category-post h3 установить color: unset !important; и будет работать, и выглядеть как у меня на скрине, первые две просмотренные, вторые нет. Может есть что-то более правильное, не знаю.

Отсутствует

 

№1123804-09-2021 11:14:31

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

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

sandro79 пишет

Ну как сказать, так правильней. Если то, что выше у вас только для заливки строки поиска и всего что слева и справа в обычном режиме и когда страница прокручена, то достаточно того, что я дал выше, а у вас там два класса и селектор. Ну я посмотрел в инспекторе, там только этого достаточно

Тот код, который я в самом начале написал - для трех страниц Гугла: "Поиск", "Картинки" и "Видео". Для поиска - только .sfbg. А при прокрутке вся верхняя панель у меня невидима, потому что прикреплена к верхнему краю страницы с помощью position: absolute (в оригинальном гугловском варианте было fixed).

Отсутствует

 

№1123904-09-2021 11:19:12

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

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

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

для трех страниц Гугла: "Поиск", "Картинки" и "Видео". Для поиска - только .sfbg. А при прокрутке вся верхняя панель у меня невидима

Ну тогда да, всё правильно.

Отсутствует

 

№1124004-09-2021 15:51:08

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

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

sandro79
:beer: но не помагает, т.е. если в инспекторе снять галку с color, то всё норм как на Вашем скрине, а с кодом нет :(

Выделить код

Код:

.home-category-post h3 (
  color: unset !important;
)

Отсутствует

 

№1124104-09-2021 18:13:10

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

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

momo2000
Ну да, конечно не поможет, если вместо { у вас стоят ( Так должно быть

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

Выделить код

Код:

.home-category-post h3 {
  color: unset !important;
}

Вот скрин и код на котором проверял
скрытый текст
______.PNG

Выделить код

Код:

a:visited {
  color: gold !important;
}
.home-category-post h3 {
  color: unset !important;
}

Лучше для этого сайта наверно указать отдельно домен
Обновлено

Выделить код

Код:

@-moz-document domain("ghacks.net") {
a:visited {
    color: #b00000 !important;
}
a:link:not(.home-posts, .color--white a)  {
    color: #424242 !important;
}
a[href]:hover {
    color: #F3B434 !important;
}
.home-category-post h3 {
  color: unset !important;
}
}

Виталий так ещё делал, вы же, многие пользователи, пытаетесь резать коды, непонятно для чего. И не впервой встречается такое.
Ну хотя бы @-moz-document*** не резали бы, не просто же так его прописывают.

Отредактировано sandro79 (04-09-2021 20:18:38)

Отсутствует

 

№1124204-09-2021 20:17:30

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

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

sandro79
Во блин, лажанулся, как то плохо на мониторе видно разные скобки, особенно если мелко.
А @-moz-document domain не добавляю, т.к. для сайтов через Stylus прописываю.

Отсутствует

 

№1124305-09-2021 02:01:46

Анатолий58
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 13-02-2020
Сообщений: 14
UA: Firefox 90.0

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

Всем привет, пытался сделать как раньше вкладки получилось не совсем..
Кто подскажет код как сделать поле адреса шире как на фото ватерфокс там как раньше, на фаерфоксе мелковато получилось..

скрытый текст
403629d123ect.jpg

Отсутствует

 

№1124405-09-2021 13:40:19

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

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

Как изменить радиус скруглений углов списка приложений Гугл, а также убрать голубой фон под иконками, появляющийся при наведении на них?

скрытый текст
72284e3599dd.jpg

Отсутствует

 

№1124505-09-2021 14:16:00

thrower
Участник
 
Группа: Members
Зарегистрирован: 28-11-2013
Сообщений: 207
UA: Firefox 91.0

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

e9e94bdc04c133cd731fd75420ef545a.png

После удаления крестика "Close tab" иконка таба расположена несимметрично, к тому же стилями не получается уменьшить ширину таба со свойством [selected] меньше 40 px.

Отредактировано thrower (05-09-2021 14:27:08)

Отсутствует

 

№1124605-09-2021 17:02:13

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

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

Анатолий58 пишет

как сделать поле адреса шире как на фото ватерфокс там как раньше

Так можно

скрытый текст
https://forum.mozilla-russia.org/viewto … 22#p790422

Выделить код

Код:

:root:not([uidensity="touch"]) {
	--urlbar-min-height: 30px !important; /* или 28 */
	--urlbar-icon-padding: 5px !important; /* или 4 */
}

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

Как изменить радиус скруглений углов списка приложений Гугл, а также убрать голубой фон под иконками, появляющийся при наведении на них?

скрытый текст
Оставил частично стандартные свойства, там где без !important Подписывать правила не стал, по цветам видно будет что к чему
скрытый текст

Выделить код

Код:

.EHzcec {
    background:grey !important;
    border:1px solid rgba(0,0,0,0.2);
    -moz-border-radius:0px !important;
    border-radius:0px !important;
    -moz-box-shadow:0px 1px 2px 0px rgba(60,64,67,.30),0px 2px 6px 2px rgba(60,64,67,.15);
    box-shadow:0px 1px 2px 0px rgba(60,64,67,.30),0px 2px 6px 2px rgba(60,64,67,.15);
}
.NQV3m {
    background-color: #ffcc00 !important;
    border: 1px solid #dadce0;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.tX9u1b:hover {
    background-color: #ffd168 !important;
    border:none;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.tX9u1b:hover .Rq5Gcb {
    background-color: #ffd168 !important;
}

Получилось так
скрытый текст
Image_001.png
Пора нам наверно со стилями для сайтов в эту тему переезжать.

Отсутствует

 

№1124705-09-2021 18:24:20

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

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

sandro79 пишет

Оставил частично стандартные свойства, там где без !important Подписывать правила не стал, по цветам видно будет что к чему

А нельзя одним правилом убрать скругления углов у всех элементов на странице, и видимых, и скрытых? Уже замаялся исправлять проклятое детсадовское оформление Гугла, у них тут все круглое, куда ни ткнись.:dumb:

Отсутствует

 

№1124805-09-2021 18:40:39

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

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

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

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

А что, действительно, можно же так

скрытый текст
По такой методике

Выделить код

Код:

@-moz-document  domain("google.ru") {
* {
    border-radius: 0px !important;
}
}

Там выше в коде, свойства с -moz- можно удалить, и если при наведении вообще фон не нужен можно в последних двух правилах вместо #ffd168 прописать transparent

Отсутствует

 

№1124905-09-2021 19:31:22

igr40
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 22
UA: Firefox 90.0

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

Всем здравия . В меню вкладок пункт Защитить вкладку (не Закрепить вкладку) можно как-то вернуть? Раньше было tabProtect .

Отсутствует

 

№1125005-09-2021 19:31:22

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

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

sandro79 пишет

А что, действительно, можно же так

Спасибо, просто волшебное правило, "убило" все скругления одним махом. Правда, там, где не надо, тоже
69260deeb195.jpg
Придется такие места вносить в исключения.

Отсутствует

 

Board footer

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