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

Infocatcher · №1326

pohunohi пишет

Можно стилями изменить тип кнопки? С type="menu-button" на type="button".

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

Код:

#sessionmanager-undo {
    -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important;
}

Но при этом растягивается иконка и меню будет недоступно.

Или вот так:

Выделить код

Код:

#sessionmanager-undo > .toolbarbutton-menubutton-dropmarker {
    display: none !important;
}
#sessionmanager-undo {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

Но нужно будет корректировать внешний вид.

Palich · №1327

Подскажите как синий цвет изменить на серый

Palich · №1328

okkamas_knife

А как код полностью будет выглядеть ?

villa7 · №1329

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

Выделить код

Код:

#nav-bar {-moz-appearance: none !important;
background: #bbbbbb  !important;}

Кнопка + так

Выделить код

Код:

.tabs-newtab-button {-moz-appearance: none !important;
background: #999999  !important;}

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

Отредактировано villa7 (13-12-2013 08:41:27)

Palich · №1330

villa7

Стоит вот этот стиль
http://userstyles.org/styles/12186/ff3-classic-grey-toolbar-colors-for-vista
Но он зараза не все окрашивает в серое... вот тут остается:

Ни этот

Выделить код

Код:

#nav-bar {-moz-appearance: none !important;
background: #bbbbbb  !important;}

ни этот не срабатывают..

Выделить код

Код:

.tabs-newtab-button {-moz-appearance: none !important;
background: #999999  !important;}

Отредактировано Palich (13-12-2013 08:58:33)

villa7 · №1331

Palich
Отключите старый, создайте новый

Выделить код

Код:

.tabs-newtab-button, #tabbrowser-tabs, #toolbar-menubar, #PersonalToolbar, #nav-bar, #addon-bar{-moz-appearance: none !important;
background: #cccccc  !important;}

Palich · №1332

Это уникально Видать я косорукий, удалил стиль из userChrome.css все осталось серенькое как нужно... добавил ваш код, но эти два куска все равно синие...

Palich · №1333

Все! Вроде сам разобрался... Не знаю правильно ли.... Но теперь все серое.

Выделить код

Код:

#new-tab-button
{
  background: #E9E9E9 !important;
}

#alltabs-button
{
  background: #E9E9E9 !important;
}

villa7 · №1334

Palich
Если одним цветом то можно упростить так.

Выделить код

Код:

#new-tab-button, #alltabs-button{
 background: #E9E9E9 !important;}

Отредактировано villa7 (14-12-2013 00:50:37)

Palich · №1335

villa7
Спасибо! Работает... А с иконками не подскажите. Стилиль http://userstyles.org/styles/40211/firefox-menu-icons
работает на одном профиле где стоит "userstyle"
на рабочим профиле где код прописываю в "userChrome.css" иконки в некоторых местах отсутствуют... что я не так делаю ?

Отредактировано Palich (14-12-2013 11:31:12)

villa7 · №1336

Palich
На 26 [firefox] добавились новые пункты, если хотите добавить к ним иконки то узнаете селектор этим http://forum.mozilla-russia.org/viewtopic.php?id=56041
и добавляете иконки.

Отредактировано villa7 (14-12-2013 15:30:41)

Palich · №1337

okkamas_knife
Простите... юзерконтент это вы про userContent.css ?

Palich · №1338

Только щас заметил, более 20 вкладок появляются стрелки и опять синие...

Подскажите как они обзываются... DOM Inspector не показывает ID.

villa7 · №1339

Palich
.scrollbutton-up, .scrollbutton-down

Palich · №1340

villa7
Да чтож такое Пока стрелка активная она серая:

Стоит на нее клацкнуть опять синяя:

Может можно как то побороть ?

villa7 · №1341

Palich
Чуть усовершенствовано. В крайних положениях копка скрывается за ненадобностью.

Выделить код

Код:

.scrollbutton-up, .scrollbutton-down{
background: #dddddd !important;}
.scrollbutton-up[disabled="true"], .scrollbutton-down[disabled="true"] {
display: none !important;
}

Отредактировано villa7 (15-12-2013 21:16:12)

Palich · №1342

Здорово! Спасибо работает. А то что кнопка прячется даже удобней... Лишнего нет.
Правда пришлось заменить #dddddd на #E9E9E9

Отредактировано Palich (15-12-2013 23:04:58)

Ki_rrrilll · №1343

Есть ли способ убрать через css тайтл бар?
Я пробовал удалять Хром заголовок js скриптом, но при этом при наведении курсора на ссылку внизу не показывается адрес и не показывается полоса горизонтальной прокрутки (если она есть).

И, попутно, как сделать, чтобы в полноэкранном режиме была видна панель задач? Без расширений, через css.

villa7 · №1344

Ki_rrrilll пишет

чтобы в полноэкранном режиме была видна панель задач?

Так?

Выделить код

Код:

#addon-bar[moz-collapsed="true"] {
 visibility: visible !important;}

Ki_rrrilll · №1345

villa7 пишет

Ki_rrrilll пишет
чтобы в полноэкранном режиме была видна панель задач?
Так?
Выделить код
Код:
#addon-bar[moz-collapsed="true"] {
 visibility: visible !important;}

Нет, не панель дополнений, я говорю о панели задач - Taskbar

bunda1 · №1346

Ki_rrrilll
Через css нельзя убрать тайтл бар.

Ki_rrrilll · №1347

bunda1 пишет

Ki_rrrilll
Через css нельзя убрать тайтл бар.

Ну а хотя бы сделать Taskbar видимым в полноэкранном режиме можно?

iDev.Pi · №1348

Ki_rrrilll пишет

Есть ли способ убрать через css тайтл бар?

тайтл бар уже же выпилили. Он располагался на Caption (там же, где и кнопки свернуть-максимизировать-закрыть), может, вопрос про него?

Ki_rrrilll пишет

И, попутно, как сделать, чтобы в полноэкранном режиме была видна панель задач? Без расширений, через css.

В принципе - никак. Можно лишь частично добиться этой цели:

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#main-window[sizemode="fullscreen"]
{
    margin-right: 85px !important; /* если панель задач не справа, а снизу - то следует использовать margin-bottom. Значение в пикселах подогнать. */
    background: transparent !important;
    -moz-appearance: -moz-win-borderless-glass !important;
}

Добавлено 23-12-2013 01:49:54
Но эта задача легко решается с помощью примитивного AutoHotkey скрипта.

Отредактировано iDev.Pi (23-12-2013 01:49:54)

Ki_rrrilll · №1349

iDev.Pi пишет

тайтл бар уже же выпилили. Он располагался на Caption

Я про эту синюю полоску. В 25 версии она есть.

Я думал это и называется тайтл бар (он же Хром заголовок). Я хотел эту полоску скрыть, чтоб было больше места на экране.

Пока что для этой цели я включаю полноэкранный режим, но при этом не видна панель задач. А можно ссылку на AutoHotkey скрипт?

voqabuhe · №1350

Ki_rrrilll пишет

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

ПКМ - убрать галку с Панель меню, не то?

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

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