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

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

№627611-08-2019 18:37:24

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 68.0

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

Вит
Да любая, все выглядят одинаково. Но по умолчанию 66...Разрядность тоже без разницы...
ar2kw43z.png

Отсутствует

 

№627713-08-2019 21:33:03

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

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

sandro79 пишет

Пока неработающие стили отключил.

Пока вспомнил попробуйте включить для [nightly] 70

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#urlbar:not(.megabar) > #urlbar-input-container > .urlbar-history-dropmarker,
#urlbar > .urlbar-history-dropmarker {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='openPanel'><implementation><constructor><![CDATA[ var { UrlbarView } = ChromeUtils.import('resource:///modules/UrlbarView.jsm'); if ('orig_openPanel' in UrlbarView.prototype) return; var sandbox = Cu.Sandbox(Cu.getObjectPrincipal(UrlbarView.prototype), {}); sandbox.UrlbarView = UrlbarView; Cu.evalInSandbox(` Object.defineProperty(UrlbarView.prototype, 'orig_openPanel', { value: UrlbarView.prototype._openPanel, enumerable: false }); var openPanel = { _openPanel() { this.orig_openPanel.apply(this, arguments); let inputRect = this.input.textbox.getBoundingClientRect(); let px = number => number.toFixed(2) + 'px'; this.panel.style.setProperty('--v-panel-left', px(inputRect.left)); this.panel.style.setProperty('--v-panel-right', px(inputRect.right)); this.panel.style.setProperty('--v-panel-width', px(inputRect.right - inputRect.left)); } }; Object.defineProperty(UrlbarView.prototype, '_openPanel', { value: openPanel._openPanel, enumerable: false }); `, sandbox); ]]></constructor></implementation></binding></bindings>#openPanel") !important;
}
#urlbar:not(.megabar) > .urlbarView,
#urlbar-results {
    left: var(--v-panel-left, 0) !important;
    right: var(--v-panel-right, 0) !important;
    min-width: var(--v-panel-width, 100%) !important;
    max-width: var(--v-panel-width, 100%) !important;
}
#urlbar:not(.megabar) *|*.urlbarView-body-inner,
#urlbar-results *|*.urlbarView-body-inner {
    max-width: var(--v-panel-width, 100%) !important;
}
#urlbar:not(.megabar) *|*.urlbarView-row,
#urlbar-results *|*.urlbarView-row {
    padding-inline-start: 2px !important;
    padding-inline-end: 2px !important;
}
#urlbar:not(.megabar) .search-one-offs {
    padding-inline-start: 5px !important;
    padding-inline-end: 5px !important;
}
/* Прозрачность */
#urlbar > .urlbarView, #urlbar-results, panel[type="autocomplete-richlistbox"], #PopupSearchAutoComplete {
    --arrowpanel-dimmed: rgba(60,60,65,0.4) !important;
    --arrowpanel-dimmed-further: Highlight !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(250,250,255,0.3) !important;
    --chrome-content-separator-color: rgba(250,250,255,0.3) !important;
    --arrowpanel-border-color: rgba(250,250,255,0.3) !important;
    --arrowpanel-background: rgba(10,10,15,0.8) !important;
    --autocomplete-popup-background: rgba(10,10,15,0.8) !important;
    --autocomplete-popup-color: rgb(240,240,245) !important;
    --arrowpanel-color: rgb(240,240,245) !important;
    --panel-disabled-color: rgb(190,190,195) !important;
    --urlbar-popup-url-color: LightSkyBlue !important;
    --urlbar-popup-action-color: Aquamarine !important;
    border: 1px solid var(--chrome-content-separator-color) !important;
}
#urlbar.megabar {
    background-color: rgba(10,10,15,0.8) !important;
    color: rgb(240,240,245) !important;
}

Отредактировано Vitaliy V. (18-11-2019 16:35:57)

Отсутствует

 

№627813-08-2019 21:49:12

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

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

Vitaliy V.
Огромное спасибо! :beer: Теперь всё в норме, Благодарю!

Фотоотчёт
c42a66d5d436.png

Отсутствует

 

№627913-08-2019 21:50:58

j23
Участник
 
Группа: Members
Зарегистрирован: 05-11-2015
Сообщений: 165
UA: Firefox 70.0

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

Перестало работать правило для добавления отступа при скрытии пункта "Показать все закладки" :

Выделить код

Код:

#BMB_bookmarksPopup scrollbox {
    padding-bottom: 4px !important;
}

Помогите, пожалуйста, по-разному пытался подправить - в инспекторе меняется, а результата нет.

Отсутствует

 

№628014-08-2019 00:06:37

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

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

j23
зачем padding-bottom там нужен, какой результат вы ожидаете?

Отсутствует

 

№628114-08-2019 09:19:18

j23
Участник
 
Группа: Members
Зарегистрирован: 05-11-2015
Сообщений: 165
UA: Firefox 70.0

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

Vitaliy V.
Добавить отступ внизу списка, такой же, как вверху.

скрытый текст
8d4285eff2e864138c8d34bd92ce9e8a.jpg

f15d2c338e91c6bca1d8a20ce15cf8f3.jpg

Отсутствует

 

№628214-08-2019 11:13:59

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 68.0

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

j23
Это не так делается...Здесь и не только , чтобы конкретно выровнять - это тоже надо учесть #BMB_bookmarksPopup .subviewbutton

скрытый текст
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
   margin-bottom: -5px !important;
   margin-top: -5px !important;
}
#BMB_bookmarksPopup menupopup[placespopup=true] {
   padding-inline-start: 1px !important;
   margin-top: -4px !important;
   margin-bottom: -4px !important;
}

Отредактировано solombala (14-08-2019 11:18:42)

Отсутствует

 

№628314-08-2019 11:36:38

j23
Участник
 
Группа: Members
Зарегистрирован: 05-11-2015
Сообщений: 165
UA: Firefox 70.0

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

solombala
Я имею в виду не выравнивание списка и подсписка (хотя, они тоже сбились), а добавление белого поля в конце списка.

Отсутствует

 

№628414-08-2019 11:47:26

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

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

solombala
Приветствую.
Сам использую немного другое (скрываю пункт "показать все закладки" только из подпапок меню закладок), возможно поможет

Выделить код

Код:

/* Open All in Tabs (bottom Element) */
#BMB_bookmarksPopup menuitem.openintabs-menuitem {display: none !important;}
#BMB_bookmarksPopup menu.bookmark-item .bookmark-item:nth-last-child(4) {margin-bottom: 4px !important;}

UPD:Вот так наверное для убирания из корня меню закладок

Выделить код

Код:

#BMB_bookmarksPopup #BMB_bookmarksShowAll {display: none !important;}
#BMB_bookmarksPopup .bookmark-item:nth-last-child(2) {margin-bottom: 4px !important;}

Отредактировано Acid Crash (14-08-2019 12:14:58)

Отсутствует

 

№628514-08-2019 11:59:44

j23
Участник
 
Группа: Members
Зарегистрирован: 05-11-2015
Сообщений: 165
UA: Firefox 70.0

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

Acid Crash
Это то, что нужно! Большое спасибо!

Отсутствует

 

№628614-08-2019 15:23:42

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 66.0

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

solombala
Скиньте пожалуйста вашу тему и код вкладок, уж очень красиво смотриться

Отсутствует

 

№628714-08-2019 21:06:30

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 68.0

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

Вит
в PM...

Отсутствует

 

№628815-08-2019 11:47:19

Alexandrro
Участник
 
Группа: Members
Зарегистрирован: 26-03-2013
Сообщений: 104
UA: Firefox 68.0

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

Подскажите, как сделать так, чтобы в полноэкранном режиме когда мышка находится вверху на вкладках или закладках то при любых манипуляциях эта панель инструментов не скрывалась (пока мышка находится на этой панели инструментов.. то есть на вкладках или закладках).
Сейчас происходит так. Наводишь мышь на панель инструментов и эта панель появляется, нажимаешь открыть какую-то закладку(из папки), закладка начинает открываться и панель инструментов автоматически скрывается.
Даже если нажать кнопкой мыши по папке, чтобы высветились закладки в ней, и потом переместить мышку на другую папку(чтобы посмотреть какие там закладки) то панель автоматически скрывается тоже.
А если нажимать по обычной закладке(не из папки), то панель не скрывается.
Это очень неудобно тем, что мне например часто нужно открыть несколько закладок. И это превращается в муки, так как после открытия каждой закладки панель инструментов автоматически скрывается.

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

Отсутствует

 

№628916-08-2019 19:01:32

nvrbjs
Участник
 
Группа: Members
Зарегистрирован: 13-06-2014
Сообщений: 16
UA: Chrome 61.0

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

Как убрать раздражающую полосу "подгрузки" над вкладкой, когда подводишь к ней курсор?  (68 еср)

Отредактировано nvrbjs (16-08-2019 19:01:58)

Отсутствует

 

№629018-08-2019 18:08:41

tt74
Участник
 
Группа: Members
Зарегистрирован: 21-07-2019
Сообщений: 4
UA: Firefox 68.0

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

Подскажите что неправильно в коде, нужно убрать лишние пункты из меню "Закладки" (Debian 10, Mozilla 68.0.2 (64-битный))

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

Выделить код

Код:

/* Скрыть верхние элементы в кнопке меню закладки */
#BMB_viewBookmarksSidebar, 
#BMB_bookmarksShowAllTop, 
#BMB_bookmarksShowAllTop + menuseparator, 
#BMB_recentBookmarks, 
#BMB_recentBookmarks + menuseparator, 
#BMB_bookmarksToolbar, 
#BMB_unsortedBookmarks, 
#BMB_mobileBookmarks, 
#BMB_mobileBookmarks + menuseparator {
  display: none !important;
}


Пункты меню не исчезли

И еще вопрос, как-то можно убрать или хотя бы уменьшить название TTS ? а то слишком много места по высоте занимает

скрытый текст
kl35loJH1p.jpg

Отредактировано tt74 (18-08-2019 18:24:55)

Отсутствует

 

№629119-08-2019 00:01:49

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

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

nvrbjs пишет

Как убрать раздражающую полосу "подгрузки" над вкладкой, когда подводишь к ней курсор?

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

Выделить код

Код:

.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected="true"]):not([multiselected]) {
    opacity: 0 !important;
    transform: none !important;
    transition: none !important;
}

tt74 пишет

Подскажите что неправильно в коде

В этом коде всё правильно может в другом месте ошибка или вам нужен код для закладок на панели меню

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

Выделить код

Код:

#bookmarksShowAll,
#organizeBookmarksSeparator,
#menu_bookmarkThisPage,
#menu_bookmarkAllTabs,
#bookmarksToolbarSeparator,
#bookmarksToolbarFolderMenu,
#menu_unsortedBookmarks,
#menu_mobileBookmarks,
#bookmarksMenuItemsSeparator,
#bookmarksMenuItemsSeparator + menuseparator {
  display: none !important;
}

tt74 пишет

как-то можно убрать или хотя бы уменьшить название TTS ?

убрать (только TTS)

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

Выделить код

Код:

#sidebar-header #sidebar-title[value="Tree Style Tab"] {
    display: none !important;
}


уменьшить шрифт
скрытый текст

Выделить код

Код:

#sidebar-header {
    font-size: 1em !important;
}

Отсутствует

 

№629219-08-2019 01:54:20

Alexandrro
Участник
 
Группа: Members
Зарегистрирован: 26-03-2013
Сообщений: 104
UA: Firefox 68.0

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

А мне помочь никто не в силе?
Это невыполнимая задача для Firefox?

Отсутствует

 

№629319-08-2019 04:31:46

tt74
Участник
 
Группа: Members
Зарегистрирован: 21-07-2019
Сообщений: 4
UA: Firefox 68.0

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

Vitaliy V. , Спасибо!! Это именно то , что нужно, в меню закладок эти 4 пункта ушли!
Бар у TST остался, но надпись  пропала.
Upd.: #sidebar-header {display: none !important;} бар исчез, спасибо Вам еще раз за помощь!!

скрытый текст
k9d7pl4PpD.jpg

Отредактировано tt74 (19-08-2019 07:45:08)

Отсутствует

 

№629419-08-2019 17:11:21

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1699
UA: Firefox 56.0

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

Пробую перейти на квантум
Подскажите пожалуйста как правильно перекинуть стили
Сейчас они у меня в дополнении Stylish (раздел "Стили" в дополнениях)
Их все нужно вставить по очереди в какой то файл?
Или можно каждый стиль создавать отдельным файлом?

Отсутствует

 

№629519-08-2019 17:39:47

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

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

Stkvsky.
Приветствую.
Со Stylish было много кипиша касательно слива-слежки после того как его перекупили-продали.
Когда это произошло (начиная с какой версии)- затрудняюсь сказать...
По описанию у Вас версия ещё то этого инцидента...
Сейчас популярность пользуется Stylus
https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Фактически это форк первого до того как он испортился.
Касательно бекабов, в Stylus можно делать импорт/экспорт из/в Json. Ну и ещё можно через DropBox бекапить.

По переходу с одно на другой.
Если у Вас очень старая версия Stylish, то вероятно вот тут (вопрос 5) об этом указано.

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

На самый крайний случай можно руками через Ctrl+C Ctrl+V перенести.

З.Ы. на всякий случай, вдруг не сталкивались.
Stylus не умеет менять оформление/стили браузера. Для этого сейчас только userChrome.css

UPD. Вот тут вроде ещё по Вашей теме обсуждение

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

Отредактировано Acid Crash (19-08-2019 17:43:27)

Отсутствует

 

№629619-08-2019 17:58:56

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1699
UA: Firefox 56.0

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

Acid Crash
Большое спасибо за детальное пояснение.
Еще пара вопросов:

1. userChrome.css это один файл для всех стилей/оформлений браузера?
Или можно создать для каждого стиля отдельный файл userChrome1.css userChrome2.css и т.д.

2. Можно ли в userChrome.css вставлять стили изменяющие сайты, чтобы не устанавливать Stylus
или они работать не будут?

Отредактировано Stkvsky (19-08-2019 17:59:30)

Отсутствует

 

№629719-08-2019 18:12:49

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

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

Vitaliy V.
Вы не могли бы сделать шаблон стиля с биндингом создающего подменю в контекстном меню полей ввода, для вставки:
1. символов
2. тегов, вокруг выделенного текста, с отображением короткого имени в подменю
3. произвольного текста, с отображением короткого имени в подменю
?
В идеале, три подменю с возможностью отключения ненужных.

Похоже, что кроме вас с таким ни кто не справится.
Рабочих расширений с подобным функционалом на данный момент нет (или я не нашел), для актуальных версий [firefox].

Отсутствует

 

№629819-08-2019 18:16:20

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

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

Stkvsky пишет

Acid Crash
Большое спасибо за детальное пояснение.
Еще пара вопросов:

Stkvsky
1. userChrome.css можно использовать как отправную точку, прописывая в нем путь к другим файлам-стилям (коротко, через схему @import "./config/general_variables.css"; ).
Получится своеобразная модульность с возможностью относительно быстрого отключения "блоков".
2. Для сайтов (и частично для некоторых страниц браузера) используется userContent.css. Логика аналогичная первому.
В принципе можно обойтись и без расширения и прописать всё в userContent.css. Но это объективно значительно усложняет процесс обновления/добавления стилей.

По модульности системы userChrome.css-userContent.css попробуйте посмотреть в проекте Aris-а, там можно посмотреть как оно работает

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

Отсутствует

 

№629919-08-2019 18:42:50

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

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

tt74
Вот посмотрите может подойдет.

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

Выделить код

Код:

/* Высота заголовка боковой панели */
#sidebar-header {
    align: top;
    height: 30px;
}
/* Кнопка с выпадающем меню */
toolbarbutton#sidebar-switcher-target {
    -moz-appearance: none !important;
    margin: -15px 0px -14px 0px !important;
    padding: 0px 1px 0px 1px !important;
}
/* Скрыть крестик закрытия боковой панели */
#sidebar-close {
    visibility: collapse !important;
}


1bfe5e65a1d8.png

Отредактировано _zt (19-08-2019 18:45:22)

Отсутствует

 

№630019-08-2019 20:08:11

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1699
UA: Firefox 56.0

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

Acid Crash
Ясно. Спасибо.
Я так подумал, лучше все стили оформления браузера в один userChrome.css вставить, я все равно их не обновляю никогда.
Как правильно это сделать?
Вот например два стиля:
1. FF Scroll color

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

Выделить код

Код:

/* AGENT_SHEET */
scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-top"],
scrollbarbutton[sbattr="scrollbar-up-bottom"],
scrollbarbutton[sbattr="scrollbar-down-bottom"]
{
  -moz-appearance: none !important;
  display: none !important;
}

scrollbar[orient="vertical"]
{
  -moz-margin-start: -15px;
  min-width: 15px!important;
  max-width: 15px!important;
  -moz-appearance: none!important;
  position: relative;
  background-color: transparent!important;
  background-image: none!important;
  border: 0;
  z-index: 2147483647;
  -moz-box-align: start;
  padding: 1px 1px 1px 6px!important;
}

scrollbar[orient="horizontal"]
{
  margin-top: -15px;
  min-height: 15px;
  max-height: 15px;
  -moz-appearance: none!important;
  position: relative;
  background-color: transparent;
  background-image: none;
  border: 0;
  z-index: 2147483647;
  -moz-box-align: start;
  padding: 6px 11px 1px 1px!important;
}

scrollbar thumb
{
  -moz-appearance: none !important;
  background-color: rgba(200,0,0,0.5);
  border-radius: 8px;
  border: 0;
}

scrollbar[orient="vertical"] thumb
{
  min-height: 20px!important;
  min-width: 15px!important;
  max-width: 15px!important;
}

scrollbar[orient="horizontal"] thumb
{
  min-width: 20px!important;
  min-height: 15px!important;
  max-height: 15px!important;
}

scrollbar thumb:hover, scrollbar thumb:active
{
  background-color: rgba(0,0,0,0.5);
}

html div scrollbar
{
  -moz-margin-start: 0!important;
}


2.FF Adres Размер шрифта в адресной строке

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

Выделить код

Код:

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

.urlbar-input-box{
 /* font-family: Sans-serif !important;*/
  font-size: 18px !important;
 /** font-weight: normal !important;*/
  color: black !important;
}


Вот мой userChrome.css
Как правильно добавить эти два стиля в него
Там как то нужно разделять их правильно?
Если просто скопировать и вставить не работает.
скрытый текст

Выделить код

Код:

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {
vbox#browser-create-start {
    position: relative !important;
    width: 5px !important;
    margin-inline-end: -5px !important;
    opacity: 0 !important;
    z-index: 6 !important;
}

vbox#browser-create-end {
    position: relative !important;
    width: 5px !important;
    margin-inline-start: -5px !important;
    opacity: 0 !important;
    z-index: 6 !important;
}

vbox#browser-border-end {
    -moz-binding: url("./bindings/startend.xml#startend") !important;
    display: -moz-box !important;
}

vbox#browser-border-end[hidden="true"] {
    visibility: collapse !important;
    width: 0 !important;
    padding: 0 !important;
    border: none !important;
}
}

Отредактировано Stkvsky (19-08-2019 22:21:00)

Отсутствует

 

Board footer

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