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

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

№477629-10-2018 00:10:33

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 586
UA: Firefox 63.0

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

Vitaliy V., благодарю! Этот пункт есть и в меню табов(и таббара), мне оттуда удобней.

Отредактировано vitalii201 (29-10-2018 08:35:58)

Отсутствует

 

№477729-10-2018 14:59:51

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

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

xrun1 пишет:

https://github.com/VitaliyVstyle/Vitali … om_bar.zip
Настраиваете в файле \bindings\toolbars.xml

Обновил, + эти ещё для кучи
https://github.com/VitaliyVstyle/Vitali … om_bar.zip
https://github.com/VitaliyVstyle/Vitali … om_bar.zip

Отредактировано Vitaliy V. (29-10-2018 15:11:42)

Отсутствует

 

№477829-10-2018 16:08:10

toxa
Участник
 
Группа: Members
Зарегистрирован: 11-04-2012
Сообщений: 223
UA: Firefox 56.0

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

Подскажите пожалуйста. В дополнении DOM Inspector есть одна очень неудобная вещь.
В левой панели которая называется Документ - Узлы DOM, когда выделяешь какой то узел, шрифт становится белым. На голубом фоне выделения его почти не видно.

Можно что то сделать через userChrome.css?

Отсутствует

 

№477929-10-2018 18:42:33

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

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

toxa пишет:

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

Можно изменить в DOM Inspector так + для textbox

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
@-moz-document url-prefix("chrome://inspector/content/") {
    treechildren::-moz-tree-cell-text(selected) {
        color: red !important;
    }

    treechildren::-moz-tree-row(selected) {
        background-color: gold !important;
    }

    textbox html|*.textbox-input::-moz-selection {
        color: red !important;
        background-color: gold !important;
    }
}


А вообще инспектор встроенный же есть https://developer.mozilla.org/en-US/doc … er_Toolbox

Отредактировано Vitaliy V. (29-10-2018 19:06:38)

Отсутствует

 

№478029-10-2018 18:57:01

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 971
UA: Firefox 52.0

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

toxa
Пример своих цветов

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

Выделить код

Код:

@-moz-document url(chrome://inspector/content/viewers/dom/dom.xul) {

    treechildren::-moz-tree-cell-text(selected) {
        font-weight: bold !important;

        color: blue !important;
    }
    treechildren::-moz-tree-cell-text(selected, focus) {
        color: navy !important;
    }

    treechildren::-moz-tree-cell-text(selected, anonymous) {
        color: orange !important;
    }
    treechildren::-moz-tree-cell-text(selected, focus, anonymous) {
        color: magenta !important;
    }
    /*
        И так далее. Открой во вкладке адрес
        chrome://inspector/skin/viewers/dom/dom.css
    */
}


Или закомментируй в
inspector@mozilla.org/chrome/inspector/skin/classic/inspector/viewers/dom/dom.css
скрытый текст

Выделить код

Код:

treechildren::-moz-tree-cell-text(selected, focus) {
  color: #FFFFFF;
}

Отсутствует

 

№478129-10-2018 22:50:56

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 5
UA: Firefox 60.0

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

Где можно скачать готовые файлы для полноценной темной темы FF, вместе с окнами закладок и т.д.?
У меня ESR 60.3
Увидел в посте https://forum.mozilla-russia.org/viewto … 67#p762667 у dezhnev,
что можно сделать и панель закладок в темном стиле.

Отсутствует

 

№478230-10-2018 00:38:13

toxa
Участник
 
Группа: Members
Зарегистрирован: 11-04-2012
Сообщений: 223
UA: Firefox 56.0

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

Vitaliy V.
Dumby

Благодарю! :)

Vitaliy V.

А вообще инспектор встроенный же есть

А если я  хочу настроить адресную строку, панели...?

Отсутствует

 

№478330-10-2018 00:51:55

sandro79
Участник
 
Группа: Members
Откуда: Гиперборея
Зарегистрирован: 15-11-2017
Сообщений: 611
UA: Firefox 62.0

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

westyles пишет:

Где можно скачать готовые файлы для полноценной темной темы FF, вместе с окнами закладок и т.д.?

Может подойдёт код под первым спойлером из этого сообщения.
И ещё может этот стиль.

Отредактировано sandro79 (30-10-2018 01:06:15)

Отсутствует

 

№478430-10-2018 01:07:19

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

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

toxa пишет:

А если я  хочу настроить адресную строку, панели...?

The Browser Toolbox enables you to debug add-ons and the browser's own JavaScript code rather than just web pages like the normal Toolbox.

Именно для этого - для интерфейса [firefox], не путайте с обычной панелью инструментов для веб-страниц,
но сначала откройте их и в настройках включите:
"Включить инструменты отладки browser chrome и дополнений"
"Включить удалённую отладку"
после этого в меню Инструменты -> Веб-разработка появится пункт "Инструменты браузера" или сочетание клавиш Ctrl+Alt+Shift+I для вызова инструментов

Отсутствует

 

№478530-10-2018 01:25:07

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 5
UA: Firefox 60.0

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

sandro79 пишет:

Может подойдёт код под первым спойлером из этого сообщения.

Я не знаю куда код вставлять, я хотел готовые файлы для папки chrome, чтобы закинуть и проверить.
Уже намучился с разными кодами, не получается настроить цвет в панели закладок.
И тот код тоже не дает результата, так как наверно не туда вставляю.

Отсутствует

 

№478630-10-2018 01:29:38

sandro79
Участник
 
Группа: Members
Откуда: Гиперборея
Зарегистрирован: 15-11-2017
Сообщений: 611
UA: Firefox 58.0

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

Отсутствует

 

№478730-10-2018 02:53:22

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 5
UA: Firefox 60.0

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

sandro79
Есть какой-то результат, благодарю!
Контекстное меню можно настроить, только придется долго разбираться, что для чего там!
Но сам текст в панели и цвет панели не настраивается.
Где можно поглядеть названия элементов, к которым можно стили прикрутить?
Или может есть возможность инспектором как то выявить нужные элементы?
А то он только показывает что на странице, а параметры браузера не поглядеть.
А то в этом файле куча элементов, но на что они влияют не понятно.
И как я понял, там только для контекстного меню, и поисковой панели в адресной строке.

Странно, что ни кто не сделал готовые файлы с полноценной темой, в которой настроены цвета для всех элементов.
Мне нужно изменить только цвета, чтобы получить просто оригинальную тему, но в темных цветах.
Без модификаций вида или размеров.

Понял, что панель закладок это #sidebar

скрытый текст
Но цвет текста там не меняется.
Только фон за текстом.

Выделить код

Код:

#sidebar {
  background: rgb(34,34,34) !important;
}

А нужно получить вот такое: https://i.imgur.com/w9PNEXq.png

Отредактировано westyles (30-10-2018 03:11:15)

Отсутствует

 

№478830-10-2018 10:19:38

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 544
UA: Firefox 63.0

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

westyles
Цвет свой вставьте.

Выделить код

Код:

/* Цвет фона и ширина боковой панели п.у. 18em*/
#sidebar-box {
    background-color: #40E0D0 !important;
    width: 22em !important;
}

Отсутствует

 

№478930-10-2018 10:20:32

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 61.0

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

Окно about:page и тем более about:multimedia как сделать фиксированным?

Отсутствует

 

№479030-10-2018 13:51:04

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 61.0

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

westyles
sidebar

скрытый текст
#sidebar,
#sidebar-box,
#sidebar-header,
#bookmarksPanel,
#bookmarks-view,
#history-panel,
#historyTree,
#viewButton {
  background: gray !important;
  color: yellow !important;
  font-size: 13px !important;
  max-width: 60em !important;
  min-width: 8em !important;
}

Отсутствует

 

№479130-10-2018 15:22:19

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 544
UA: Firefox 63.0

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

Как уменьшить в боковой панели интервал между строк в закладках и истории? Раньше работал такой код, теперь перестал.

Выделить код

Код:

/* Уменьшение интервала в боковой панели закладок и истории (нововведения с 25-й версии). Делает как раньше */
treechildren:-moz-tree-row {
    height: 1.3em !important;
    border-width: 1px !important;
}

Отсутствует

 

№479230-10-2018 16:42:28

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

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

xrun1
попробуйте на чистом профиле похоже у вас конфликт с другими стилями,
у меня тот код (второй) https://forum.mozilla-russia.org/viewto … 55#p762555 вполне себе работает.
Было

скрытый текст
https://imageshost.ru/images/2018/10/30/SNIMOK-EKRANA-V-2018-10-30-16-35-43.png

Стало
скрытый текст
https://imageshost.ru/images/2018/10/30/SNIMOK-EKRANA-V-2018-10-30-16-36-39.png

Отредактировано Vitaliy V. (30-10-2018 16:43:11)

Отсутствует

 

№479330-10-2018 17:33:03

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 544
UA: Firefox 63.0

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

Vitaliy V.
Да, на чистом всё отлично. Буду искать, где конфликт.
UPD: Вдруг всё само заработало, мистика.:)

Отредактировано xrun1 (30-10-2018 17:54:10)

Отсутствует

 

№479430-10-2018 23:14:20

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 544
UA: Firefox 63.0

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

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

Отсутствует

 

№479531-10-2018 00:09:17

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

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

xrun1
для #BMB https://forum.mozilla-russia.org/viewto … 71#p762671
ну или побольше

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

Выделить код

Код:

panelview :-moz-any(.subview-subheader,.toolbarbutton-1,.subviewbutton),
menupopup .subviewbutton {
    min-height: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}


для других меню писать неохота например панель меню -> закладки там -moz-appearance: menuitem; зависит от темы ОС стиль больше нужен ...

Отредактировано Vitaliy V. (31-10-2018 00:14:29)

Отсутствует

 

№479631-10-2018 09:23:20

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 544
UA: Firefox 63.0

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

Vitaliy V.
Наверное, можно использлвать этот стиль.
https://forum.mozilla-russia.org/viewtopic.php?pid=762974#p762974

Отсутствует

 

№479731-10-2018 10:20:04

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

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

xrun1
причем тут тот стиль к тому же кривоватый?
вот так можно использовать, но речь то не о treechildren

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

Выделить код

Код:

:-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-row {
    min-height: 18px !important;
    height: 1.3em !important;
}

Отредактировано Vitaliy V. (31-10-2018 10:25:18)

Отсутствует

 

№479831-10-2018 15:03:09

toxa
Участник
 
Группа: Members
Зарегистрирован: 11-04-2012
Сообщений: 223
UA: Firefox 56.0

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

Vitaliy V. пишет:

toxa пишет:

А если я  хочу настроить адресную строку, панели...?

The Browser Toolbox enables you to debug add-ons and the browser's own JavaScript code rather than just web pages like the normal Toolbox.

Именно для этого - для интерфейса [firefox], не путайте с обычной панелью инструментов для веб-страниц,
но сначала откройте их и в настройках включите:
"Включить инструменты отладки browser chrome и дополнений"
"Включить удалённую отладку"
после этого в меню Инструменты -> Веб-разработка появится пункт "Инструменты браузера" или сочетание клавиш Ctrl+Alt+Shift+I для вызова инструментов

Во как, не знал этого!
Ну я попробовал - работать с ним можно, но по удобству и продуманности интерфейса - с DOМ Inspector-ом никакого сравнения. Но все равно спасибо!


Ну раз уж тут идет разговор о treechildren, может кто подскажет. Как получить текст подсказки Гугла из выпадающего списка searchbar браузера. Не на странице Гугла, а в самом браузере! Там все подсказки находятся в контейнере xul:treechildren и как добраться до отдельно взятой подсказки я не знаю.

Понято, что это не из области css, а скорее js. Ну чтоб уже два раза не вставать.

Отсутствует

 

№479931-10-2018 19:35:32

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

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

toxa пишет:

получить текст подсказки ...

Это не конкретно для tree (в новых версиях [firefox] там уже нет tree) а для панели #PopupSearchAutoComplete
получить текст можно так, просто примеры:

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

Выделить код

Код:

document.querySelector("#PopupSearchAutoComplete").addEventListener("popupshowing", function() {
    var index = 0; // индекс свой подставляете или находите...
    console.log(this.view.getLabelAt(index));
}, false);

так получить текст самой нижней подсказки

Выделить код

Код:

document.querySelector("#PopupSearchAutoComplete").addEventListener("popupshowing", function() {
    var view = this.view;
    console.log(view.getLabelAt((view.rowCount || view.matchCount)-1));
}, false);

Отредактировано Vitaliy V. (31-10-2018 20:10:45)

Отсутствует

 

№480001-11-2018 11:43:13

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 106
UA: Firefox 52.0

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

Vitaliy V., подскажите, пожалуйста можно ли получить в последних версиях [firefox] следующие настройки?

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

Интересуюсь потому раньше (на 52.9.0) всё это прекрасно работало через модификацию вашего же стиля:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace svg url("http://www.w3.org/2000/svg");
/*AGENT_SHEET*/
/*
Автор: Виталий В.
Описание: Для Firefox 31 и выше.
ОС: Windows, Linux.
Сайт: https://sites.google.com/site/serials101
*/
@-moz-document url(chrome://browser/content/browser.xul) {
/*Вернуть пустую иконку на вкладке*/
.tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]):not([crashed]) {
    display: -moz-box !important;
    transition-property: visibility !important;
    transition-delay: 20ms !important;
}

.tabbrowser-tab:not([pinned])[busy] .tab-throbber + .tab-icon-image:not([src]):not([crashed]) {
    display: none !important;
}
/*-----------------------*/

/*Настройки вкладок*/
#tabbrowser-tabs {
    min-height: 28px !important;
}

.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
    -moz-padding-start: 0px !important;
    -moz-padding-end: 0px !important;
}

.tabbrowser-tab {
    border-left: 2px solid !important;
    border-top: 2px solid !important;
    border-right: 2px solid !important;
    border-bottom: none !important;
    -moz-margin-start: 1px !important;
    -moz-border-top-colors: transparent transparent !important;
    -moz-border-left-colors: transparent transparent !important;
    -moz-border-right-colors: transparent transparent !important;
    border-radius: 5px 5px 0px 0px !important; /*Радиус углов вкладок*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    pointer-events: auto !important;
}

.tabbrowser-tab[selected="true"] {
    -moz-border-top-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
}

#TabsToolbar {
    margin-bottom: 0px !important;
    background-image: none !important;
}

#navigator-toolbox > #TabsToolbar {
    -moz-padding-start: 6px !important;
    -moz-padding-end: 0;
}

#main-window:not([inFullscreen]) #toolbar-menubar:not([autohide="true"]) ~ #TabsToolbar,
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"]:not([inactive]) ~ #TabsToolbar {
    margin-top: 0px !important;
}

#TabsToolbar .toolbarbutton-1 {
    margin-bottom: 0px !important;
}

#TabsToolbar .toolbarbutton-1:not([type="menu-button"]),
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
    margin-bottom: 0px !important;
}

#TabsToolbar .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    background-color: -moz-dialog !important;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.33)70%, rgba(255,255,255,0.3)100%) !important;
}

#TabsToolbar .tabbrowser-tab[selected="true"]:-moz-lwtheme {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)10%, rgba(255, 255, 255, 0.2)70%, rgba(255, 255, 255, 0.15)100%), linear-gradient(rgba(229,229,229,0.40), rgba(229,229,229,0.40)) !important; /*цвет фона активной вкладки*/
}

.tab-stack {
    margin-top: -2px !important;
    -moz-margin-end: -2px !important;
    -moz-margin-start: -2px !important;
}

.tab-background {
    min-height: 26px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 2px !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid transparent !important;
    -moz-border-top-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    border-radius: 7px 7px 0px 0px !important; /*Радиус углов вкладок*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    background-image: linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
}

.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
    -moz-border-top-colors: transparent transparent !important;
    -moz-border-left-colors: transparent transparent !important;
    -moz-border-right-colors: transparent transparent !important;
    background-image: none !important;
}

.tab-background-middle {
    margin-top: -1px !important;
    -moz-margin-end: -1px !important;
    -moz-margin-start: -1px !important;
    border-radius: 7px 7px 0px 0px !important; /*Радиус углов вкладок*/
    background-image: none !important;
    background-color: transparent !important;
    background-clip: padding-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
}

.tab-content {
    margin-top: 2px !important;
}   
   
.tab-content:not([pinned]) {
    -moz-padding-end: 6px !important;
    -moz-padding-start: 6px !important;
}

.tab-content > .tab-close-button > .toolbarbutton-icon {
    width: 16px !important;
    height: 16px !important;
}

.tab-icon-overlay {
    margin-top: -8px !important;
}

.tab-icon-sound {
    margin: 0 !important;
}

.tab-background-middle,
.tab-background-start,
.tab-background-end,
.tabbrowser-tab::after,
.tabbrowser-tab::before,
#TabsToolbar::after {
    display: none !important;
}

.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
    margin-bottom: 0 !important;
}

.tabs-newtab-button {
    width: 30px !important; /*Ширина кнопки*/
    margin-top: 6px !important; /*Отступ сверху*/
    -moz-margin-end: 0px !important;
    -moz-margin-start: 2px !important; /*Отступ от края ближайшей вкладки*/
    border-left: 2px solid !important;
    border-top: 2px solid !important;
    border-right: 2px solid !important;
    border-bottom: none !important;
    -moz-border-top-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    border-radius: 6px 12px 0px 0px !important; /*Радиус углов кнопки "открыть новую вкладку"*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    background-image: linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
    background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.50)), linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
    background-position: 1px 1px !important;
    background-size: calc(100% - 2px) calc(100% - 1px) !important;
}

#TabsToolbar .toolbarbutton-1:not([disabled="true"]):hover,
#TabsToolbar .toolbarbutton-1[open],
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
    background-position: 1px 0, 0 -1px, 100% -1px !important;
}

.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
    background-position: center !important;
}

.titlebar-placeholder[type="caption-buttons"] {
    margin-left: 1px !important;
}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
    background-color: -moz-Dialog !important;
}

@media (-moz-windows-default-theme) {
@media (-moz-os-version: windows-vista),
         (-moz-os-version: windows-win7) {
  #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
    background-color: hsl(210,75%,92%) !important;
  }

  #TabsToolbar .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    background-color: hsl(210,75%,92%) !important;
  }
}
}

#nav-bar {
    box-shadow: none !important;
    border-top: 1px solid hsla(209,67%,12%,0.35) !important;
}

#nav-bar:not(:-moz-lwtheme) {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.30)0%, rgba(255,255,255,0.25)30%, rgba(255,255,255,0)100%) !important;
}

#nav-bar:-moz-lwtheme {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15)0%, rgba(255, 255, 255, 0)100%), linear-gradient(to bottom, rgba(229,229,229,0.40)0%, rgba(229,229,229,0.05)100%) !important; /*цвет фона панели навигации*/
    border-top-color: transparent !important;
}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
    background-image: none !important;
}
/*---------------------------*/

/*Tab Mix Plus*/
.tabbrowser-tabs:not([treestyletab-mode="vertical"]) > .tabbrowser-tab > .tab-stack > .tab-progress-container > .tab-progress {
    margin-top: 4px !important;
}
/*-----------------------*/

/*Tab Utilities*/
#tabbrowser-tabs #PinnedTabsBarItems {
    -moz-padding-start: 0 !important;
    -moz-margin-end: 0 !important;
}

#tabbrowser-tabs[overflow] #PinnedTabsBarItems {
    -moz-margin-end: -15px !important;
}

.tabbrowser-tab[locked]:not([pinned]) .tab-throbber:not([busy]) {
    -moz-margin-end: -8px !important;
}
/*-----------------------*/

/*Панель навигации*/
#nav-bar .toolbarbutton-1:not([type="menu-button"]):not(:-moz-any(#back-button, #forward-button)),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#nav-bar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#back-button {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    -moz-padding-start: 3px !important;
    -moz-padding-end: 0px !important;
}

#back-button > .toolbarbutton-icon {
    border: 1px solid hsla(210,4%,10%,.25) !important;
    box-shadow: none !important;
    padding: 3px !important;
    width: 26px !important;
    max-width: none !important;
    min-width: 0 !important;
    transition: none !important;
    background-clip: padding-box !important;
}

#nav-bar[brighttext] #back-button > .toolbarbutton-icon, #nav-bar[brighttext] #forward-button > .toolbarbutton-icon {
    border-color: rgba(255,255,255,.35) !important;
}

#nav-bar #back-button[open="true"] > .toolbarbutton-icon,
#nav-bar #forward-button[open="true"] > .toolbarbutton-icon {
    border-color: hsla(210,4%,10%,.15) !important;
}

#nav-bar[brighttext] #back-button[open="true"] > .toolbarbutton-icon,
#nav-bar[brighttext] #forward-button[open="true"] > .toolbarbutton-icon {
    border-color: rgba(255,255,255,.2) !important;
}

#forward-button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#nav-bar #PanelUI-menu-button {
    -moz-padding-start: 3px !important;
    -moz-padding-end: 3px !important;
}

#nav-bar #PanelUI-button {
    background: none !important;
    -moz-border-start: 1px solid;
    border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent);
    border-image-slice: 1;
}

window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
    -moz-margin-start: -6px !important;
}

@media (-moz-os-version: windows-win10) {
#back-button > .toolbarbutton-icon {
    padding: 4px !important;
    width: 28px !important;
}

window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
    -moz-margin-start: -8px !important;
}
}

#urlbar-search-splitter {
    min-width: 4px !important;
    width: 4px !important;
    -moz-margin-start: -3px !important;
}
   
#urlbar:-moz-locale-dir(ltr) {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

#urlbar:-moz-locale-dir(rtl) {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
   
.searchbar-textbox {
    border-radius: 5px !important;
}

и результат был прекрасный:
скрытый текст
https://b.radikal.ru/b04/1808/8c/5a28f81189d6t.jpg

Отсутствует

 

Board footer

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