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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-10-2021 20:44:15

Вопрос по userContent.css. Можно ли отделить нижнюю строку меню от верхних разделителем так, чтобы он не доходил до боковых границ этого меню (сайт vk.com)?
f4642a86c7e2.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 26-09-2021 13:47:24

Как сделать чтобы при установке курсора в строку поиска (т. е. в режиме focus) ее граница меняла цвет?
3c6042a4267f.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-09-2021 09:50:47

Чтобы разместить логотип Гугл на одном уровне с строкой поиска (из за уменьшенной высоты строки) использую такой код:

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

Выделить код

Код:

.logo,
#rBtssd {
  margin-top: -8px !important;
}

.F1hUFe{
  margin-top: -7.5px !important;
}


bc9321fa787b.jpg
Когда вместо логотипа используется какая-нибудь картинка от Гугл, логотип опускается вниз на несколько пикселей. Код для поднятия картинки:
скрытый текст

Выделить код

Код:

*.logo > a:nth-child(1) > img:nth-child(1),
#rBtssd > a:nth-child(1) > img:nth-child(1) {
  margin-top: -5px !important;
}

.ZbYMvd > a:nth-child(1) > img:nth-child(1) {
  margin-top: -9px !important;
}


Но при этом второй код поднимает и обычный логотип тоже (поэтому приходится "включать" и "выключать" второй код в userContent.css вручную). Можно ли сделать так, чтобы первый код действовал ТОЛЬКО для обычного логотипа, а второй - ТОЛЬКО для картинки?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 21-09-2021 18:37:43

Подскажите, как в Гугл предотвратить "налезание" кнопок на строку поиска при уменьшении размеров окна (браузер открыт в оконном режиме)

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-09-2021 10:30:24

sandro79 пишет

Это ещё добавьте

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

Выделить код

Код:

.VjDLd .TieM1d .tjvcx, .IVvPP .tjvcx, .kno-kp .tjvcx, .VjDLd .kp-wholepage-osrp .tjvcx, #rhs .ss6qqb .tjvcx {
  height: unset !important;
  top: 24px;
  position: relative;
}

Спасибо, вроде помогло.


Чую я, много ещё косяков вылезет

Да, вполне возможно, если эти недоученные гугловские дизайнеры в очередной раз вместо того, чтобы делом заниматься, возьмутся что-нибудь переделывать в оформлении.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-09-2021 21:31:40

sandro79 пишет

А вот в 68-ой версии да, не понимает она :not(a.fl:link), удалите это из правила и будет работать, но и окрасится "Перевести эту страницу".

Почему-то не сместилась вниз ссылка в правой части страницы

скрытый текст
572497425ae2.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-09-2021 20:39:18

sandro79 пишет

А вот в 68-ой версии да, не понимает она :not(a.fl:link), удалите это из правила и будет работать, но и окрасится "Перевести эту страницу".

Удалил, пока работает нормально. "Перевести...", к счастью, осталось фиолетовым

скрытый текст
07041ce5783c.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-09-2021 17:33:30

sandro79 пишет

Теперь вроде всё поправил.

Работает, но только наполовину: меняет местами заголовки и ссылки, но не окрашивает их в зеленый цвет

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 16-09-2021 20:34:03

sandro79 пишет

Надо всё это тестировать, если нет разницы, то лучше код попроще наверно использовать.

Проверил ваш код, обнаружил два небольших недостатка: во-первых, часть ссылки остается серой, во-вторых, надпись "Перевести эту страницу" осталась наверху (и она, вроде бы, не должна быть зеленой)

скрытый текст
92aa66cab29b.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 16-09-2021 19:46:00

sandro79 пишет

собрал компактный код для смены местами ссылок с заголовками.

Действительно, этот намного меньше места занимает. А зеленый цвет где здесь можно указать? Или можно из того кода правило использовать?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 16-09-2021 17:52:19

sandro79 пишет

Сейчас взял ваш код из поста 11370 в userContent.css на подопытной 92(не суть важно), через инспектор изменил font-size и font-weight добавил, сработало вроде нормально, как в инспекторе так и в userContent.css правило

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 15-09-2021 20:53:03

sandro79 пишет

Ну это хорошо, что у вас получилось вычислить нужные куски и все нормально работает.

Единственное, что мне не удалось в этом коде - сделать текст ссылки жирным (чтобы был более заметен на странице). При font-weight: bold треугольник справа от ссылки "налезает" на нее, сдвинуть этот треугольник вправо пока не получилось.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 15-09-2021 17:02:19

sandro79 пишет

Это стили для дополнения Stylus и подобных.

Stylus у меня стоит, я использую его для возвращения старого дизайна ВК, на нем же и проверил эти два скрипта. Обнаружил ряд мелких недочетов (а вернее - недоделок), например, кнопка Инструменты поиска (так она называлась раньше) почему-то называется Search инструменты, уменьшен шрифт в левой части страницы, но оставлен крупным в строке меню и правой части и т. д.

Через .css, стили работают некорректно и толку не будет.

Тот код, который использую я (созданный с вашей помощью), к счастью, работает вполне корректно, осталось лишь мелкие детали проработать. Надеюсь пользоваться им как можно дольше (во всяком случае, пока "рукоблуды" из Гугл не придумают что-нибудь новое). Кстати, код для зеленого цвета ссылок мне все-таки удалось извлечь из первого скрипта
[spoiler][code].g d

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 14-09-2021 18:42:59

Благодарю, скрипты неплохие, хотя и не доработанные до конца. Можно ли из первого скрипта изъять фрагмент, касающийся моего вопроса, и преобразовать его в css-код, чтобы затем я мог вставить его в свой файл userContent?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 13-09-2021 20:07:21

Есть ли способ изменить цвет шрифта ссылок во ВСЕХ результатах поисковой выдачи в Гугл (не заголовков под ними, а именно ссылок)?

скрытый текст
68cb541bce9a.jpg

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-09-2021 18:02:32

Можно ли сделать, чтобы пункты строки меню Гугл занимали каждый фиксированное положение (при разных запросах пункты "Картинки", "Видео", "Новости" и "Карты" постоянно меняются местами)?

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-09-2021 19:31:22

sandro79 пишет

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-09-2021 18:24:20

sandro79 пишет

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-09-2021 13:40:19

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-09-2021 11:14:31

sandro79 пишет

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-09-2021 10:14:27

sandro79 пишет

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

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

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

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

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

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

Выделить код

Код:

.J1hqV {
    opacity: 0 !important;
}


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

Выделить код

Код:

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-09-2021 19:51:51

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

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

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

Выделить код

Код:

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


Полный код для Гугл:
[spoiler][code]@-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 {
    b

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-09-2021 17:51:17

sandro79 пишет

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

Помогло.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-09-2021 16:05:43

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-09-2021 12:00:30

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

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

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

Выделить код

Код:

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

Работает.

Board footer

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