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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№192616-05-2015 17:03:11

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

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

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

Отсутствует

 

№192716-05-2015 17:11:25

FMRUser
Участник
 
Группа: Members
Зарегистрирован: 01-03-2014
Сообщений: 814
UA: Firefox 40.0
Веб-сайт

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

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

Отсутствует

 

№192816-05-2015 17:21:16

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

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

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; /*<-- вот */
}

Отсутствует

 

№192916-05-2015 17:32:25

FMRUser
Участник
 
Группа: Members
Зарегистрирован: 01-03-2014
Сообщений: 814
UA: Firefox 40.0
Веб-сайт

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

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)

Отсутствует

 

№193019-05-2015 08:55:28

as_lan
Участник
 
Группа: Members
Зарегистрирован: 22-03-2014
Сообщений: 15
UA: Firefox 38.0

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

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

Отсутствует

 

№193119-05-2015 09:16:26

SendInfo
.
 
Группа: Members
Зарегистрирован: 14-02-2011
Сообщений: 271
UA: Firefox 41.0

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

as_lan пишет:

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

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

Отсутствует

 

№193219-05-2015 09:20:38

as_lan
Участник
 
Группа: Members
Зарегистрирован: 22-03-2014
Сообщений: 15
UA: Firefox 38.0

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

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

Отсутствует

 

№193319-05-2015 15:02:26

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

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

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

Отсутствует

 

№193419-05-2015 15:14:55

as_lan
Участник
 
Группа: Members
Зарегистрирован: 22-03-2014
Сообщений: 15
UA: Firefox 38.0

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

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

Отсутствует

 

№193519-05-2015 15:21:39

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

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

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

Отсутствует

 

№193619-05-2015 23:38:46

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 278
UA: Firefox 38.0

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

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

скрытый текст
http://i232.photobucket.com/albums/ee162/Acid_Crash/bookmarks.png

Вот как оно должно бы выглядет без глюка.
скрытый текст
http://i232.photobucket.com/albums/ee162/Acid_Crash/bookmarks1.png

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

Отсутствует

 

№193719-05-2015 23:58:52

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

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

Acid Crash

скрытый текст
Я не знаю, что за разделитель, и кто его добавляет, поэтому ставьте DOM Inspector (плюс, по желанию, Custom Buttons c Attributes Inspector), ищите id сепаратора (либо, если уникального id у элемента нет, то, как на скрине, с :nth-child() ):
https://lh3.googleusercontent.com/-Kse7UV4yfe8/VVujWnCQS0I/AAAAAAAAbAs/_WJ2DwR32M0/s0/thumb3.jpg 
и:

Выделить код

Код:

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

Отсутствует

 

№193820-05-2015 23:47:20

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 278
UA: Firefox 38.0

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

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-инспектором выловить элементы всплывающего окна.
Нажимаю кнопку "найти узел для исследования щелкнув по нему", но могу отловить только кнопку закладок, а не всплывающее меню.

Отсутствует

 

№193920-05-2015 23:49:26

FMRUser
Участник
 
Группа: Members
Зарегистрирован: 01-03-2014
Сообщений: 814
UA: Firefox 40.0
Веб-сайт

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

Acid Crash
Custom Buttons + Attributes Inspector

Отсутствует

 

№194021-05-2015 09:14:17

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 335
UA: Firefox 37.0

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

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

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

Выделить код

Код:

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

Отсутствует

 

№194121-05-2015 10:03:18

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1156
UA: Firefox 40.0

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

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)

Отсутствует

 

№194221-05-2015 10:26:22

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 335
UA: Firefox 37.0

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

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

Отсутствует

 

№194321-05-2015 10:43:55

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1156
UA: Firefox 40.0

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

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

Отсутствует

 

№194421-05-2015 10:57:06

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 335
UA: Firefox 37.0

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

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

скрытый текст
http://i11.pixs.ru/storage/7/4/8/sshot2png_4542463_17380748.png

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

Отсутствует

 

№194521-05-2015 11:03:45

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1156
UA: Firefox 40.0

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

amid525 пишет:

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

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

Отсутствует

 

№194621-05-2015 11:07:26

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 335
UA: Firefox 37.0

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

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

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

Отсутствует

 

№194721-05-2015 11:18:33

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1156
UA: Firefox 40.0

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

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

Отсутствует

 

№194821-05-2015 11:30:39

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 335
UA: Firefox 37.0

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

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

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

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

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

Отсутствует

 

№194921-05-2015 11:46:20

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1156
UA: Firefox 40.0

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

amid525 пишет:

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

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

Отсутствует

 

№195021-05-2015 14:30:33

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 335
UA: Firefox 37.0

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

Vitaliy V. пишет:

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

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

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

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

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

Отсутствует

 

Board footer

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