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

Kero · №2451

А вот в принципе можно ли изменить стиль панели инструменты разработки на стиль виндовс или тот что раньше был (кнопки бары и тп ) ?
А также есть ли код для изменения вкладки about:addons на тот что раньше был и возврат версий расширений (без использования ctr ) ?

rubel · №2452

Vitaliy V.
А можно заменить иконку закладок в боковой панели на свою, при использовании расширения all_in_one_sidebar-0.7.27 ?
Вот что показывает на ней Attributes Inspector:

Vitaliy V. · №2453

.

Отредактировано Vitaliy V. (01-10-2016 18:24:38)

rubel · №2454

Vitaliy V. пишет

А в чём проблема id есть...

Прекрасно сработало, спасибо, а то была какая-то убогая по умолчанию.

Alex49 · №2455

Подскажите код (файла userChrome.css) разделительной линии между панелями закладок и навигации.
Необходимо для 25 версии, а точнее - для Pale Moon, который не совместим с Classic Theme Restorer.

Отредактировано Alex49 (26-10-2015 00:38:10)

villa7 · №2456

Alex49

Выделить код

Код:

#nav-bar{
border-bottom: 1px solid #000 !important;}

или так, смотря где что расположено

Выделить код

Код:

#PersonalToolbar{
border-top: 1px solid #000 !important;}

Отредактировано villa7 (26-10-2015 00:39:45)

Alex49 · №2457

villa7 пишет

Alex49
Выделить код
Код:
#nav-bar{
border-bottom: 1px solid #000 !important;}
или так, смотря где что расположено
Выделить код
Код:
#PersonalToolbar{
border-top: 1px solid #000 !important;}

Спасибо! Получилось то, что было нужно.

Kero · №2458

Vitaliy V.
спасибо.

Alex49 · №2459

Проблема в том, что в Pale Moon v25.7.3 после перезапуска удаляется иконка uBlock Origin из панели навигации. Подскажите, каким-то образом можно решить эту проблему.

Coroner · №2460

Alex49
Обычно решается обновлением на новую версию uBlock. Если её пока нет, то подождать.

Часто обсуждается на форумах, например тут или на официальном форуме. Не могу ручаться за точность, но я другого решения не встречал.

Отредактировано Coroner (29-10-2015 13:37:24)

Alex49 · №2461

Coroner пишет

Alex49
Обычно решается обновлением на новую версию uBlock. Если её пока нет, то подождать.
Часто обсуждается на форумах, например тут или на официальном форуме. Не могу ручаться за точность, но я другого решения не встречал.

Спасибо. Стоит последняя версия. Подожду следующей. За подсказку отдельное спасибо.

Ki_rrrilll · №2462

Как в FF 42 сделать кнопку "Назад" меньше по размеру и как перенести "Обновить" влево, чтоб она была рядом с "Назад"?

wrong · №2463

Про кнопки назад-вперед кажется было в Победить Australis
Обновить тут если подойдет Firefox 29+ Left reload button

Ki_rrrilll · №2464

wrong пишет

Про кнопки назад-вперед кажется было в Победить Australis

wrong, я попробовал оттуда стиль от iDev.Pi из первого поста. Но все кнопки стали огромного размера. Получилось, что не кнопка "Назад" уменьшилась, а наоборот, все остальные увеличились.
Может я не то делаю?
Или в 42 версии этот стиль уже не годится?

Отредактировано Ki_rrrilll (05-11-2015 01:30:29)

iDev.Pi · №2465

Ki_rrrilll

может что-то перекосоёжить

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* AGENT_SHEET */
/*
Style name: Revert Australis for nav-bar
Version: 3
Last updated: 2014.08.27 17:10
Author: Drugmix
Contacts: https://forum.mozilla-russia.org/viewtopic.php?pid=653208#p653208
http://userstyles.org/users/7993
https://forum.mozilla-russia.org/profile.php?id=48107
*/

/* Set minimal height for navigation toolbar */
#nav-bar
{
    min-height: 24px !important;
}

/* Make "back" button as small, as "forward" button is */
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon
{
    border-radius: 0 !important;
    padding: 0 6px !important;
}
#back-button
{
    margin: 4px 0px !important;
    -moz-image-region: rect(0px, 54px, 18px, 36px) !important;
}

/* Make left edge of adress bar the same as the right edge */
#urlbar
{
    border: 1px solid rgba(23, 51, 78, 0.3) !important;
    border-radius: 2px !important;
}

/* #urlbar-wrapper. #forward-buttton and some dropmarker icons have negative left-margin */

#urlbar-wrapper
{
    clip-path: none !important;
    -moz-margin-start: 0px !important;
}
#nav-bar-customization-target > toolbarbutton > dropmarker,
#forward-button
{
    margin-left: 0px !important;
}

/* Reduce paddings for items of nav-bar 
#nav-bar-customization-target > toolbaritem *,
#nav-bar-customization-target > toolbarbutton *,
#PanelUI-menu-button > .toolbarbutton-icon,*/
#nav-bar-customization-target > toolbarbutton,
#nav-bar-customization-target > toolbaritem > toolbarbutton,
#nav-bar-customization-target > toolbarbutton > image,
#nav-bar-customization-target > toolbaritem > toolbarbutton > image,
#nav-bar-overflow-button,
#nav-bar-overflow-button > .toolbarbutton-icon,
#PanelUI-menu-button,
#identity-box,
#identity-box > image
{
    padding: 0 1px !important;
}
#urlbar
{
    margin-left: 3px !important;
}

/*
*/
#nav-bar-customization-target > toolbarbutton > label,
#nav-bar-customization-target > toolbaritem > toolbarbutton > label,
#nav-bar-customization-target > toolbarbutton,
#nav-bar-customization-target > toolbarbutton > image,
#nav-bar-customization-target > toolbarbutton > toolbarbutton,
#nav-bar-customization-target > toolbarbutton > toolbarbutton > image,
#nav-bar-customization-target > toolbarbutton > dropmarker
{
    padding: 0 !important;
    margin: 0 !important;
}
#nav-bar-customization-target > toolbarbutton > .toolbarbutton-icon
{
    padding: 0 !important;
    margin: 0 !important;
}
#home-button > .toolbarbutton-icon,
#downloads-button > .toolbarbutton-icon,
#add-ons-button > .toolbarbutton-icon,
#preferences-button > .toolbarbutton-icon,
#bookmarks-menu-button > toolbarbutton > .toolbarbutton-icon
{
    height: 20px !important;
    width: 20px !important;
}

Ki_rrrilll · №2466

iDev.Pi
Я взял этот ваш код. И добавил к нему кусочек для переноса кнопки "Обновить" по ссылке wrong. Вот этот кусочек

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

#urlbar > toolbarbutton {

-moz-box-ordinal-group: 0;

padding-left: 10px;

border-right: 1px lightgrey solid;

padding-right: 5px

}

Теперь "назад" стала меньше и "обновить" переехала, куда я и хотел.
Но кнопка "назад" теперь постоянно обрамлена прямоугольной рамочкой, а слева от кнопки "обновить" видно вертикальную черточку. Не критично, но если можо пофиксить...

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

Ki_rrrilll · №2467

Что, господа, никак нельзя строку поиска сделать ниже?

villa7 · №2468

Ki_rrrilll
Не зная что там у вас стилями наворочено, попробуйте так.

Выделить код

Код:

#searchbar{ height: 20px !important;}

Ki_rrrilll · №2469

villa7, я как раз уже это сделал (сразу просто не додумался). А заодно уменьшил и кнопку "Pocket"

Выделить код

Код:

#pocket-button > .toolbarbutton-icon
{
    height: 20px !important;
    width: 20px !important;
}

Спасибо всем за помощь!

Ki_rrrilll · №2470

Ну ещё только пожелание - убрать постоянную рамочку вокруг кнопки "Назад".
Возможно ли?

villa7 · №2471

Или border: none !important; или box-shadow: none !important;

Выделить код

Код:

#back-button .toolbarbutton-icon {
box-shadow: none !important;}

Отредактировано villa7 (06-11-2015 14:45:44)

Ki_rrrilll · №2472

villa7 с box-shadow: none !important рамка пропала, очень хорошо!

А можно сделать, чтобы при наведении курсора у кнопки "Назад" был тот же цвет фона, что и у кнопки "Вперед"?
А то сейчас они отличаются и сильно.
Как я понимаю, надо прописать что то вроде #back-button:hover .toolbarbutton-icon{ background ...}

villa7 · №2473

Ki_rrrilll
Ну да, только свой цвет подберите

Выделить код

Код:

#back-button:hover .toolbarbutton-icon{
background: #aaa !important;}

Ki_rrrilll · №2474

Вроде всё сделал, всё получилось.
Ещё раз спасибо всем за помощь!

Отредактировано Ki_rrrilll (06-11-2015 21:03:13)

traxium · №2475

lolipop пишет

Есть тестовый стиль ставящий вкладки вертикально. Но когда их много они вылазят внизу, а скролл не появляется. Есть у кого идеи, как это решить или обойти?

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

Выделить код

Код:

/* documentation
 * flexbox: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
 * -moz-box-ordinal-group: https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-box-ordinal-group
 * standart mozilla css: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
 * Mozilla CSS Extensions: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions
 */

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#navigator-toolbox
{

}

#TabsToolbar
{
  -moz-box-ordinal-group: 9 !important;
  display: inline-flex !important;
  flex-flow: wrap column !important;
  width: 300px !important;
  overflow: scroll !important;
  position: fixed !important; 
}

#TabsToolbar > *
{
  /* all width*/
}

#tabbrowser-tabs > *
{
  display: block !important;
  flex: 0 !important;
}

#tabbrowser-tabs, #tabbrowser-tabs > arrowscrollbox > scrollbox > box.box-inherit.scrollbox-innerbox
{
  display: inline-flex !important;
  flex-flow: wrap column !important;
  justify-content: flex-start !important;
  overflow: scroll !important;
}

#TabsToolbar tab.tabbrowser-tab
{
  width: 200px !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}

#content-deck
{
  padding-left: 300px !important;
}

_moz_generated_content_after
{
  -moz-box-ordinal-group: 10 !important;
}

У меня получается вот так, так и должно быть (Firefox 41.0.2)?:

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

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

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