Приве.

Мне, как и многим, не нравятся отдельные элементы оформления в новом интерфейсе [firefox], который называется Australis.
Я не луддит и потому для меня надолго застрять на старой версии [firefox] - не вариант.
Можно было бы уйти на другой Gecko-браузер, но боюсь, что пострадает совместимость с дополнениями.

Поэтому, я решил пока остаться на [firefox] и по возможности переделать её интерфейс обратно в юзабельный.

Начну, пожалуй, со вкладок.
В Australis они:
- занимают адски много места из-за всех этих отступов;
- сделаны в виде накладывающихся друг на друга трапеций (со скруглёнными углами), вместо прямоугольников;
- неактивные вкладки не имеют рамок.

Вернуть вот такой вид вкладок (скриншот сделан с [firefox] 29):
BjLlJOr.png
можно таким стилем:

Код CSS-стиля

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* AGENT_SHEET */
/*
Style name: Revert Australis for tab-bar
Version: 3
Last updated: 2015.01.29 04:00
Author: Drugmix
Contacts: http://userstyles.org/users/7993
https://forum.mozilla-russia.org/profile.php?id=48107
*/

/* Hide close button: use middle click to close tabs */
.tab-close-button.close-icon
{
    display: none !important;
}

/* Remove padding at left of the tab-bar */
.arrowscrollbox-scrollbox
{
    padding: 0 !important;
}

/* Remove tab curves */
.tabbrowser-tab .tab-background-start,
.tabbrowser-tab .tab-background-end,
.tabbrowser-tab:before,   /* hide tab separators */
.tabbrowser-tab[last-visible-tab]:after   /* Hide another tab separator after the last visible tab */
{
    display: none !important;
}
.tab-background,
.tab-background-middle,
.tabs-newtab-button
{
    background: none !important;
}
.tab-background,
.tab-background-middle,
.tabs-newtab-button
{
    border: 0 !important;
    margin: 0 !important;
}


/* Apply background colors from Firefox 28 (before Australis) */
.tabbrowser-tab,
.tabs-newtab-button
{
    background-image: linear-gradient(to top, rgba(26, 26, 26, 0.4) 1px, transparent 1px), linear-gradient(transparent, rgba(114, 114, 114, 0.1) 1px, rgba(81, 81, 81, 0.2) 80%, rgba(0, 0, 0, 0.2)), linear-gradient(rgb(219, 234, 249), rgb(219, 234, 249)) !important;
}
.tabbrowser-tab:hover,
.tabs-newtab-button:hover
{
    background-image: linear-gradient(to top, rgba(26, 26, 26, 0.4) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.3) 1px, rgba(191, 191, 191, 0.2) 80%, rgba(153, 153, 153, 0.2)), linear-gradient(rgb(219, 234, 249), rgb(219, 234, 249)) !important;
}
.tabbrowser-tab[selected]
{
    background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.5) 50%), linear-gradient(rgb(219, 234, 249), rgb(219, 234, 249)) !important;
}

/* Adding borders to tabs */
.tabbrowser-tab,
.tabs-newtab-button
{
    background-position: 1px 2px !important;
    background-repeat: no-repeat !important;
    background-size: calc(-2px + 100%) calc(-2px + 100%) !important;
}
/* Adding borders as border-images to tabs */
.tabbrowser-tab,
.tabs-newtab-button
{
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAPZJREFUSEutz0kKwlAQhGHjFRQED+BCtx5ANwq6EcnG2cR5NteM59BrxP4lD4IiglRDbar7ffBy8imWyp6lZulaBmlCS2AZZToXOnbcuI63GB5gvdf3h3F885MkaaRpW1qWZqZzoWPHzavjLQYWoH9/PDq2KFjymXjpJz6G3dttAQMLcGRF1fIV+DW8xcByYCXd/T0YDhwLwTHgRAhOAKdCcAo4E4IzwLkQnAMGQjAADIVgCLgQggvApRBcAq6E4ApwLQTXgBshuAHcCsEt4E4I7gD3QnAPeBCCB8CjEDwCnoTgCfAsBM+AFyF4AbwKwStgpAPL0RNseiOcDGPu5QAAAABJRU5ErkJggg==") 4 10 0 3 / 4px 10px 1px 3px stretch !important;
}
tab[unread] .tabbrowser-tab,
tab[pending=true] .tabbrowser-tab
{
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAA8ElEQVR42mNkoDYQEZdiBGJtIPYG4kgoTgLiRCCORhIrS03PDCfGQJOAoJCoU6dOh/z//98Bit2B2A2IHWFiQHUJ+YXF7UDajJCBIU+fPfMCahIGYiYkzIimLh4opgakbUA+wmdgNFChFtQAfOriQAZC2e5ArIDPQDUigiYWrA7BDwJiCWwKY7AbSFgdNNL48NlMKGjUsIgnAzEbZtggAOGwxpTLwog9IJPs1ADCoHQKU5gAMpDM9OoKTbPOIH5EVEwnSGEikQayY8lRCdBcFQsTYwAJgA2kEEATfRITkE3NAoKRPgaOGjhq4KiBowYCAPn0tmTZdk9+AAAAAElFTkSuQmCC") 4 10 0 3 / 4px 10px 0px 3px stretch !important;
}

/* Make the active tab and navigational toolbar have the same color */
#nav-bar
{
    box-shadow: none !important;
    background-image: linear-gradient(rgb(237, 245, 252), rgba(255, 255, 255, 0.1) 50%), linear-gradient(rgb(219, 234, 249), rgb(219, 234, 249)) !important;
}

/* Fix AppTabs' height */
#tabbrowser-tabs
{
    min-height: 0 !important;
}
.tab-background
{
    min-height: 26px !important;
}

/*            */
/* Ergonomics */
/*____________*/
#TabsToolbar
{
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}
/* Decrease side padding in tabs */
.tab-content
{
    padding: 0 6px !important;
}

/* Fix new tab button's width */
.tabs-newtab-button
{
    width: 28px !important;
}


p.s.: стиль проверялся только на стандартной теме [firefox] под [windows] 7 с Aero. Если есть кто с [windows] XP - дайте знать как оно там выглядит (желательно со скриншотом).

[2015.01.29 04:00] UPDATE:
+ совместимость с TreeStyleTab.


И теперь займёмся навигационной панелью:
- в Australis она, опять-таки, занимает до неприличного много места из-за отступов;
- имеет дико большую высоту;
- т.к. от настройки "маленькие значки" решили отказаться, то теперь кнопка "назад" здоровая и круглая.

Все вышеперечисленные проблемы можно решить стилем:
o9Q5vJl.png

Код CSS-стиля

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*
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 3px !important;
}
#back-button
{
    -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 > toolbarbutton,
#nav-bar-customization-target > toolbarbutton *,
#nav-bar-overflow-button,
#nav-bar-overflow-button > .toolbarbutton-icon,
#PanelUI-menu-button,
#PanelUI-menu-button > .toolbarbutton-icon,
#identity-box,
#identity-box > image
{
    padding: 0 1px !important;
}
#urlbar
{
    margin-left: 3px !important;
}

[2014.06.04 14:52] UPDATE:
+ Добавил значение минимальной высоты для панели навигации.


Для того, чтобы кнопка "вперёд" отображалась всегда и даже тогда, когда она неактивна - используйте этот стиль от Infocatcher'a.
Но есть некоторые вещи, которые, увы, стилем не решить:
- комбинированная кнопка обновления и остановки загрузки страницы останется внутри адресной строки.

[2014.08.27 17:10] UPDATE:
+ разбил слишком общее правило #nav-bar * на более точные мелкие.
+ удалось победить вылезший баг с кнопкой "вперёд" имевшей слева полукруг.

iDev.Pi

iDev.Pi пишет

p.p.s.: у стиля есть известная проблема с еле заметной светлой полосой под активной вкладкой на стыке с панелью навигации. Пока не смог победить это.

Насколько я помню, когда сам все возвращал, полоса эта из-за того что у #nav-bar стоит box-shadow: 0px 1px 0px rgba(253, 253, 253, 0.45) inset; соответственно box-shadow: none; решает проблему.

А как бы еще удалить округлость кнопки добавления новой вкладки?

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

Kamui пишет

Насколько я помню, когда сам все возвращал, полоса эта из-за того что у #nav-bar стоит box-shadow: 0px 1px 0px rgba(253, 253, 253, 0.45) inset; соответственно box-shadow: none; решает проблему.

Спасибо, помогло :)
Но после этого становится заметно, что выбранная вкладка и панель навигации имеют разные цвета и стык всё равно виден. Проблема решается перекрашиванием background-image у #nav-bar.

Ki_rrrilll
Я её не стилизовал потому, что не заметил: у меня кнопка открытия новой вкладки используется другая (слева от вкладок). Обновил код.

Confidence
везде у .tabbrowser-tab просто стоит заменить на .tabbrowser-tab[selected].

Примерно вот так (только я не знаю нужной вам границы между Australis и уходом от него

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*
Style name: Revert Australis for tab-bar
Version: 2
Last updated: 2014.05.31 12:40
Author: Drugmix
Contacts: http://userstyles.org/users/7993
https://forum.mozilla-russia.org/profile.php?id=48107
*/

/* Hide close button: use middle click to close tabs */
.tab-close-button.close-icon
{
    display: none !important;
}

/* Remove padding at left of the tab-bar */
.arrowscrollbox-scrollbox
{
    padding: 0 !important;
}

/* Remove tab curves */
.tabbrowser-tab[selected] .tab-background-start,
.tabbrowser-tab[selected] .tab-background-end,
.tabbrowser-tab[selected]:before,   /* hide tab separators */
.tabbrowser-tab[last-visible-tab]:after   /* Hide another tab separator after the last visible tab */
{
    display: none !important;
}
.tabbrowser-tab[selected] .tab-background,
.tabbrowser-tab[selected] .tab-background-middle,
.tabs-newtab-button
{
    background: none !important;
}
.tabbrowser-tab[selected] .tab-background,
.tabbrowser-tab[selected] .tab-background-middle,
.tabs-newtab-button
{
    border: 0 !important;
    margin: 0 !important;
}


/* Apply background colors from Firefox 28 (before Australis) */
.tabbrowser-tab[selected],
.tabs-newtab-button
{
    background-image: linear-gradient(to top, rgba(26, 26, 26, 0.4) 1px, transparent 1px), linear-gradient(transparent, rgba(114, 114, 114, 0.1) 1px, rgba(81, 81, 81, 0.2) 80%, rgba(0, 0, 0, 0.2)), linear-gradient(rgb(219, 234, 249), rgb(219, 234, 249)) !important;
}
.tabbrowser-tab[selected]
{
    background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.5) 50%), linear-gradient(rgb(219, 234, 249), rgb(219, 234, 249)) !important;
}

/* Adding borders to tabs */
.tabbrowser-tab[selected],
.tabs-newtab-button
{
    background-position: 1px 2px !important;
    background-repeat: no-repeat !important;
    background-size: calc(-2px + 100%) calc(-2px + 100%) !important;
}
/* Adding borders as border-images to tabs */
.tabbrowser-tab[selected],
.tabs-newtab-button
{
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAPZJREFUSEutz0kKwlAQhGHjFRQED+BCtx5ANwq6EcnG2cR5NteM59BrxP4lD4IiglRDbar7ffBy8imWyp6lZulaBmlCS2AZZToXOnbcuI63GB5gvdf3h3F885MkaaRpW1qWZqZzoWPHzavjLQYWoH9/PDq2KFjymXjpJz6G3dttAQMLcGRF1fIV+DW8xcByYCXd/T0YDhwLwTHgRAhOAKdCcAo4E4IzwLkQnAMGQjAADIVgCLgQggvApRBcAq6E4ApwLQTXgBshuAHcCsEt4E4I7gD3QnAPeBCCB8CjEDwCnoTgCfAsBM+AFyF4AbwKwStgpAPL0RNseiOcDGPu5QAAAABJRU5ErkJggg==") 4 10 0 3 / 4px 10px 1px 3px stretch !important;
}
tab[unread] .tabbrowser-tab[selected],
tab[pending=true] .tabbrowser-tab[selected]
{
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAA8ElEQVR42mNkoDYQEZdiBGJtIPYG4kgoTgLiRCCORhIrS03PDCfGQJOAoJCoU6dOh/z//98Bit2B2A2IHWFiQHUJ+YXF7UDajJCBIU+fPfMCahIGYiYkzIimLh4opgakbUA+wmdgNFChFtQAfOriQAZC2e5ArIDPQDUigiYWrA7BDwJiCWwKY7AbSFgdNNL48NlMKGjUsIgnAzEbZtggAOGwxpTLwog9IJPs1ADCoHQKU5gAMpDM9OoKTbPOIH5EVEwnSGEikQayY8lRCdBcFQsTYwAJgA2kEEATfRITkE3NAoKRPgaOGjhq4KiBowYCAPn0tmTZdk9+AAAAAElFTkSuQmCC") 4 10 0 3 / 4px 10px 0px 3px stretch !important;
}

/* Make the active tab and navigational toolbar have the same color */
#nav-bar
{
    box-shadow: none !important;
    background-image: linear-gradient(rgb(237, 245, 252), rgba(255, 255, 255, 0.1) 50%), linear-gradient(rgb(219, 234, 249), rgb(219, 234, 249)) !important;
}

/* Fix AppTabs' height */
#tabbrowser-tabs
{
    min-height: 0 !important;
}
.tabbrowser-tab[selected] .tab-background
{
    height: 26px !important;
}

/*            */
/* Ergonomics */
/*____________*/
#TabsToolbar
{
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}
/* Decrease side padding in tabs */
.tabbrowser-tab[selected] .tab-content
{
    padding: 0 6px !important;
}

/* Fix new tab button's width */
.tabs-newtab-button
{
    width: 28px !important;
}


/* Not sure if this will be needed or not anymore
.tabbrowser-tab
{
    z-index: auto !important;
    background-origin: border-box !important;
    border-image-slice: 4 3 0 3 fill !important;
    border-image-source: url("chrome://browser/skin/tabbrowser/tab.png") !important;
    border-image-width: 1 1 1 1 !important;
    border-style: solid !important;
    border-width: 4px 3px 0px 3px !important;
}
*/

Я её не стилизовал потому, что не заметил: у меня кнопка открытия новой вкладки используется другая (слева от вкладок). Обновил код.

:)
Спасибо!

Добавил в шапку 2-ой стиль для нормализации панели навигации.

31-05-2014 13:40:52
Ах да: на скриншоте панели навигации видно, что кнопка "вперёд" у меня отображается даже тогда, когда она не кликается.
Достигается это стилем от Infocatcher'а: https://github.com/Infocatcher/UserStyles/tree/master/Australis_always_show_forward_button
Рекомендую всем этот стиль, т.к. без него возможны прыжки элементов на панели.

iDev.Pi пишет

mzfx

надо было написать - мазафака =)

P.S. добавил в FAQ как тема для обсуждения.

iDev.Pi
А как ты сжимаешь поисковую панель до кнопки? У меня твоим стилем Revert Australis for nav-bar она не сжимается.
В 28 версии я сжимал её таким стилем:

Выделить код

Код:

/*-------сжатие поисковой панели------*/
#urlbar-container{max-width:650px!important}
#search-container .searchbar-textbox{min-width:23px!important;overflow:hidden!important;-moz-transition-property:min-width!important}#search-container:hover .searchbar-textbox{-moz-transition-delay:130ms!important}#search-container:hover .searchbar-textbox,#search-container .searchbar-textbox[focused]{min-width:200px!important} :-moz-any(#navigator-toolbox,#addon-bar) :not([customizing])#search-container{max-width:0!important}.searchbar-engine-button{margin:0px 0px 0px -1px!important;}

В 29 он не работает.

rubel пишет

А как ты сжимаешь поисковую панель до кнопки?

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

iDev.Pi
Понятно, а не подскажешь стиль для FF 29 чтобы было как в 28.
Может, подкорректируешь стиль, который я привел выше.

rubel пишет

А как ты сжимаешь поисковую панель до кнопки?

Перенеси её в новую кнопку-меню, вот тебе и будет кнопка :)

voqabuhe
Нет, это не то.
Смотри как у меня в 28-ой версии:
Вот так в обычном состоянии, не занимает место на панели
uS0avS2f.jpg
А вот так, года я навел указатель мыши на значок поисковика
RSGNfj45.jpg
К сожалению в 29 это не работает с этим стилем.

rubel пишет

А вот так, года я навел указатель мыши на значок поисковика

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#search-container{
    min-width:0px!important;
    max-width:0px!important;
}
#search-container .searchbar-textbox {
    min-width:26px!important;
    overflow:hidden!important;
    transition: min-width .2s !important;
}
#search-container:hover .searchbar-textbox, #search-container .searchbar-textbox[focused] {
    min-width:200px!important;
    -moz-transition-delay:200ms!important;
}

Uxapb Отличный скрипт! А можно сделать так, чтобы при наведении на кнопку не раскрывалась строка поиска (была просто кнопка), но функционал настройки поисковых машин висел на правой кнопке мыши, а на левой и средней кнопках мыши открывалась новая вкладка с поисковиком, так как, это происходит если нажать на лупу справа в поисковой строке?

Uxapb
Спасибо, то что и нужно было. :beer:

rubel BAd
Kamui спасибо, не мне.
Моторолер не мой!!! Я просто разместил ОБЪЯВУ! (с)  :)

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

nvrbjs
стилями - увы, но никак.

окей, а как у кнопок вперед/назад рамку убрать, чтобы у них стиль был как у других кнопок?

всем привет!

может кто уже задавался целью убрать тени по краям tab-bar-а. поделитесь рецептом. и заодно может подскажите как уменьшить высоту url-bar-а на 2 пикселя до размера forward-button. я сколько не бился получалось только forward-button увеличить до размера url-bar-а.

скрытый текст
af0e47b3196907133c7da18613d0.png

okkamas_knife пишет

не выйдет изза размера back-button
размер панели >= самый большой элемент на ней
так что тут вариант только уменьшать кнопку назад.

спасибо. значит буду жить так.

okkamas_knife пишет

про тени непонятно что именно имеется ввиду - укажи на скриншоте.

те, которые из-за уменьшенного tab-bar-а вылезают на nav-bar по краям панели вкладок. в стиле из шапки эти тени тоже есть.

скрытый текст
3af8452c677fc856b46fd023ae8f.png

okkamas_knife, спасибо за попытку помочь. тень не зависит от стиля. впервые она появилась на ночнушке от 11.06.2014. на сборке от 10 числа ее нет ни на текущем ни на чистом профиле. если есть желание, то можете проверить:

ftp://ftp.mozilla.org/pub/firefox/night … .win32.zip
ftp://ftp.mozilla.org/pub/firefox/night … .win32.zip

Обновил стиль для панели навигации:
[2014.08.27 17:10] UPDATE:
+ разбил слишком общее правило #nav-bar * на более точные мелкие.
+ удалось победить вылезший баг с кнопкой "вперёд" имевшей слева полукруг.

После 29-й версии пропала кнопка "Закладки яндес". Подскажите, пожалуйста, как её можно вернуть и можно ли вообще.

anton966
обо всех пропажах надо заявления писать в местный ОВД.

iDev.Pi
Не реагируют. Собрался в прокуратуру, но и здесь, на всякий случай, решил спросить.

anton966
здесь это оффтопик: стиль из этой темы не скрывает никаких кнопок.
А раз кнопка пропала "после 29-й версии" (т.е. после обновления?) - то скорей всего дело вообще не в стилях, а в несовместимости дополнения, которое добавляло эту кнопку "Закладки Яндес" с новой версией браузера.

Здравствуйте.
Как сделать навигационную панель тоньше? Больше в внешнем виде ее менять ничего не нужно. Спасибо.

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

iDev.Pi Спасибо огромное за стили! Они спасли меня!

Давно приглядываюсь, но никто так и не спросил. Что надо добавить в стиль, чтобы высота строки поиска уменьшилась до высоты адресной? Или наоборот, адресная увеличилась до высоты строки поиска?
hrKt0p8.png

xrun1

Выделить код

Код:

.searchbar-textbox {height: 20px !important;}

xrun1
villa7
Хорошее улучшение!

ALL Возможно ли сделать строку поиска растягивающейся по мере набора поискового запроса, чтоб он был весь виден? В теме про Stylish был такой вопрос, но остался без ответа... https://forum.mozilla-russia.org/viewto … 55#p652655

Возможно ли поместить Заголовок в пустое пространство между "Панель меню" и системными кнопками "Свернуть, Свернуть в окно, Закрыть"? 1ad6d2ee1cdcf9d6a2c138f1c478578b7ac6495a.png
Конечно, не всегда оно полностью туда влезет, но сколько влезет с начала, пусть то и будет...

Заголовок в адресной строке https://addons.mozilla.org/en-US/firefo … age-title/ - ну, как-то привык УРЛы всегда видеть...

ESR 31.1.1 Win8 Установил стили от iDev.Pi Победить Australis и убрал заголовок (т.е. отображение названия текущей веб-странички в заголовке окна [firefox]), кликая по кнопкам Меню --> Изменить --> Заголовок.

p.s. Что-то такое нашёл, чуть позже проверю https://forum.mozilla-russia.org/viewto … 38#p349838

villa7
Спасибо.
Остался последний вопрос. Если в стиль добавить "убрать dropmarker" у кнопки (показывать по наведению мышки) этим советом, dropmarker появляется, но какой-то... убогий. Можно появляющийся dropmarker сделать нормальным, чтобы бордюр вокруг dropmarker отображался при наведении  в этом стиле?
P.S. Спрашиваю здесь, а вдруг кому тоже пригодится.

xrun1
Не знаю тот бордюр или нет, попробуйте вместо старого кода при наведении этот поставить, или в старый добавте border: 1px solid #000 !important;

Выделить код

Код:

toolbarbutton:not([class*="tabs-alltabs-button"]) dropmarker {display: none !important;}
toolbarbutton:not([type="menu"]):hover dropmarker {display: -moz-box !important;
border: 1px solid #000 !important;}

villa7
Не совсем то получается, видимо, дропмаркер зависит от высоты панели. Буду разбираться. Спасибо.

xrun1
У меня(28й лис),дропмейкеры скрыты таким стилем

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

Выделить код

Код:

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

toolbarbutton:not([class*="tabs-alltabs-button"]) dropmarker {display: none !important;}
toolbarbutton:not([type="menu"]):hover dropmarker {display: -moz-box !important;}
toolbarbutton[type="menu"]:not([class*="bookmark-item"]) image {margin: 0px !important;}

VORON
Скрывается у меня примерно также (3-й строчки нет). Я вот что хотел, надо было сразу картинку выложить. 1-я как в этом стиле, 2-я как хочется. Но если нельзя, то и фиг с красотой.))

скрытый текст
dropmarker_001.png
dropmarker_002.png

xrun1
Странно,у меня то как раз 2й вид

скрытый текст
096e6be57806b30c5c6f30f22bfc70ff.jpg

xrun1 У меня второй вид, а первый - при наведении мыши на кнопку: 7d4313e0e459c35979888963b54f30bd896cb6fb.png. На этой одной кнопке треугольничек не удалился, но он там имеет функциональную нагрузку, а на двух других (ABP и "Показать список открытых вкладок" от TabMixPlus) удалился таким стилем:

Выделить код

Код:

/* скрыть стрелки у всех кнопок на панели */
.toolbarbutton-menu-dropmarker  {
 display: none !important;
}

Нашлось решение моего вопроса:
Теперь есть "длинная кнопка, отображающая заголовок ( title ) текущей веб-странички и её favicon + за эту кнопку можно перетаскивать окно" ! Ув. Dumby сделал такую кнопку  - Custom Buttons | Форум Mozilla Россия. (Кто не в курсе - как всё установить читаем тут.). В "инициализации" есть константа, по умолчанию равная 500px - это длина кнопки. Правим под себя, если нужно, и наслаждаемся экономией места без ущерба информативности.

Вот как у меня теперь: 7d4313e0e459c35979888963b54f30bd896cb6fb.png

xrun1

Попробуйте так:
замените в коде iDev.Pi

Выделить код

Код:

#nav-bar-customization-target > toolbarbutton *,

на

Выделить код

Код:

#nav-bar-customization-target > toolbarbutton *:not(.dropmarker-icon),  #nav-bar #bookmarks-menu-button .dropmarker-icon,

и добавьте либо:

Выделить код

Код:

.dropmarker-icon {
    padding: 5px 1px 4px 1px !important;
    margin-left: -2px !important;
}

#nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
    background-image: none!important;
}

либо:

Выделить код

Код:

.dropmarker-icon {
    padding: 5px 1px 4px 1px !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    margin-left: -2px !important;
}

turbot
Теперь у меня появляется правильный dropmarker. Большое спасибо!

Для меня война с Australis закончилась установкой кнопки "Stop/Reload" от ув. bunda1. Это кнопка "Stop/Reload", кот. была до FF29. Дополнительно: долгое нажатие - "остановить загрузку всех страниц".

Выделить код

Код:

custombutton://%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Ccustombutton%20xmlns%3Acb%3D%22http%3A//xsms.nm.ru/custombuttons/%22%3E%0A%20%20%3Cname%3EStop/Reload%3C/name%3E%0A%20%20%3Cimage%3E%3C%21%5BCDATA%5Bdata%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABFklEQVQ4jdWToW7DQBBEI4WUBJbnC8rLAssjc9OAssqZzWx9Q/0J+QHTULOQfEBwsLFRUEkK6ki2ZTsuqjrSktPuu73ZvdnsXypJkkX3LIqiuTFkD4uxUwyGI6gvc91AXY0q4HqLomgOKgdVjd5uVGGu21DAda7hwyDzcGgUXODS1tONMWSgqhZwCASm60ZSHsd6anoCKp8ICkdz3YwqH0EegHT9AbWncX9WN4wq+02ub9p6uhk0cYqGOvq17mMHVb2bPfflJEmy6FvQdkeuVcPMUxcGaGkMGVyCazUOY9g3pnIFlRtDZh4OcF2MKsCwN/t8HQXd/1DvRlMVXGcwXY9CmvrY6QUM+7qL0lwnY8gALSdD/lTfBU/9GCESstoAAAAASUVORK5CYII%3D%5D%5D%3E%3C/image%3E%0A%20%20%3Cmode%3E0%3C/mode%3E%0A%20%20%3Cinitcode%3E%3C%21%5BCDATA%5B//%20%u041D%u0430%u0441%u0442%u0440%u043E%u0439%u043A%u0430%20%u0444%u0443%u043D%u043A%u0446%u0438%u0439%20%u043A%u043B%u0438%u043A%u043E%u0432%20%u0438%20%u0434%u043B%u0438%u043D%u043D%u044B%u0445%20%u043A%u043B%u0438%u043A%u043E%u0432%20%u043C%u044B%u0448%u0438%20%u0434%u043B%u044F%20%u043A%u043D%u043E%u043F%u043A%u0438%20..............%0Athis.onmousedown%20%3D%20function%28e%29%20%7B%0A%20%20%20%20self.onclick%20%3D%20function%28%29%20%7B%0A%20%20%20%20%20%20%20%20self.onclick%20%3D%20%22%22%2C%20clearTimeout%28%20self.timer%20%29%3B%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20if%20%28%20%21e.button%20%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20stopButt.disabled%20%3F%20BrowserReload%28%29%20%3A%20BrowserStop%28%29%3B%0A%20%20%20%20%7D%3B%0A%20%20%20%20%20%0A%20%20%20%20self.timer%20%3D%20setTimeout%28function%28%29%20%7B%0A%20%20%20%20%20%20%20%20self.onclick%20%3D%20%22%22%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20if%20%28%20%21e.button%20%29%20for%20%28var%20br%20of%20gBrowser.browsers%29%20br.stop%28%29%3B%20%20%20%20%0A%20%20%20%20%7D%2C%20500%20%29%3B%0A%7D%3B%0A%0A%20%20%20%20%20%20%20%20%0Avar%20stopButt%20%3D%20document.getElementById%28%27urlbar-stop-button%27%29%3B%20%0A%0A%0A//%20%u0421%u043B%u0435%u0434%u0438%u043C%20%u0438%u0437%u043C%u0435%u043D%u0435%u043D%u0438%u0435%u043C%20%u0441%u0442%u0430%u043D%u0434%u0430%u0440%u0442%u043D%u043E%u0439%20%27Stop%27%20%u043A%u043D%u043E%u043F%u043A%u0438%20%u0438%20%u0441%u043E%u043E%u0442%u0432%u0435%u0442%u0441%u0442%u0432%u0435%u043D%u043D%u043E%20%u043C%u0435%u043D%u044F%u0435%u043C%20%u0438%u043A%u043E%u043D%u043A%u0443%20%u043A%u043D%u043E%u043F%u043A%u0438%20..............%0Afunction%20stopButtHandler%28%29%20%7B%0A%20%20%20var%20%5Bimg%5D%20%3D%20document.getAnonymousNodes%28self%29%3B%0A%20%20%20img.src%20%3D%20stopButt.disabled%20%0A%20%20%20%3F%20%22data%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABFklEQVQ4jdWToW7DQBBEI4WUBJbnC8rLAssjc9OAssqZzWx9Q/0J+QHTULOQfEBwsLFRUEkK6ki2ZTsuqjrSktPuu73ZvdnsXypJkkX3LIqiuTFkD4uxUwyGI6gvc91AXY0q4HqLomgOKgdVjd5uVGGu21DAda7hwyDzcGgUXODS1tONMWSgqhZwCASm60ZSHsd6anoCKp8ICkdz3YwqH0EegHT9AbWncX9WN4wq+02ub9p6uhk0cYqGOvq17mMHVb2bPfflJEmy6FvQdkeuVcPMUxcGaGkMGVyCazUOY9g3pnIFlRtDZh4OcF2MKsCwN/t8HQXd/1DvRlMVXGcwXY9CmvrY6QUM+7qL0lwnY8gALSdD/lTfBU/9GCESstoAAAAASUVORK5CYII%3D%22%0A%20%20%20%3A%20%22data%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAoklEQVQ4jc2TMQ7DIAxFkXJGHyJ7pICMYp8ma1Y2lt4rHapUkBpjptSSJ74eH3/s3N9XQF56mjVusyrwyHuIfHqk3NZQ/mh4bzoJkc9vIydBk0qN6AwApruwhN3PPFIGgEl01YINQVTYKKSCRTp+QMjJDLnqSrBuOoYg2tPMrqTBSgGoMC0dM2yN29xLx/QhnasG/GpZ765IcevSG6ZlsZ+vN6qE/1DgPtqbAAAAAElFTkSuQmCC%22%3B%0A%7D%3B%0AstopButtHandler%28%29%3B%0Avar%20observer%20%3D%20new%20MutationObserver%28function%28%29%20stopButtHandler%28%29%29%3B%0Aobserver.observe%28%20stopButt%2C%20%7Battributes%3A%20true%7D%20%29%3B%0AaddDestructor%28function%28%29%20%7B%20observer.disconnect%28%29%20%7D%29%3B%5D%5D%3E%3C/initcode%3E%0A%20%20%3Ccode%3E%3C%21%5BCDATA%5B/*Code*/%0A%5D%5D%3E%3C/code%3E%0A%20%20%3Caccelkey%3E%3C%21%5BCDATA%5B%5D%5D%3E%3C/accelkey%3E%0A%20%20%3Chelp%3E%3C%21%5BCDATA%5B%5D%5D%3E%3C/help%3E%0A%20%20%3Cattributes/%3E%0A%3C/custombutton%3E

Стилем от ув. villa7 скрыл мелкую аналогичную кнопку в адресной строке.

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar-reload-button, #urlbar-stop-button {display: none !important;}

50e2821661eba1f84102236a6b2002e0478783c0.png

Спасибо, iDev.Pi, Dumby, bunda1 , villa7 !


P.S. Ещё добавил такое. (Нашёл тут Настройка внешнего вида Firefox в userChrome.css | Форум Mozilla Россия)

Выделить код

Код:

/*Убрать в панели меню светлое обрамление текста и фон*/
#main-window #main-menubar {
  background: none!important;
  text-shadow: none!important;
}

Подскажите, как можно уменьшить расстояние от таббара до верхней границы браузера.

vitalii201

Выделить код

Код:

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

@-moz-document url(chrome://browser/content/browser.xul) {

    #TabsToolbar {
      margin-top:0px !important;
    }
    #main-window[sizemode="normal"] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons{
      -moz-margin-start: 0px !important;
    }
    #main-window[sizemode="maximized"] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons{
      -moz-margin-start: 2px !important;
    }
}

turbot к сожалению из OkeuVYc.jpg становится vOTnUzj.jpg . И если можно, как уменьшить расстояние между url-баром и панелью закладок?

vitalii201
У меня такого нет (проверил с кодом из-под первого спойлера темы):
screenshot%2525202014-10-12%252520001.png
проверяйте, какой еще стиль может мешаться.

C переходом на ESR31 давно не обновлявшееся расширение Smart location (smart text), которое делало так: a9ae2854d38072b24a93be7437549a2e.gif начало конфликтовать с каким-то из моих расширений. Нашёл ему классную замену, сделанную парнем из Беларуси: Advanced Locationbar. Вот теперь я точно закончил переезд на новую внрсию [firefox].

Александр Колесников
оно даже не restartless :(

Есть идеи насчет решения этой проблемы?

Kiril__777 пишет

Есть идеи насчет решения этой проблемы?

Конечно есть, эта проблема никаким боком к Australis не стоит. Обнови [firefox] и эта проблема у тебя сама рассосётся. :)

voqabuhe
не понял вашего совета. пока ждал ответа поковырял расширение classic_theme_restorer_customize и нашел там решение, потом еще стилем подправил и готово. не вижу смысла, не разобравшись в вопросе, набнавлять истерически что-то.

e46177957a1dt.jpg

Всем доброго дня!

Подскажите, пожалуйста, как панель вкладок переместить максимально вплотную к верхней части окна как, например, на скриншоте ниже:

a40efed73da05e4566cdfe2924301026.png

Сейчас у меня вот так ([firefox] 34.0.5):

3e38bb054b76741a40f5132191fb0801.jpg

Попробовал стиль с хабра, но он не помог:

userChrome.css

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    #tabbrowser-tabs, #TabsToolbar, #ctr_appbutton, .tabbrowser-tab { 
        margin-top:  0px !important;
        max-height: 20px !important;
    }    
    .tabbrowser-tab  { 
        margin-top: -1px !important;
    }
    #navigator-toolbox > toolbar {
        max-height: 26px !important;
   }


Список моих установленных дополнений
Adblock Plus    2.6.6    true    {d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d}
Adblock Plus Pop-up Addon    0.9.2    true    adblockpopups@jessehakanen.net
AutoPager    0.8.0.10    true    autopager@mozilla.org
Classic Theme Restorer (Customize Australis)    1.1.8    true    ClassicThemeRestorer@ArisT2Noia4dev
Element Hiding Helper для Adblock Plus    1.3    true    elemhidehelper@adblockplus.org
FaviconizeTab    1.0.6    true    faviconizetab@espion.just-size.jp
FireGestures    1.8.7    true    firegestures@xuldev.org
FlashGot    1.5.6.8    true    {19503e42-ca3c-4c27-b1e2-9cdb2170ee34}
FoxyProxy Standard    4.5    true    foxyproxy@eric.h.jung
Greasemonkey    1.15    true    {e4a8a97b-f2ed-450b-b12d-ee082ba24781}
HTTPS-Everywhere    4.0.2    true    https-everywhere@eff.org
KeeFox    1.4.4    true    keefox@chris.tomlinson
Locationbar?    1.0.6    true    locationbar2@design-noir.de
Menu Editor    1.2.7    true    {EDA7B1D7-F793-4e03-B074-E6F303317FB0}
Print Edit    13.8    true    printedit@DW-dev
Show File Size2    1.1.0    true    show-file-size-2@kashiif-gmail.com
Stratiform    3.0.1    true    Stratiform@SoapySpew
Stylish    2.0.0    true    {46551EC9-40F0-4e47-8E18-8E5CF550CFB8}
Tab Mix Plus    0.4.1.6    true    {dc572301-7619-498c-a57d-39143191b318}
User Agent Overrider    0.2.4    true    useragentoverrider@qixinglu.com
Yet Another Smooth Scrolling    3.1.7    true    yetanothersmoothscrolling@kataho

Буду премного благодарен за помощь!

SoHm
Последнее сообщение на предыдущей странице. А вообще, в CTR есть настройка соответствующая (стиль как раз из него и выдран):

скрытый текст
screenshot%2525202015-01-09%252520001.png
и
screenshot%2525202015-01-09%252520002.png

turbot

Огромное вам спасибо!
У меня по каким-то причинам дополнения не обновились и CTR был старой версии, в нём этого функционала не было. Обновил и теперь всё встало на свои места.

Но вот ещё кнопка добавления новой вкладки так и не появляется.

Настройка в Tab Mix Plus
9c540e1950a33af6c5a8a2f9931dbbcf.jpg

Нажимаю кнопку Настроить и появляется обычное меню настройки внешнего вида FF.
скрытый текст
40a4342bd024163ab05a7fa4aa7efee1.jpg

С этим можно что-нибудь сделать?

Я TMP не пользуюсь, ничем помочь не могу. И вообще, это вопрос для другой темы.

Приветствую!

Я недавно перешел на новый FF37, и второй день бодаюсь с Australis. Почти настроил, уф, осталось по мелочи. Прошу помочь с цветом рамок на кнопках "Вперёд", "Назад". Самое важное для меня - симметрия. Либо полностью убрать рамки, но для Back-button не работает border-width: 0px, хотя у Forward-button рамка убирается. Либо нужно настроить цвета рамки при разных состояниях.

1) Вот так выглядят рамки на новой странице:
image.jpg

2) Так они выглядят, если есть, куда пойти вперёд-назад:
image.jpg

3) Одинаковыми они становятся только при наведении курсора на кнопку "Вперёд":
image.jpg

Код модификации кнопок я взял из этого топика, слегка его модифицировав:

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

Выделить код

Код:

#back-button > .toolbarbutton-icon
{
    border-radius: 0px !important;
    padding: 1px 3px 1px 3px !important;
}
#forward-button > .toolbarbutton-icon
{
    border-radius: 0px !important;
    padding: 1px 3px 1px 4px !important;
    margin: 0px 1px 0px 0px !important;
}
#back-button
{
    -moz-image-region: rect(0px, 54px, 18px, 36px) !important;
}

Mixold пишет

полностью убрать рамки

Выделить код

Код:

border: none!important;
    box-shadow: none!important;
turbot пишет
Выделить код

Код:

border: none!important;
    box-shadow: none!important;

Спасибо за помощь. Вопрос почти решен, без рамок мне даже больше нравится. Но идеала пока достичь не удалось - осталась неисчезающая подсветка Back-button. Копание в Dom Inspector результата не дало. Выглядит оно вот так:

20150510030130.png

Решение нашел по ссылке: https://forum.userstyles.org/discussion … -highlight

Выглядит теперь вот так:

20150510031818.png

Код:

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

Выделить код

Код:

#back-button#back-button#back-button>image.toolbarbutton-icon,
#forward-button#forward-button#forward-button>image.toolbarbutton-icon
{
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}

Mixold
У себя такого не вижу, но попробуйте:

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

Выделить код

Код:

#forward-button > .toolbarbutton-icon, #back-button > .toolbarbutton-icon{
  background: none!important;
}

либо:

Выделить код

Код:

#forward-button:not(:-moz-any(:hover,:active)) > .toolbarbutton-icon, #back-button:not(:-moz-any(:hover,:active)) > .toolbarbutton-icon,
#forward-button[disabled='true'] > .toolbarbutton-icon, #back-button[disabled='true'] > .toolbarbutton-icon{
  background: none!important;
}

либо:

Выделить код

Код:

#forward-button, #back-button {
  background: none!important;
}

либо:

Выделить код

Код:

#forward-button:not(:-moz-any(:hover,:active)), #back-button:not(:-moz-any(:hover,:active)),
#forward-button[disabled='true'], #back-button[disabled='true'] {
  background: none!important;
}

10-05-2015 03:28:04
Ум, опоздал. Но если хотите, чтоб фон был при наведении на кнопку, то возьмите какой-нибудь с :not(:-moz-any(:hover,:active))

turbot пишет

Ум, опоздал.

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

20150510043312.png

Код:

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

Выделить код

Код:

/* Настройки кнопок "Вперёд", "Назад" */

#nav-bar{min-height: 24px !important;}

#back-button > .toolbarbutton-icon{
    border-radius: 2px !important;
    padding: 2px 3px 2px 3px !important;
    border: none!important;
    box-shadow: none!important;}

#forward-button > .toolbarbutton-icon{
    border-radius: 2px !important;
    padding: 2px 3px 2px 3px !important;
    margin: 0px 2px 0px 0px !important;
    border: none!important;
    box-shadow: none!important;}

#back-button{-moz-image-region: rect(0px, 54px, 18px, 36px) !important;}

#urlbar{
    border: 1px solid rgba(23, 51, 78, 0.3) !important;
    border-radius: 2px !important;}

#urlbar-wrapper{
    clip-path: none !important;
    -moz-margin-start: 0px !important;}

#nav-bar-customization-target > toolbarbutton > dropmarker,
#forward-button
{
    margin-left: 0px !important;
}

#nav-bar-customization-target > toolbarbutton,
#nav-bar-customization-target > toolbarbutton *,
#nav-bar-overflow-button,
#nav-bar-overflow-button > .toolbarbutton-icon,
#PanelUI-menu-button,
#PanelUI-menu-button > .toolbarbutton-icon,
#identity-box,
#identity-box > image
{
    padding: 0 1px !important;
}

#urlbar{margin-left: 3px !important;}

#forward-button:not(:-moz-any(:hover,:active)) > .toolbarbutton-icon, #back-button:not(:-moz-any(:hover,:active)) > .toolbarbutton-icon,
#forward-button[disabled='true'] > .toolbarbutton-icon, #back-button[disabled='true'] > .toolbarbutton-icon
{        
    background: none!important;
}

/* Настройки кнопок "Вперёд", "Назад" */

Всплыл ещё один вопрос. Можете подсказать, что это за мерзкая белая полоска наверху Navbara? Сделал фон черным, чтобы было лучше видно. Причём мерзкая полоска вылезает сразу, даже если в UserChrome.css прописан один простейший скрипт: #nav-bar{background: black !important;}.

20150510050312.png

Mixold
box-shadow: none!important;

turbot пишет

box-shadow: none!important;

Благодарю.

Подскажите, пожалуйста, какие операторы отвечают за настройку подсветки под кнопками на тулбаре и как, собственно, эти кнопки называются (FF37)? Хотелось бы привести все эти разные варианты подсветки (см. картинку) к какому-то единому виду. На картинке все варианты подсветки, т.е. PrintScreen делал во время наведения курсора на кнопки. Самая левая - кнопка Custom Button.

20150510184109.jpg

Mixold

скрытый текст
Попробуйте заменить

Выделить код

Код:

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

на

Выделить код

Код:

#nav-bar toolbarbutton,
#nav-bar .toolbarbutton-1,
#nav-bar toolbarbutton > .toolbarbutton-menubutton-dropmarker{
padding: unset !important;
width: unset !important;
height: unset !important;
}
#nav-bar  toolbarbutton > dropmarker:before{
display: none!important;
}
#nav-bar toolbarbutton > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon{
width: unset !important;
height: unset !important;
border-left:none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#nav-bar toolbarbutton:not([id='bookmarks-menu-button']) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon{
padding-top: 7px!important;
}
#nav-bar .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar toolbarbutton > .toolbarbutton-icon,
/* удалите следующую строку, если будут проблемы у кнопкок с бейджами */
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container{
padding-left: 1px !important;
padding-right: 1px !important;
width: unset !important;
height: unset !important;
}

Уф, промучался я с этими стилями капитально. Не всё получилось, как хотелось бы, но результат меня вполне устраивает. Ваш скрипт помог мне разобраться. Кое-что удалось методом научного тыка, но с кнопками "Вперёд"-"Назад" разобрался. Единственное, чего не понял - как настроить размер замки подсветки при наведении на клавиши "Вк", "Fb", и т.д. и как убрать эту дурацкую рамку подсветки, которая задаётся, видимо, box-shadow, только вот где, я так и не нашел. Ещё забавно, что у меня Stylish и userChrome.css немного по разному интерпретируют скрипты.

В итоге получилось:

Done.jpg
Код:

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

Выделить код

Код:

/* Настройки клавиш "Вперёд", "Назад" */

#nav-bar{
    border:none  !important;
    box-shadow: none !important;
    background: linear-gradient(to top, #e2e2e2, #eeeeee) !important; }

#urlbar{
    border: 1px solid rgba(23, 51, 78, 0.3) !important;
    border-radius: 2px !important;
    margin-left: 10px !important;    
    height: 22px !important; }

#urlbar-container {max-width: 900px !important;}

#urlbar-wrapper {
    clip-path: none !important;
    -moz-margin-start: 0px !important; }

#navigator-toolbox > #nav-bar .toolbarbutton-1:not(#back-button):not(#forward-button) .toolbarbutton-icon    /* Настройки кнопок дополнений*/
{
margin: -1px -1px -1px -1px !important;
}

#navigator-toolbox #nav-bar .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button))    /* Настройки кнопок nav-bar, кроме back-forward */
{
    margin: 0px -2px 0px -2px !important;
    padding: 0px 1px 0px 1px !important;
}

#back-button > .toolbarbutton-icon {
    background: none !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    padding: 1px 1px 1px 1px !important;
    border: 0px solid rgba(0,0,0,0) !important; }

#forward-button > .toolbarbutton-icon {
    border-radius: 2px !important;
    padding: 1px 1px 1px 1px !important;
    margin: 0px -5px 0px 1px !important;
    border: 1px solid rgba(0,0,0,0) !important; }

#back-button {
    -moz-image-region: rect(0px, 54px, 18px, 36px) !important;
    border: 0px solid rgba(0,0,0,0) !important;
    background: none !important;
    box-shadow: none !important;
    margin: 0px 0px 0px 1px !important; }

#nav-bar-customization-target > toolbarbutton > dropmarker,
#forward-button {
    margin-left: 0px !important; }

#forward-button:hover > .toolbarbutton-icon {
    margin-left: 1px !important;
    background: none !important; }

#forward-button:not([disabled="true"]):hover > .toolbarbutton-icon { 
    box-shadow: none !important;
    background: rgba(255,255,255,.6) !important;
    padding: 0px 0px 0px 0px !important;
    margin: 1px -4px 1px 2px !important; }

#back-button:not([disabled="true"]):hover > .toolbarbutton-icon { 
    box-shadow: none !important;
    background: rgba(255,255,255,.6) !important; }

/* Настройки клавиш "Вперёд", "Назад" */

Mixold пишет

клавиши "Вк", "Fb", и т.д.

Попробуйте с #nav-bar-customization-target > .bookmark-item и #nav-bar-customization-target > .bookmark-item image

11-05-2015 20:48:55
-moz-appearance:none!important; - еще может помочь.

Mixold
Не знаю поможет или нет, но вот мои "пять копеек" которыми пользуюсь сам....

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

Выделить код

Код:

/** Спрятать кнопки Back/Forward если не нужны  **/             
#back-button[disabled="true"] {display: none;}
#forward-button[disabled="true"] {display: none;}
#back-forward-dropmarker[disabled="true"] {display: none;}
Выделить код

Код:

/*игра с тенями и д.р. в закладках*/
#TabsToolbar .tabbrowser-tab {transition: all .4s !important;}

menupopup {opacity:.85;}
.bookmark-item {
border: none !important;
-moz-appearance: none !important;}

.bookmark-item > .toolbarbutton-icon {opacity: 0.6 !important;}
.bookmark-item:hover > .toolbarbutton-icon {opacity: 1.00 !important;}

Можно исправить "Revert Australis for nav-bar" для [firefox] 40.0.2 №4?

Код под первым спойлером этой темы и так в порядке, а второй этим можете заменить №10.

turbot, спасибо!

- Как стрелки hy5kW5X.jpg
сделать одинакового(меньшего) размера?

Как восстановить кнопку вперед. Данный стиль

скрытый текст
/* https://github.com/Infocatcher/UserStyles/tree/master/Australis_always_show_forward_button */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul") {
/* Australis: always show forward button */
window:not([chromehidden~="toolbar"]) #urlbar-container > #forward-button {
visibility: visible !important;
opacity: 1 !important;
}
window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper {
clip-path: none !important;
}
window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar {
margin-left: 0 !important;
}
/*
window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > #notification-popup-box[hidden] + #identity-box {
-moz-padding-start: 2px !important;
}
window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > #notification-popup-box {
padding-left: 3px !important;
}
*/
#identity-box {
padding: 2px !important;
}
#notification-popup-box {
padding-left: 3px !important;
}
}

помогает только на 29 версии :/

amid525
Не нужно. Во первых Classic Them Restorer делает это если поставить "маленькие кнопки" (которые потом стилем можно увеличить, если надо).

Во вторых пользуются старыми версиями только люди, которые не понимают что делают. :D А такие кастомизацией занимаются редко.

lolipop,  маленькие кнопки мне не нужны, я эту кнопку имел ввиду сделать не прячущейся sshot1png_7715991_18959656.png

Во вторых пользуются старыми версиями только люди, которые не понимают что делают

Вы о чем?:rolleyes:

lolipop пишет

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

не , есть такие что очень понимают и им нестрашно.