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

alexx-alexx · №2726

Добрый день!
Скажите пожалуйста, как скрыть стрелки вперед\назад прикрепленные к адресной строке...

oleg.sgh · №2727

alexx-alexx
№1815

alexx-alexx · №2728

oleg.sgh пишет

alexx-alexx
№1815

Да,но так удаляются и кнопка обновления страницы,и крестик для остановки загрузки страниц!..

turbot · №2729

alexx-alexx
Ну так и удалите лишнее из стиля. А вообще, лучше так:

Выделить код

Код:

#urlbar-container #forward-button, #urlbar-container #back-button {
  display: none!important;
}
#urlbar-wrapper {
  margin-inline-start: unset!important;
  clip-path: unset!important;
}
#urlbar {
  border-inline-start: 1px solid hsla(210,54%,20%,.27)!important;
}
#urlbar:hover {
  border-inline-start-color: hsla(210,54%,20%,.37)!important;
}
#urlbar[focused] {
  border-inline-start-color: Highlight!important;
}
#urlbar > #identity-box {
  padding-inline-start: 5px!important;;
}

Чтобы симметрию у границ и отступов адресной восстановить.

alexx-alexx · №2730

Благодарю!..
Еще вопрос: Как нибудь возможно с кнопки "Добавить страницу в закладки",разъединить звездочку и стрелку,или просто спрятать стрелочку,так как мне нужна только звездочка для добавлении страниц в закладки!...

turbot · №2731

alexx-alexx
Если разделить - это иметь возможность их независимо друг от друга размещать, то это невозможно сделать стилями. В CTR есть такой функционал. Если просто независимую подсветку при наведении сделать - то используйте поиск. Несколько раз вопрос поднимался. А просто скрыть, вот:

Выделить код

Код:

#bookmarks-menu-button > dropmarker {
  display: none !important;
}

alexx-alexx · №2732

Да, устраивает!..
Спасибо!..

fokanik · №2733

В [firefox] можно сделать на этом же месте такие же большие кнопки, а то они там маленькие и квадратненькие (24х24)?

Отредактировано fokanik (31-07-2016 22:51:16)

turbot · №2734

Выделить код

Код:

#toolbar-menubar > toolbarbutton,
#toolbar-menubar > toolbarbutton > .toolbarbutton-icon {
  height: auto!important;
  width: auto!important;
  max-height: none!important;
  max-width: none!important;
}

fokanik · №2735

turbot, спасибо!

Caddy · №2736

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

turbot · №2737

Выделить код

Код:

.bookmark-item .menu-accel-container {
  display: none!important;
}

Caddy · №2738

turbot
Спасибо большое, интересно, а для чего это сделано? Т.е. что это за элемент menu-accel-container? Он невидим?

turbot · №2739

Caddy пишет

Т.е. что это за элемент menu-accel-container? Он невидим?

тыц Невидим, если значение отсутствует.

Добавлено 04-08-2016 00:13:48
И я подумал, лучше:

Выделить код

Код:

.bookmark-item .menu-accel-container:not([value]) {
  display: none!important;
}

тогда скроет только при отсутствующем значении (хотя я не помню, чтоб у закладок оно как-то задавалось).

Отредактировано turbot (04-08-2016 00:13:48)

Caddy · №2740

turbot
Спасибо, хорошо, что есть userChrome.css и опытные пользователи.

Вопрос на засыпку к гуру CSS, возможно ли из Австралиса сделать такой дизайн? После табов идут кнопки закладок и аддонов, а дальше Url Bar, по мере создания новых вкладок, всё это смещается вправо, но остаётся видимым. При увеличении количества табов, просто уменьшается их ширина.

turbot · №2741

Caddy
Одними стилями тут вряд ли обойтись можно (после грянувшего аустралиса). С CTR можно двигать адресную строку как раньше и меню "гамбургера". Панель с закладками и так можно перетащить (а может, это тоже CTR заслуга), как и кнопки аддонов. Скрыть оставшуюся панель навигации можно спрятать стилем, но если уж все равно CTR ставить придется, то в нем есть такая опция.

В общем, у меня монитор небольшой и не широкоформатный, поэтому не очень красиво, но именно так как вы хотите получилось. Одним CTR только.

Отредактировано turbot (04-08-2016 01:50:45)

oleg.sgh · №2742

Caddy
Можно совместить адресную строку с панелью закладок без стилей и дополнений, убрав панель закладок вообще...если что...

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

Отредактировано oleg.sgh (04-08-2016 07:24:18)

ser8nik · №2743

Подскажите, как убрать границы окна браузера, когда он не развернут на весь экран? Пробовал "-moz-appearance" в #main-window менять, но вообще никакого эффекта. Windows 7, если что.

Vitaliy V. · №2744

Только расширениями, попробуйте Control Buttons (в настройке интерфейса FF должен быть отключен заголовок окна и включена Aero тема в Win7)
Или это, но слишком навороченное Hide Caption Titlebar Plus

Отредактировано Vitaliy V. (04-08-2016 23:13:29)

Caddy · №2745

turbot
Значит без CTR сделать подобное, исключительно с помощью CSS, невозможно? Или просто трудозатратно?

oleg.sgh
Спасибо, буду знать. Почему-то не показывается изображение под Вашим спойлером, пришлось в сурс глядеть. С отключенным Адблоком тоже.

turbot · №2746

Caddy пишет

Значит без CTR сделать подобное, исключительно с помощью CSS, невозможно?

Нет. Может с биндигами что-то и можно сделать, но это все-таки не CSS. Да и не знаю как.

Caddy · №2747

turbot
Ясно, поюзаю CTR.

Появился другой вопрос, есть такое дополнение Quick Context Search, возможно ли иконки поисковиков в контекстном меню увеличить?

turbot · №2748

Caddy
DOM Inspector + Custom Buttons + кнопка Attributes Inspector.
Нажимаете кнопку Attributes Inspector'a, подсвечиваете нужный элемент, нажимаете ctrl + I или кликаете СКМ, в открывшемся окне DOM Inspector'а смотрите селектор нужного элемента/примененные к нему стили и т.д.
По css-свойствам здесь и здесь читайте.
Вам нужно width или height задать нужным элементам. Либо и то и другое. Либо одно значение в пикселях, другое - auto. Либо размер может ограничивать max-width, max-height, тогда прописать их. Либо им none и width с height. У меня этот аддон не стоит и ставить лень. Так что сами тоже поработайте. Полезный опыт и знания. CSS освоить на уровне "такое же, но с перламутровыми пуговицами" - не сложно.

Caddy · №2749

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

Выделить код

Код:

#quickcontextsearch-container > hbox > menuitem:first-child > image
{
   background: url("data:image/png;base64,iVBORw0KG...")
   no-repeat 0px !important;
   margin-left: 15px !important;
   opacity: 1 !important;
}

turbot · №2750

Caddy

Выделить код

Код:

.quickcontextsearch-engine-button {
  -moz-appearance: none!important;
  background-attachment: scroll !important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}
.quickcontextsearch-engine-button[tooltiptext="Бла-бла"] {
  background-image: url('')!important;
}
.quickcontextsearch-engine-button[tooltiptext="Бла-бла-бла"] {
  background-image: url('')!important;
}
/* и т.д. */
.quickcontextsearch-engine-button .toolbarbutton-icon {
  display: none!important;
}

Если стиль в userChrome.css, то файл должен иметь utf-8 кодировку, чтобы кириллица работала. В Stylish нет этой проблемы.

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

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