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

as_lan · №1801

FMRUser
Отлично! Выставил 5px и теперь нормально. Хотел сам через DOM инспектор найти. Но видимо голова уже под вечер плохо соображает)
Спасибо!

foxusermust · №1802

Здравствуйте
Народ, кто знает как можно добавить в контекстное меню иконку Адблок?

примерно так:

villa7 · №1803

foxusermust
Иконку только свою вставьте, мне лень было. И расположение иконки этим подгоните 2px 5px.

Выделить код

Код:

.abp-contextmenuitem  {-moz-appearance: none !important;
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEAAACxABrSO9dQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABlklEQVQ4T52Ty0tCURDGP4WeEBREROEiwr+hXRC1qhY9KGrjoj8gCcRcuMiV1C6hJ2ThIoiiRRRoSRLVoqVRiwwz6iKWetVAXQT3NHN7oGZlDvzgMPN9w5zDHA0K4yJZgRpNP56VHoSVNrXcog2hSXuErDhAR/3rN89Xwp/qxVY8hNsXUZvJiNZsVqUqnRa4TAlsxu/AmqLhTRixKyvNZGj/gUZqih1ZgTcxmd/DLfdhPqrUkaDhD1gDZ0yBW/6YxBWvJPM9PLLQ0qilwFckTwjsxUZsGOYb7ipwnhQIUJEFuXDuJCHofQT2ZYEreo/pgCDvEOCILqsNpq7f4fNsRFD+HXuYxDn1Tw3rHNElwB7xYEYSZcFe2KRDzD2JsrBJ1MAcWMEijVoO7IXBN6qaXfRA/2GBPAbfCNC3XQVL8JEWhJekdCzBB9WrRvf6ABaivByiJFjb5RzI38bOVTNWaMPOaBd+gzWsLRp66xCMfgl7NImfliUXznFNbx38+TdypdlYDZ1pnK61honTYxU+60xjaq0g3gC1owXVi8rJQgAAAABJRU5ErkJggg==") 2px 5px no-repeat !important; }

Отредактировано villa7 (16-02-2015 20:23:39)

foxusermust · №1804

villa7
спасибо :cool:
вот мне теперь, еще фон бы вернуть - стандартный синий при наведении...

villa7 · №1805

foxusermust

Выделить код

Код:

.abp-contextmenuitem:hover  {-moz-appearance: none !important;
background: #00f !important; 
}

AlexR77 · №1806

всем привет!
Такая беда, поставил тему на фф, но вылезла белая полоска (страница новая вкладка)которую не могу убрать

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

откуда там береца белый цвет если в коде его нету.
usercontent.css
http://pastebin.com/CJTbEM4q
usercrome.css
http://pastebin.com/27N8rHPa

спасибо

turbot · №1807

Ну сами же нашли нужный элемент. Вот его ( #newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom ) и добавляйте в секцию /* SCROLLBOX */ к

Выделить код

Код:

#newtab-scrollbox:not([page-disabled]) {
    color: #F3F3F5 !important;
    background-color: #2b2b2c !important;
  }

после запятой.

AlexR77 · №1808

не понял вас.

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

Вот кусок из юзерконтент.ксс

Выделить код

Код:

/* SCROLLBOX */
  #newtab-scrollbox:not([page-disabled]) {
    color: #F3F3F5 !important;
    background-color: #2b2b2c !important;
  }

инспектор показывает то что заскнинил

Выделить код

Код:

#newtab-scrollbox:not([page-disabled]), #newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
    color: #000;
    background-color: #F2F2F2;
}

В инспекторе вкладка редактор стелей вообще такой код

Выделить код

Код:

/* SCROLLBOX */
#newtab-scrollbox:not([page-disabled]),
#newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
  color: rgb(0,0,0);
  background-color: hsl(0,0%,95%);
}

вопрос, какой будет итоговый код который кинуть в контентксс.
спасибо

Отредактировано AlexR77 (22-02-2015 19:46:21)

turbot · №1809

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

Замените

Выделить код

Код:

#newtab-scrollbox:not([page-disabled]) {
    color: #F3F3F5 !important;
    background-color: #2b2b2c !important;
  }

на

Выделить код

Код:

#newtab-scrollbox:not([page-disabled]), #newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
    color: #F3F3F5 !important;
    background-color: #2b2b2c !important;
  }

AlexR77 · №1810

большое спасибо

kotofeich · №1811

Подскажите стиль для изменения формы вкладок (и кнопки новая вкладка) в 35 версии?

Хотелось бы иметь 2 варианта:
1-вкладки как у хрома (конусом),
2-стандартную прямоугольную как у старых версии FF.

Отредактировано kotofeich (23-02-2015 08:38:01)

turbot · №1812

kotofeich

2

Победить Australis, либо Classic Theme Restorer, либо поиском на userstyles.org (firefox squaretabs) - там полно подобных стилей (~~еще в соседней теме по Stylish'у на последних паре страниц поминались такие стили~~вернее, здесь, на предыдущей странице).

1

Тоже ищите на userstyles.org (такие уголки картинкой делаются, вряд ли тут кто-то возьмется такой стиль вам с нуля делать), либо FXChrome.

Отредактировано turbot (23-02-2015 08:55:53)

voqabuhe · №1813

kotofeich пишет

2-стандартную прямоугольную как у старых версии FF.

Firefox Metro for Australis Ну не совсем как..., но прямоугольные.

kotofeich · №1814

voqabuhe
То что нужно, спасибо!

oleg.sgh · №1815

Нужно скрыть стрелки вперед\назад прикрепленные к адресной строке и обновить\стоп в самой адресной строке...если это возможно.

villa7 · №1816

oleg.sgh

Выделить код

Код:

#back-button, #forward-button, #urlbar-reload-button, #urlbar-stop-button{
display: none !important;}

oleg.sgh · №1817

villa7 Благодарю.

HARREE · №1818

Ребята, подскажите пожалуйста как немного сдвинуть иконку в поисковике немного вправо.
Image1.1425834669.png

villa7 · №1819

HARREE

Выделить код

Код:

.searchbar-engine-button {margin-left: 5px !important;}

HARREE · №1820

villa7,
Спасибо огромное!

BAlzr · №1821

Доброго времени суток.

Как сделать выделение ссылки из списка адреса простым без градиента?
Начало вопроса: Как убрать градиент из списка ссылок?

Пример имеющегося на данный момент градиентного выделения:

Скрин1

Пример необходимого результата:

Скрин2

Надо заметить, что второй пример взят на основе winXP, а результат надо получить на win7.

удалено

turbot · №1822

BAlzr
Для работы свойства filter в стиле, переключите в true layout.css.filters.enabled в about:config

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

@-moz-document url("chrome://browser/content/browser.xul") {
#PopupAutoCompleteRichResult .autocomplete-richlistitem description{
  color: #000000!important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected='true'] description{
  color: #ffffff!important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected='true'] {
  background: #3161A3!important;
  border-radius: 0!important;
  outline: none!important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected='true'] .ac-type-icon.ac-result-type-bookmark{
  filter: grayscale(100%) invert(100%) brightness(180%)!important;
}
/*Раскомментируйте ниже, если нужно убрать подсветку совпадений в названиях/ссылках*/
/*
#PopupAutoCompleteRichResult html|span.ac-emphasize-text{
  background: transparent!important;
  box-shadow: none!important;
}
*/
}

BAlzr · №1823

turbot

Вот это да! То что надо! Поклон вам )

(Работает и с параметром layout.css.filters.enabled false)

turbot · №1824

BAlzr
Работает, да. Но звездочка закладок не будет становиться белой на синем, при выделении строки, без него.

villa7 · №1825

turbot
В чём отличие твоего кода, для поставленной задачи

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

@-moz-document url("chrome://browser/content/browser.xul") {
#PopupAutoCompleteRichResult .autocomplete-richlistitem description{
  color: #000000!important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected='true'] description{
  color: #ffffff!important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected='true'] {
  background: #3161A3!important;
  border-radius: 0!important;
  outline: none!important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected='true'] .ac-type-icon.ac-result-type-bookmark{
  filter: grayscale(100%) invert(100%) brightness(180%)!important;
}
/*Раскомментируйте ниже, если нужно убрать подсветку совпадений в названиях/ссылках*/
/*
#PopupAutoCompleteRichResult html|span.ac-emphasize-text{
  background: transparent!important;
  box-shadow: none!important;
}
*/
}

от этого

Выделить код

Код:

.autocomplete-richlistitem:hover {
background: #069 !important; }

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

Отредактировано villa7 (19-03-2015 12:10:09)

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

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