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

Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.

№467603-10-2018 19:33:38

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 62.0

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

egorsemenov06, здорово, что самостоятельно решили. Только бы ещё серое меню параметров поиска не выпадало. Было бы идеально.

Отсутствует

 

№467703-10-2018 23:42:07

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

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

dreamkz пишет

Только бы ещё серое меню параметров поиска не выпадало. Было бы идеально.

Как по мне, этот функционал не стОит убирать, но если уж прям так хочется, то пожалуйста.

Выделить код

Код:

#contentSearchSettingsButton {display: none !important;}

Отсутствует

 

№467808-10-2018 10:19:48

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 62.0

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

К теме минимализма:

Когда ставишь вкладки ниже адресной строки:

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

Выделить код

Код:

/*
 * hide_flashplugin_message_popup
 * разместить вкладки под адресной строкой.
 * при добавлении новых панелей нужное значение может меняться
 * 
 */
#TabsToolbar {
    -moz-box-ordinal-group: 2 !important;
}
#addon-bar {
    -moz-box-ordinal-group: 3 !important;
}


, то кнопки расширений в правой части панели инструментов наплывают на кнопки "Свернуть" "Минимизировать" "Закрыть". И когда нажимаешь на какую-нибудь кнопку расширения, то экран сворачивается. Эти три кнопки можно скрыть следующим кодом.

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

Выделить код

Код:

/* Hide min, max, close in title bar */

#titlebar-min, #titlebar-max, #titlebar-close
{ display: none !important; }

/* Hide minimize, restore, close in full screen */

#minimize-button, #restore-button, #close-button
{ display: none !important; }


Вместо "Свернуть" можно кликнуть на панель иконку [firefox] в панели задач [windows]. Вместо "Минимизировать" можно дважы кликнуть на пустое место в панели инструментов [firefox] или панели вкладок. Или просто потянуть окно [firefox] в любую сторону. А "Закрыть" [firefox] можно через гамбургер.

Отсутствует

 

№467908-10-2018 12:10:07

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

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

dreamkz пишет

Когда ставишь вкладки ниже адресной строки, то кнопки расширений в правой части панели инструментов наплывают на кнопки "Свернуть" "Минимизировать" "Закрыть".

А разве этим кодом кто-то ешё пользуется? Я им пользоваося ещё на 57 бета, некоторое время.
Проблема с кнопками, возможно проявляется в этом коде только в [windows] 10, в 7 и 8 такого нет.
Используйте или пакет от Aris или код из его пакета: chrome\css\tabs\tabs_below_navigation_toolbar.css.
На [windows] 10 не проверял, т.к. ею не пользуюсь, но скорее всего в стилях от Aris проблемы с кнопками быть не должно.

Отсутствует

 

№468008-10-2018 12:29:36

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 62.0

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

sandro79, в [windows] 10 тоже нет таких проблем. Но я отключил Menu Bar, поэтому кнопки расширений наплывали на кнопки "Свернуть" и "Закрыть".

sandro79 пишет

А разве этим кодом кто-то ешё пользуется?

Я не понимаю в CSS. Этот код уже устарел?

Отредактировано dreamkz (08-10-2018 12:56:12)

Отсутствует

 

№468108-10-2018 12:47:43

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

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

dreamkz, понял. Да, тот код уже кривоват под 57+ Попробуйте добавить код ниже, значением 22 можно регулировать отступ от кнопок до панели инструментов.
Может не совсем то, но код из пакета от Aris.

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

Выделить код

Код:

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 22px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 22px !important;
}

Отсутствует

 

№468208-10-2018 13:27:06

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 62.0

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

sandro79, попробовал. Появляется пустая верхняя панель кнопками "Свернуть", "Закрыть", но уже без меню File Edit View History и т.д. Сама по себе эта панель лишняя. А вот интересно, можно ли кнопку "Закрыть" браузер подцепить к панели инструментов? :D Я откючил закрытие браузера закрытием последней вкладки.

Отредактировано dreamkz (08-10-2018 13:27:58)

Отсутствует

 

№468309-10-2018 17:10:50

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

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

Как изменить цвет окна в firefox quantum ,и сделать его полупрозрачным?

Отредактировано Yajkin (09-10-2018 17:12:00)

Отсутствует

 

№468409-10-2018 19:00:16

MrDvD
Участник
 
Группа: Members
Зарегистрирован: 16-08-2018
Сообщений: 6
UA: Firefox 62.0

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

Здравствуйте!

Недавно узнал, что с помощью userContent.css можно создавать анимации для [firefox]. Попробовал - работает.
Но мне захотелось, чтобы избранные закладки выезжали только при выделенной адресной строке. Составил данный код:

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

Выделить код

Код:

#nav-bar {
    z-index: 1 !important;
}
#PersonalToolbar {
    margin-top: -23px !important;;
    transition: all 0.4s ease 0s !important;
}
#urlbar[focused="true"] > #PersonalToolbar {    
    margin-top: 0px !important;
    transition: all 0.4s ease 0s !important; 
}


Но почему-то он не работает, если приставить > #PersonalToolbar

Поможете разобраться в данной проблеме?:|

Отсутствует

 

№468509-10-2018 19:42:53

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

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

MrDvD, если правильно понял, то вот, но там ссылка уже нерабочая, залил архив на Яндекс диск https://yadi.sk/d/rveAQKtMuVodHg

Отсутствует

 

№468610-10-2018 12:52:16

MrDvD
Участник
 
Группа: Members
Зарегистрирован: 16-08-2018
Сообщений: 6
UA: Firefox 62.0

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

sandro79, нет, это даёт тот же эффект, что и этот код, но это не то.

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

Выделить код

Код:

#nav-bar {
    z-index: 1 !important;
}
#PersonalToolbar {    
    margin-top: -23px !important;
    transition: all 0.4s ease 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar {    
    margin-top: 0px !important;
    transition: all 0.4s ease 0s !important; 
}


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

Отредактировано MrDvD (10-10-2018 18:52:19)

Отсутствует

 

№468710-10-2018 20:59:11

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

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

MrDvD
немного изменил свой код + добавил анимацию, пробуйте
Скачать

P.S. срабатывает по событию focus а не click ...

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

Отсутствует

 

№468810-10-2018 22:18:55

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 62.0

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

Vitaliy V., теперь красота получилась. Плавно всплывает панель. Для небольших мониторов самое оно :rock: Да и вообще всем любителям минимализма. Спасибо!

Отсутствует

 

№468912-10-2018 16:43:59

MrDvD
Участник
 
Группа: Members
Зарегистрирован: 16-08-2018
Сообщений: 6
UA: Firefox 62.0

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

Vitaliy V. спасибо вам!:)

Теперь всё работает как я и хотел.

Отсутствует

 

№469015-10-2018 10:57:47

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 57.0

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

Vitaliy V.
В предыдущих версиях расширения Adds Toolbar and Buttons была очень удобная кнопка "Обновить". Нельзя ли её возвратьть на место?

Отсутствует

 

№469115-10-2018 13:59:36

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

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

Garalf
А какая у вас версия [firefox] ? В 57+ итак же есть перемещаемая кнопка обновить/стоп/дублировать по скм

Отсутствует

 

№469215-10-2018 23:04:28

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 62.0

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

Подскажите, пожалуйста, как подменю "Translate selected text" разместить в основном контекстном меню, вместо названия расширения "S.3 Translator"?

ID контекстного меню "S.3 Translator": #s3google_translator-menuitem-1
ID подменю "Translate selected text": #s3google_translator-menuitem-1 > menupopup:nth-child(1)
(спасибо Viatcheslav за подробную инструкцию)

скрытый текст
1a112d31ad2747e7f.png

Отсутствует

 

№469317-10-2018 16:44:50

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 62.0

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

Коменнатрий для таких чайников как я.
После некоторых экспериментов со стилями файл userChrome.css захламился вконец. И уже не помнишь что где находится. Чтобы навести порядок, создал в папке chrome отдельную папку css. В ней создал файл context.css. В этом файле прописаны стили для контекстного меню при клике правой кнопкой мыши.

Теперь все коды из основого файла стилей userChrome.css скопировал в файл context.css. Чтобы коды работали, для этого в userChrome.css задал импорт настроек

Выделить код

Код:

@import url(./css/context.css);

/* DO NOT DELETE THIS LINE */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Очень важно, чтобы строка импорта @import url начиналась до строки @namespace url. Иначе настройки импортироваться не будут.

Таким же образом из userChrome.css можно перенести в новые файлы css и другие настройки. Что существенно облегчит визуальное восприятие всего того, что вы натворили со стилями в [firefox] :lol:

Отредактировано dreamkz (17-10-2018 16:45:32)

Отсутствует

 

№469418-10-2018 11:23:57

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 62.0

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

При переключении со Светлой темы на Тёмную, элементы контекстного меню:

скрытый текст
8686288c29f469dae80411f3b4ef8101.png

и
скрытый текст
c5368e1132fb60fd4e6e850395f78cc8.png

, а также Боковая панель
скрытый текст
9b5e9a7a7e3a5ffac7826e71a56ac6f3.png

не меняют свой цвет и шрифт. Помогите с помощью userChrome.css исправить эту проблему; чтобы Цвет и Шрифт у этих менюшек менялись в зависимости от выбранной темы.

P.S.: И еще одна проблема: как прописать отдельно для Светлой темы, и отдельно для Тёмной, чтобы  Цвет папок в Закладках и в Боковой панели закладок менялся в зависимости от включённой темы. Сейчас пользуюсь Кодом, который, любезно, написал мне пользователь форума Vitaliy V.:rock:

скрытый текст
/* Цветные папки в Закладках и в Боковой Панели
treechildren::-moz-tree-image(container),
menu.bookmark-item[container="true"] {
    fill: #00bfff !important;
    fill-opacity: 1 !important;
}

, так вот, как правильно нужно дописать в этот Код "-moz-lwtheme-darktext" и "-moz-lwtheme-brighttext", чтоб цвет папок менялся в зависимости от включённой темы?

Отредактировано v4386 (18-10-2018 11:33:01)

Отсутствует

 

№469518-10-2018 13:13:29

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

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

v4386 пишет

, так вот, как правильно нужно дописать в этот Код "-moz-lwtheme-darktext" и "-moz-lwtheme-brighttext", чтоб цвет папок менялся в зависимости от включённой темы?

Приветствую.
Пример поддежки темной темы можно подсмотреть в CustomCSSforFx от Aris-t2
Вот пример для перекраски Адресной строки (109 строка).

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

В теории (которая работает))) за темную тему отвечает вот такая конструкция

Выделить код

Код:

#main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme-brighttext

Можете сравнить стоку 7 (для светлой) и 109 (для темной).

Отсутствует

 

№469618-10-2018 16:45:56

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 62.0

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

Здравствуйте, Acid Crash!
Я не очень-то хорошо разбираюсь (точнее, практически, не разбираюсь) в написании кода, поэтому для меня это тёмный лес. Я попробовал вариации вставки "-moz-lwtheme-darktext" и "-moz-lwtheme-brighttext" в тот код, который я привел в своём прошлом посте - ничего не изменяется. Понятно, что как-то надо прописать это, но как я не знаю. И, к сожалению, тот пример что вы мне приводите, никак не приближает меня к решению этого вопроса.

Отсутствует

 

№469718-10-2018 17:26:34

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

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

v4386 пишет

Здравствуйте, Acid Crash!
Я не очень-то хорошо разбираюсь (точнее, практически, не разбираюсь) в написании кода, поэтому для меня это тёмный лес. Я попробовал вариации вставки "-moz-lwtheme-darktext" и "-moz-lwtheme-brighttext" в тот код, который я привел в своём прошлом посте - ничего не изменяется. Понятно, что как-то надо прописать это, но как я не знаю. И, к сожалению, тот пример что вы мне приводите, никак не приближает меня к решению этого вопроса.

Не очень понял, что в вашем примере treechildren::-moz-tree-image(container) должен красить, второй - вроде папки в закладках.
Вот пример чтоб реагировал на темную тему.

Выделить код

Код:

menu.bookmark-item[container="true"] {
    fill: #00bfff !important;
    fill-opacity: 1 !important;
}

#main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme-brighttext menu.bookmark-item[container="true"] {
    fill: red !important;
}

Отсутствует

 

№469818-10-2018 19:00:14

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 62.0

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

Acid Crash
Спасибо, что откликнулись на мою просьбу.
Проверил сейчас ваш код - работает, но Папки в Боковой панели закладок остаются не перекрашенными. Опытным путём выяснил, что строка: treechildren::-moz-tree-image(container) в коде Vitaliy V., красит, как раз-таки, Папки в Боковой панели закладок. Так вот, можете как-то вставить эту строку в свой код, либо оптимизировать код Vitaliy V., который я приводил выше, чтобы Папки были окрашены и в Боковой панели закладок.?

Добавлено 18-10-2018 19:18:48
Acid Crash
Пробовал сейчас в ваш код вставить строку treechildren::-moz-tree-image(container), а также fill-opacity: 1 !important;

Выделить код

Код:

#main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme-brighttext
treechildren::-moz-tree-image(container), 
menu.bookmark-item[container="true"] {
    fill: red !important;
    fill-opacity: 1 !important;
}

но у меня ничего хорошего из этого не вышло: Папки в Боковой панели закладок всё равно не перекрашиваются.

Отредактировано v4386 (18-10-2018 19:18:48)

Отсутствует

 

№469918-10-2018 20:50:58

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

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

v4386
в боковой панели стилем (css) и не получится сделать зависимым от темы, там другие документы, а :-moz-lwtheme... для chrome://browser/content/browser.xul
Если сильно нужно можно с биндингом сделать, но вы что так часто меняете тёмную тему на светлую и наоборот?

Насчёт стиля для меню у меня для новых [firefox] нет, а там двумя строчками кода не обойтись, ищите готовые стили или проще всего поменять системную тему

скрытый текст
SNIMOK-EKRANA-V-2018-10-18-20-48-23.png

Отсутствует

 

№470019-10-2018 22:16:14

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

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

Vitaliy V.
Решил спросить по поводу сайдбара у Aris
Он посоветовал сделать вот так.
Правда у меня только на Ночнушке сработало, а на Релизе - никак. Что-то не могу в ДевТулсах найти те стили #bookmarksPanel, которые он использует для определения темной темы.
https://github.com/Aris-t2/CustomCSSfor … -431406119
https://github.com/Aris-t2/CustomCSSfor … -431445316


Для ночнушки работает вот это

Выделить код

Код:

#bookmarksPanel[style="--newtab-background-color:rgba(42, 42, 46, 1); --newtab-text-primary-color:rgba(249, 249, 250, 1); --lwt-sidebar-background-color:rgb(56, 56, 61); --lwt-sidebar-text-color:rgba(249, 249, 250, 1);"] treechildren::-moz-tree-image(title, container) {
fill: red !important;
}

#bookmarksPanel[style="--newtab-background-color:rgba(42, 42, 46, 1); --newtab-text-primary-color:rgba(249, 249, 250, 1); --lwt-sidebar-background-color:rgb(56, 56, 61); --lwt-sidebar-text-color:rgba(249, 249, 250, 1);"] treechildren::-moz-tree-image(title, open) {
fill: red !important;
}

Может у вас выйдет.

Отредактировано Acid Crash (19-10-2018 22:17:03)

Отсутствует

 

Board footer

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