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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№725118-12-2019 22:28:07

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1734
UA: Firefox 52.0

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

Vitaliy V. пишет

kokoss пишет:

    Сделать так что бы значок менял цвет при нахождении в "Приватном окне"? И сдвинуть немного влево значок "Приватного окна"?

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

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


Win7

Отсутствует

 

№725219-12-2019 00:29:17

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

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

kokoss пишет

Имелось в виду, вот такой формы:... но теперь не работает ваш стиль по изменению цвета значка ...

можно конечно просто заменить иконку но стоит попробовать с настройкой svg.context-properties.content.enabled - true
чтобы -moz-context-properties работало не только через chrome:// resource://

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

Выделить код

Код:

#privatebrowsing-button {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><circle cx='8' cy='8' r='8' fill='context-fill rgb(141, 32, 174)'/><path fill='context-stroke white' d='M 11.3,11 C 10.1,11 9.2,9.5 8,9.5 6.81,9.5 5.87,11 4.7,11 3.16,11 2.02,9.54 2,7.05 1.99,5.5 2.45,5 4.45,5 6.45,5 7.04,5.82 8,5.82 8.97,5.82 9.56,5 11.6,5 13.6,5 14,5.5 14,7.04 14,9.54 12.9,11 11.3,11 Z M 5.43,6.91 A 1.74,1.74 0 0 0 3.72,7.86 2.05,2.05 0 0 0 5.31,8.54 C 6.09,8.54 7.02,8.25 7.02,8 A 1.43,1.43 0 0 0 5.43,6.91 Z M 10.6,6.91 A 1.43,1.43 0 0 0 8.98,8 C 8.98,8.25 9.91,8.54 10.7,8.54 A 2.05,2.05 0 0 0 12.3,7.86 1.74,1.74 0 0 0 10.6,6.91 Z'/></g></svg>") !important;
    -moz-context-properties: fill, stroke !important;
    fill: #757575 !important;
    stroke: #ffffff !important;
}
*|*:root[privatebrowsingmode="temporary"] #privatebrowsing-button {
    fill: #8d20ae !important;
    stroke: #ffd700 !important;
}


если будут мешать др. стили можно добавить #privatebrowsing-button image {

Отредактировано Vitaliy V. (19-12-2019 01:06:09)

Отсутствует

 

№725319-12-2019 13:47:05

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1596
UA: Firefox 68.0

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

Vitaliy V.
Ваш стиль для отображения attr(label) не работает совместно со стилем скрытия заголовка и панели вкладок. Можете первый поправить?

С него все началось со скрытием заголовка и вот опять. :)

Отсутствует

 

№725419-12-2019 14:16:07

PEAKTOP
Участник
 
Группа: Members
Зарегистрирован: 07-10-2009
Сообщений: 116
UA: Firefox 71.0

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

А какой параметр отвечает за фон панели вкладок? Хочу покрасить пустое место в панели вкладок отображаемой несколько строк градиентом, могли бы написать строчку кода?
115ba7399b3fa86651cb50e292769354.jpg

Отредактировано PEAKTOP (19-12-2019 14:17:38)


1. Приму из добрых рук щедрый дар - инвайт на Хабр и Лепру
2. Бессмысленно осмысливать смысл неосмысленными мыслями!
3. Прежде чем подумать - подумай!

Отсутствует

 

№725519-12-2019 14:46:13

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1734
UA: Firefox 52.0

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

Vitaliy V. пишет

можно конечно просто заменить иконку но стоит попробовать с настройкой svg.context-properties.content.enabled - true
чтобы -moz-context-properties работало не только через chrome:// resource://

Этот параметр у меня включён!

Vitaliy V. пишет

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

Вот теперь ОТЛИЧНО 529d356c7ab0.gif

Добавлено 19-12-2019 14:52:11

PEAKTOP пишет

А какой параметр отвечает за фон панели вкладок?

/* Фон панели вкладок */
#TabsToolbar {background-color: #3d3d3d !important}

Отредактировано kokoss (19-12-2019 14:52:11)


Win7

Отсутствует

 

№725619-12-2019 16:12:20

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

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

_zt пишет

Ваш стиль для отображения attr(label) не работает совместно со стилем скрытия заголовка и панели вкладок

Это с вашим не работает, но не с моим
кто вам говорил что нужно hidden а не visible как у меня

скрытый текст
*|*:root:not([customizing="true"]) #tabbrowser-tabs {
    visibility: visible !important;

Отсутствует

 

№725719-12-2019 17:34:46

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1596
UA: Firefox 68.0

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

Vitaliy V.
А потому что в полноэкранном режиме, в персонализации, вкладки на панель навигации налазят. Их вообще в персонализации скрыть надо, для этого стиля. В общем, исправил, заработало. Спасибо.

Отредактировано _zt (19-12-2019 17:35:12)

Отсутствует

 

№725820-12-2019 14:05:41

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

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

Vitaliy V.
Виталий, хотел ещё попросить, может есть несложный способ добавить в стиль для отображения кнопки паузы в окнах загрузки, чтоб при наведении на кнопку паузы происходило такое же поведение, как при наведении на штатную кнопку отмены/повтора/откр.папки загрузок, т.е. выделение и изменение окраски значка и всплывающая подсказка Приостановить/Возобновить при наведении указателя мыши, примерно так, как это было раньше при использовании для окна загрузки дополнения Downloads Window. Понятное дело, что это лишь не особо нужный марафет, не влияющий на функционал и моя блажь, но может это не слишком сложно осуществить. Под спойлером снимки, для большей наглядности, окон дополнения Downloads Window и окна ucjsDownloadsManager.uc.js, хотя последнее наверное было и необязательно заливать. Спасибо.

скрытый текст
dd82cb92d77f.png824ef4e72cf5.png875fbebee326.png

Vitaliy V. пишет

sandro79
Если бы было не сложно то сделал бы, как таковых кнопок там нет есть псевдоэлементы...можно скриптом отслеживать движение мыши но оно того не стоит.

Понятно. Спасибо. Было сомнение, что это не так просто, но подумал,- а вдруг получится :) Согласен, скрипт для этого украшательства не стоит делать.

Отредактировано sandro79 (20-12-2019 16:28:52)

Отсутствует

 

№725920-12-2019 14:59:18

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

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

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

Отсутствует

 

№726020-12-2019 17:47:33

haze242
Участник
 
Группа: Members
Зарегистрирован: 20-12-2019
Сообщений: 2
UA: Firefox 68.0

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

Пытаюсь скрыть только надпись Not Secure, а прибивается весь identity-box... Что я не так делаю?
Огнелис 70-ый.

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

Выделить код

Код:

#identity-box:-moz-any(.notSecureText){
  visibility: collapse !important;
}

2e5efbe30d34b1c9a89073eb7dcdba8e.png

Отсутствует

 

№726121-12-2019 02:16:43

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 319
UA: Firefox 71.0

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

haze242 пишет

Пытаюсь скрыть только надпись Not Secure, а прибивается весь identity-box... Что я не так делаю?
Огнелис 70-ый.

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

Выделить код

Код:

#identity-box:-moz-any(.notSecureText){
  visibility: collapse !important;
}

https://i111.fastpic.ru/big/2019/1220/8 … cdba8e.png

Так в about:config есть отдельный параметр, что убрать текст.

about:config > security.insecure_connection_text.enabled > true
about:config > security.insecure_connection_text.pbmode.enabled > true (для режима инкогнито)

Ещё можно с замочком пошаманить
security.insecure_connection_icon.enabled
security.insecure_connection_icon.pbmode.enabled

Отсутствует

 

№726221-12-2019 08:42:13

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 481
UA: Firefox 71.0

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

Vitaliy V. а можно ли добавить кнопку паузы еще в стандартную кнопку загрузки и about:downloads

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

Отредактировано Andrey_Krropotkin (21-12-2019 09:45:23)

Отсутствует

 

№726321-12-2019 12:01:49

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1734
UA: Firefox 52.0

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

Vitaliy V.
Возможно ли добавить своё изображение:

сюда
86f1d27c6309.png


Win7

Отсутствует

 

№726421-12-2019 17:09:44

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

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

Andrey_Krropotkin пишет

а можно ли добавить кнопку паузы еще в стандартную кнопку загрузки и about:downloads

Думаю да, завтра подумаю как

kokoss пишет

Возможно ли добавить своё изображение:

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body {
    background-image: url("./png/background.png") !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
}

Отсутствует

 

№726521-12-2019 19:12:44

haze242
Участник
 
Группа: Members
Зарегистрирован: 20-12-2019
Сообщений: 2
UA: Firefox 68.0

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

Acid Crash пишет

Так в about:config есть отдельный параметр, что убрать текст

Круть! Спасибо, не знал.

Отсутствует

 

№726621-12-2019 19:47:01

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

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

Vitaliy V. Я на счёт добавления изображения в about:newtab хотел спросить. А возможно ли ещё сменить цвет надписей названий плиток в топе сайтов на белый?
Я долгое время использую стиль для тёмного фона about:newtab отсюда, но естественно изображение как-то более приятно, его можно поменять при желании. Я нашёл строку, отвечающую за белый цвет надписей плиток, но меняется ещё и цвет в окнах настроек плитки и ничего не видно --newtab-text-primary-color: #F9F9FA !important; Белый лучше различим на не слишком ярких изображениях. Может можно как-то задать текст только для надписей под плитками. Спасибо.

снимки
скрытый текст
a3dafff28ae5.png

скрытый текст
2441dbfb2d45.png


Прошу прощения, поторопился, всё же не то я изначально нашёл, теперь нашёл то, что действительно нужно было --newtab-topsites-label-color: rgba(249, 249, 250, 0.8) !important; - цвет подписей плиток. И цвет меню "Топ сайтов" 2f671c1ca6fe.png   --newtab-section-header-text-color: rgba(249, 249, 250, 0.8) !important;
:dumb:
b8c61fb4d44f.png

Отредактировано sandro79 (21-12-2019 20:35:03)

Отсутствует

 

№726721-12-2019 20:22:00

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1734
UA: Firefox 52.0

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

Vitaliy V.
Классссссно 529d356c7ab0.gif!!!

Отредактировано kokoss (22-12-2019 16:27:48)


Win7

Отсутствует

 

№726821-12-2019 20:35:14

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

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

sandro79 пишет

Может можно как-то задать текст только для надписей под плитками.

Может лучше обновить стиль, теперь оно встроено в [firefox]
resource://activity-stream/css/activity-stream.css

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body {
    --newtab-background-color: #2A2A2E !important;
    --newtab-border-primary-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-border-secondary-color: rgba(249, 249, 250, 0.1) !important;
    --newtab-button-primary-color: #0060DF !important;
    --newtab-button-secondary-color: #38383D !important;
    --newtab-element-active-color: rgba(249, 249, 250, 0.2) !important;
    --newtab-element-hover-color: rgba(249, 249, 250, 0.1) !important;
    --newtab-icon-primary-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-icon-secondary-color: rgba(249, 249, 250, 0.4) !important;
    --newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4) !important;
    --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2) !important;
    --newtab-link-primary-color: #45A1FF !important;
    --newtab-link-secondary-color: #50BCB6 !important;
    --newtab-text-conditional-color: #F9F9FA !important;
    --newtab-text-primary-color: #F9F9FA !important;
    --newtab-text-secondary-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-textbox-background-color: #38383D !important;
    --newtab-textbox-border: rgba(249, 249, 250, 0.2) !important;
    --newtab-textbox-focus-color: #45A1FF !important;
    --newtab-textbox-focus-boxshadow: 0 0 0 1px #45A1FF, 0 0 0 4px rgba(69, 161, 255, 0.3) !important;
    --newtab-feed-button-background: #38383D !important;
    --newtab-feed-button-text: #F9F9FA !important;
    --newtab-feed-button-background-faded: rgba(56, 56, 61, 0.6) !important;
    --newtab-feed-button-text-faded: rgba(249, 249, 250, 0) !important;
    --newtab-feed-button-spinner: #D7D7DB !important;
    --newtab-contextmenu-background-color: #4A4A4F !important;
    --newtab-contextmenu-button-color: #2A2A2E !important;
    --newtab-modal-color: #2A2A2E !important;
    --newtab-overlay-color: rgba(12, 12, 13, 0.8) !important;
    --newtab-section-header-text-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-section-navigation-text-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-section-active-contextmenu-color: #FFF !important;
    --newtab-search-border-color: rgba(249, 249, 250, 0.2) !important;
    --newtab-search-dropdown-color: #38383D !important;
    --newtab-search-dropdown-header-color: #4A4A4F !important;
    --newtab-search-header-background-color: rgba(42, 42, 46, 0.95) !important;
    --newtab-search-icon-color: rgba(249, 249, 250, 0.6) !important;
    --newtab-search-wordmark-color: #FFF !important;
    --newtab-topsites-background-color: #38383D !important;
    --newtab-topsites-icon-shadow: none !important;
    --newtab-topsites-label-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-card-active-outline-color: #4A4A4F !important;
    --newtab-card-background-color: #38383D !important;
    --newtab-card-hairline-color: rgba(249, 249, 250, 0.1) !important;
    --newtab-card-placeholder-color: #4A4A4F !important;
    --newtab-card-shadow: 0 1px 8px 0 rgba(12, 12, 13, 0.2) !important;
    --newtab-snippets-background-color: #38383D !important;
    --newtab-snippets-hairline-color: rgba(255, 255, 255, 0.1) !important;
    --trailhead-header-text-color: rgba(255, 255, 255, 0.6) !important;
    --trailhead-cards-background-color: rgba(12, 12, 13, 0.1) !important;
    --trailhead-card-button-background-color: rgba(12, 12, 13, 0.3) !important;
    --trailhead-card-button-background-hover-color: rgba(12, 12, 13, 0.5) !important;
    --trailhead-card-button-background-active-color: rgba(12, 12, 13, 0.7) !important; 
}
}

Отредактировано Vitaliy V. (21-12-2019 20:40:24)

Отсутствует

 

№726921-12-2019 20:53:36

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

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

Vitaliy V. пишет

Может лучше обновить стиль, теперь оно встроено в [firefox]
resource://activity-stream/css/activity-stream.css

Да, понял, благодарю. Виталий, да я вроде разобрался, ещё немного поднапрягшись, выше сообщение подправил. Да, этот стиль я тоже заберу, \browser\features --> activity-stream@mozilla.org.xpi уже давно удалили и несомненно стиль немного изменился. Буду разбираться и дальше рихтовать about:newtab. Огромное Спасибо.
А если ещё и гифку поставить, так вообще красота, надо mp4 еще попробовать :)

видео
500188261253.jpg

Отредактировано sandro79 (21-12-2019 21:51:34)

Отсутствует

 

№727022-12-2019 14:38:50

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Пользовательская картинка в about:newtab. Как полностью погасить "стробоскоп" (вспышку белого) при загрузке браузера? Особенно заметно, если картинка темная.
Немного облегчает ситуацию установка темного фона при загрузке страницы, но неприятная вспышка на долю секунды все равно остается.

Отсутствует

 

№727122-12-2019 16:27:09

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1734
UA: Firefox 52.0

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

shadow_user
В конфиге переключить параметр_browser.startup.blankWindow на False


Win7

Отсутствует

 

№727222-12-2019 18:20:32

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

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

Andrey_Krropotkin пишет

можно ли добавить кнопку паузы еще в стандартную кнопку загрузки и about:downloads

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

не пытайтесь добавить этот код в др. скрипт или CB
[firefox] 78 +
user_chrome_files/custom_scripts/custom_script.js

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

Выделить код

Код:

(async ({DownloadsViewUI}) => {
    var origfunc = DownloadsViewUI.DownloadElementShell.prototype.connect;
    DownloadsViewUI.DownloadElementShell.prototype.connect = function connect() {
        var _origfunc = origfunc.apply(this, arguments);
        if (!this.element || !this._downloadButton)
            return _origfunc;
        var doc = this.element.ownerDocument;
        var button = doc.createXULElement("button");
        button.setAttribute("class", "downloadButton downloadPauseResumeButton");
        if (this.isPanel)
            button.addEventListener("mouseover", e => {
                e.preventDefault();
                e.stopPropagation();
            }, true);
        else
            button.setAttribute("tooltiptext", "Пауза/Продолжить");
        button.addEventListener("command", e => {
            if (!this.element._shell?.isCommandEnabled("downloadsCmd_pauseResume"))
                return;
            e.preventDefault();
            e.stopPropagation();
            this.element._shell.doCommand("downloadsCmd_pauseResume");
        });
        this._downloadButton.before(button);
        return _origfunc;
    };
})(ChromeUtils.import("resource:///modules/DownloadsViewUI.jsm"));


стиль
user_chrome_files/custom_styles/custom_style_user.css или импортируемом файле
скрытый текст

Выделить код

Код:

@-moz-document url-prefix("chrome:"), url("about:downloads") {
richlistbox > richlistitem.download-state[state="0"] > .downloadPauseResumeButton {
    list-style-image: url("./svg/download-pause.svg") !important;
}
richlistbox > richlistitem.download-state[state="4"] > .downloadPauseResumeButton {
    list-style-image: url("./svg/download-resume.svg") !important;
}
richlistbox > richlistitem.download-state[buttonhidden] .downloadPauseResumeButton,
richlistbox > richlistitem.download-state:not(:is([state="0"],[state="4"])) .downloadPauseResumeButton {
    display: none !important;
}
}


иконки svg (обновленные)
user_chrome_files/custom_styles/svg/download-pause.svg
скрытый текст

Выделить код

Код:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" fill="context-fill #0b0b0b">
    <path d="M 5,13.5 V 2.5 C 5,1.8 4,1.8 4,2.5 V 13.5 C 4,14.2 5,14.2 5,13.5 Z M 12,13.5 V 2.5 C 12,1.8 11,1.8 11,2.5 V 13.5 C 11,14.2 12,14.2 12,13.5 Z"/>
</svg>


user_chrome_files/custom_styles/svg/download-resume.svg
скрытый текст

Выделить код

Код:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" fill="context-fill #0b0b0b">
    <path d="M 4,13 12,8.02 4,3 Z M 3,13 V 3 A 1,1 0 0 1 4.53,2.15 L 12.5,7.17 A 1,1 0 0 1 12.5,8.88 L 4.53,13.8 A 1,1 0 0 1 3,13 Z" fill-rule="evenodd"/>
</svg>


И да теперь кнопки реагируют на :hover

Отредактировано Vitaliy V. (22-07-2021 16:26:56)

Отсутствует

 

№727322-12-2019 18:27:06

skillful
Участник
 
Группа: Members
Зарегистрирован: 18-06-2015
Сообщений: 21
UA: Firefox 71.0

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

Версия 71. Панель вкладок спустилась вниз браузера, а панель навигации не хочет. Помогите пожалуйста. Бюджет 300 р.

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url-prefix("chrome://browser/content/browser.x") {
   

   
/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 2 !important;
  box-shadow: none !important;
  border-bottom: 1px solid ThreeDShadow !important;
}




#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top: 1px solid ThreeDShadow !important;

}

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Более толстые кнопки Вперед-Назад */
/*#main-window:not(#f) #back-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}*/

/* Hide blue stripe on active tab
.tab-line[selected="true"] {
  opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки
.tab-line[selected="true"] {
  background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
  opacity: 0 !important;
}

/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
  position: fixed;
  bottom: 0em;
  width: 100%;
}




#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em;}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

/* Remove X from Tabs */
/*#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }*/

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
  width: 100vw !important;
  #content-deck { margin-bottom: 0em; }
  #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

  /* Position the Find Bar above the page */
  -moz-box-ordinal-group: 0;

  /* Move Find Bar border from top to bottom */
   border-top: none !important;
   border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}

window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}

#TabsToolbar {
  position: fixed !important;
  display:block !important;
  bottom: 0px !important;
  width: 100% !important;
}


   
}

Отсутствует

 

№727422-12-2019 22:42:48

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 481
UA: Firefox 71.0

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

Vitaliy V. спасибо все работает

Отсутствует

 

№727523-12-2019 00:12:36

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

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

Vitaliy V. пишет

И да теперь кнопки реагируют на :hover

Огромное Спасибо! Всё и везде работает. Как я понял places_win.js теперь уже не нужен и в моём случае с отдельным окном ucjsDownloadsManager.uc.js, можно удалить две строки loadScripts("places_win.js"); для его запуска из кода отсюда в скрипте custom_script_all_win.js, что я и сделал.
Виталий, а как вообще к user_chrome_files грамотно добавить сторонний скрипт, например favicon_in_urlbar.uc.js? Я его добавлял в "// Здесь может быть ваш код который сработает по событию "load" не раньше", и он работал и в самый низ скрипта и он работал, но так же неправильно делать, нужен запуск, лежащего рядом скрипта из custom_script_all_win.js. Может есть какое-то универсальное решение для запуска из нескольких строк для подобных скриптов? Спасибо.

Снимок
a96e0dbdfa4f.png

Отсутствует

 

Board footer

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