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

turbot · №1926

FMRUser
В моем все ровненько и простенько. Зачем себе лишние сложности придумывать? Берите его.

FMRUser · №1927

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

turbot · №1928

FMRUser
Лениво, все там разбирать, так что, на глазок:

Выделить код

Код:

#context-back:after, #context-forward:after, #context-reload:after, #context-stop:after, #context-bookmarkpage:after {
content: attr(aria-label) !important;
margin-left: 11.5px !important;
margin-right: 25px !important;
vertical-align: 3px!important; /*<-- вот */
}

FMRUser · №1929

turbot
Вот, от души спасибо, теперь завершен полностью, как из магазина в упаковочке.

Упс.

Выделить код

Код:

#context-back:after, #context-forward:after, #context-reload:after, #context-stop:after, #context-bookmarkpage:after, #context-media-eme-learnmore:after {
content: attr(aria-label) !important;
margin-left: 11.5px !important;
margin-right: 25px !important;
vertical-align: 3px!important;
}

#context-navigation {
  background:unset !important;
  -moz-box-orient: vertical !important;
  margin-bottom:-4px!important;
}

#context-navigation > .menuitem-iconic {
-moz-box-pack: start !important;
}

#context-navigation > menuitem {
  max-height:22px !important;
  padding:1px 1px 0px 4px!important;
}



#context-back {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back");
}

#context-back[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active");
}

#context-back[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled");
}

#context-forward {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward");
}

#context-forward[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active");
}

#context-forward[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled");
}

#context-reload {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload");
}

#context-reload[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active");
}

#context-reload[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled");
}

#context-stop {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop");
}

#context-stop[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active");
}

#context-stop[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled");
}

#context-bookmarkpage {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark");
}

#context-bookmarkpage[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active");
}

#context-bookmarkpage[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled");
}

#context-back:-moz-locale-dir(rtl),
#context-forward:-moz-locale-dir(rtl),
#context-reload:-moz-locale-dir(rtl) {
  transform: scaleX(-1);
}

#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: auto;
  margin-bottom: auto;
}

#context-media-eme-learnmore {
  list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
}

Отредактировано FMRUser (16-05-2015 17:43:26)

as_lan · №1930

Уже не знаю какие словами описать, то что иногда делает руководство мозилы. Ну какого .... они воткнули pocket?? Все время хвалились тем, что в браузере не должно быть ничего лишнего. Кому надо засунут расширение. Ладно. Нервы дороже. Теперь по теме. Pocket через about:config выключил. Но пункт меню в списке закладок остался. Как убрать?

SendInfo · №1931

as_lan пишет

Уже не знаю какие словами описать, то что иногда делает руководство мозилы. Ну какого .... они воткнули pocket?? Все время хвалились тем, что в браузере не должно быть ничего лишнего. Кому надо засунут расширение. Ладно. Нервы дороже. Теперь по теме. Pocket через about:config выключил. Но пункт меню в списке закладок остался. Как убрать?

Там же:browser.pocket.useLocaleList;false

as_lan · №1932

SendInfo
Думаете я не пробовал) Все равно эта сволочь там остается.

turbot · №1933

as_lan

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#menu_pocket,#menu_pocketSeparator,#BMB_pocket,#BMB_pocketSeparator {
  display: none!important;
}

as_lan · №1934

turbot
Спасибо. Работает. А как удалить разделитель, который остался после него?

turbot · №1935

#menu_pocketSeparator и #BMB_pocketSeparator - как раз и убирают. Оставшиеся сепараторы, уже не его.

Acid Crash · №1936

Доброго времени суток.
Хочу убрать лишние элементы из меню закладок.
Ранее использовал расширение Simple bookmarks menu
https://addons.mozilla.org/ru/firefox/addon/simple-bookmarks-menu/
Но вот после обновления на FF38 появился артефакт в виде разделителя и частички верхней области.

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

Вот как оно должно бы выглядет без глюка.

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

Можно ли его побороть с помощью CSS?
Заранее благодарен

turbot · №1937

Acid Crash

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

Я не знаю, что за разделитель, и кто его добавляет, поэтому ставьте DOM Inspector (плюс, по желанию, Custom Buttons c Attributes Inspector), ищите id сепаратора (либо, если уникального id у элемента нет, то, как на скрине, с :nth-child() ):

и:

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
id-вашего-сепаратора {
  display: none!important;
}

Acid Crash · №1938

turbot пишет

Acid Crash
скрытый текст
Я не знаю, что за разделитель, и кто его добавляет, поэтому ставьте DOM Inspector (плюс, по желанию, Custom Buttons c Attributes Inspector), ищите id сепаратора (либо, если уникального id у элемента нет, то, как на скрине, с :nth-child() ):
https://lh3.googleusercontent.com/-Kse7 … thumb3.jpg
и:
Выделить код
Код:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
id-вашего-сепаратора {
  display: none!important;
}

Не сочтите невежеством.
Никак не могу понять, как DOM-инспектором выловить элементы всплывающего окна.
Нажимаю кнопку "найти узел для исследования щелкнув по нему", но могу отловить только кнопку закладок, а не всплывающее меню.

FMRUser · №1939

Acid Crash
Custom Buttons + Attributes Inspector

amid525 · №1940

Подскажите, как убрать стрелки иконок на панели (история, ABP и т.д)

Данный код, не скрывает пустое место от них, получается не красиво.

Выделить код

Код:

.toolbarbutton-menu-dropmarker  {
    display: none !important;
}

Vitaliy V. · №1941

amid525 пишет

Подскажите, как убрать стрелки иконок на панели (история, ABP и т.д)

Выделить код

Код:

#nav-bar-customization-target > .toolbarbutton-1[type="menu"] > .toolbarbutton-icon,
#nav-bar-customization-target > toolbarpaletteitem > .toolbarbutton-1[type="menu"] > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[type="menu"] > .toolbarbutton-text {
    -moz-padding-end: 7px !important;
}

#nav-bar-customization-target > .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
    display: none !important;
}

Или последнее замените на

Выделить код

Код:

toolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
    display: none !important;
}

чтобы на всех панелях убрать стрелки

Отредактировано Vitaliy V. (21-05-2015 10:11:11)

amid525 · №1942

Vitaliy V. спасибо. Подрегулировал пиксели в вашем коде, что бы поуже сделать справа от значка. Еще бы с лева поузить. Какую строчку нужно добавить в код?

Vitaliy V. · №1943

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

amid525 · №1944

Ваш стиль примерять не смогу, нужно регистрироваться. Но думаю, будет мешать моей теме

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

Отредактировано amid525 (21-05-2015 11:02:53)

Vitaliy V. · №1945

amid525 пишет

Но думаю, будет мешать моей теме

Да, мои стили не для полных тем, но с лёгкими темами можно.

amid525 · №1946

так все таки, с лева можно у меня поузить?(ABP и история)

Отредактировано amid525 (21-05-2015 11:08:07)

Vitaliy V. · №1947

amid525

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

Выделить код

Код:

#nav-bar-customization-target > .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar-customization-target > .toolbarbutton-1 > .toolbarbutton-badge-container,
#nav-bar-customization-target > .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar-customization-target > toolbarpaletteitem > .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar-customization-target > toolbarpaletteitem > .toolbarbutton-1 > .toolbarbutton-badge-container,
#nav-bar-customization-target > toolbarpaletteitem > .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

#nav-bar-overflow-button > .toolbarbutton-icon {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#nav-bar-customization-target > .toolbarbutton-1[type="menu"] > .toolbarbutton-icon,
#nav-bar-customization-target > toolbarpaletteitem > .toolbarbutton-1[type="menu"] > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[type="menu"] > .toolbarbutton-text {
    -moz-padding-end: 3px !important;
}

toolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
    display: none !important;
}

amid525 · №1948

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

Вставил туда
padding-left: 3px !important;
padding-right: 3px !important;

Вроде норм. Спасибо!

Отредактировано amid525 (21-05-2015 11:38:27)

Vitaliy V. · №1949

amid525 пишет

сужаются теперь все кнопки(те что и не требуется)

А иначе и не получится. А кнопки назад, вперёд, обновить у Вас перенесены расширением поэтому и сужаются.
Ставьте DOM Inspector и смотрите селектор кнопок которые не нужно сужать, чтобы добавить исключение.

amid525 · №1950

Vitaliy V. пишет

А иначе и не получится.

Как не получится, если по вашему первому коду, удалением ненужного + добавлением пару строк(выше писал) работает теперь как надо.

А кнопки назад, вперёд, обновить у Вас перенесены расширением поэтому и сужаются.

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

Отредактировано amid525 (21-05-2015 14:34:39)

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

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