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

doud · №11076

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

sandro79 · №11077

doud пишет

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

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

Алексей У. · №11078

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 остались на старом месте:

sandro79 · №11079

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

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

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

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

Выделить код

Код:

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

Алексей У. · №11080

sandro79 пишет

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

Помогло.

fish08 · №11081

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

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

Алексей У. · №11082

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

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

Код заливки:

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

Выделить код

Код:

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

sandro79 · №11083

fish08 пишет

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

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

Выделить код

Код:

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

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

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

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

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

Выделить код

Код:

.J1hqV {
    opacity: 0 !important;
}

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

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

Код заливки:

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

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

Выделить код

Код:

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

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

momo2000 · №11084

Выделить код

Код:

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

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

Алексей У. · №11085

sandro79 пишет

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

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

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

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

скрыть можно так
скрытый текст
Выделить код
Код:
.J1hqV {
    opacity: 0 !important;
}
По-моему так будет верней, если это код только заливки
скрытый текст
Выделить код
Код:
.minidiv, .sfbg {
    background: #f1f1f1 !important;
}

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

sandro79 · №11086

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

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

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

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

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

momo2000 пишет

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

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

Алексей У. · №11087

sandro79 пишет

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

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

sandro79 · №11088

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

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

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

momo2000 · №11089

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

Выделить код

Код:

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

sandro79 · №11090

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

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

Выделить код

Код:

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

Вот скрин и код на котором проверял

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

Выделить код

Код:

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)

momo2000 · №11091

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

Анатолий58 · №11092

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

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

Алексей У. · №11093

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

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

thrower · №11094

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

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

sandro79 · №11095

Анатолий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;
}

Получилось так

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

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

Алексей У. · №11096

sandro79 пишет

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

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

sandro79 · №11097

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

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

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

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

По такой методике

Выделить код

Код:

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

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

igr40 · №11098

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

Алексей У. · №11099

sandro79 пишет

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

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

Придется такие места вносить в исключения.

Kot DaVinci · №11100

igr40 пишет

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

Вот: tabProtect_mod2.uc.js

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

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

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

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

Код:

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

Код:

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

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

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

Код:

Код:

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

Код:

Код:

Код:

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

Код:

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

Код:

Код:

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

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

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

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

Код:

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

Код:

Код:

Код:

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

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

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

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

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

Код:

Код:

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

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

Код:

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

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

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

Board footer