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

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

№500123-11-2018 13:19:25

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

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

kokoss пишет:  А форму вкладок никак? И как сделать фон новой вкладки немного светлее, и увеличить размер значков панели навигации, а то так, не очень: Изображение

Есть в наличии только увеличить размер значков панели навигации, взятый, квк и предыдущий из комплекта custom_css_for_fx, остальное не знаю, может более продвинутые пользователи подскажут. Размер можно подобрать в строках, содержащих px.

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

Выделить код

Код:

/* large button mode */
#main-window:not([customizing]) #nav-bar-customization-target > toolbaritem.chromeclass-toolbar-additional toolbarbutton .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar-customization-target > toolbarbutton .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar > toolbarbutton .toolbarbutton-icon {
  width: 48px !important;
  height: 48px !important;
}

#main-window:not([customizing]) #nav-bar-customization-target > toolbarbutton :-moz-any(.scrollbutton-up,.scrollbutton-down) .toolbarbutton-icon {
  width: unset !important;
  height: unset !important;
}

/* compact */
#main-window[uidensity=compact]:not([customizing]) #nav-bar-customization-target .webextension-browser-action .toolbarbutton-icon {
  width: 36px !important;
  height: 36px !important;
}
#main-window[uidensity=compact]:not([customizing]) #nav-bar-customization-target #downloads-indicator-icon {
  background-size: 36px 36px !important;
  width: 36px !important;
  height: 36px !important;
}
#main-window[uidensity=compact]:not([customizing]) #nav-bar-customization-target #downloads-indicator-progress-inner {
  background-size: 36px 36px !important;
  animation-name: indicatorArrowProgressN !important;
}
#downloads-indicator-progress-inner:-moz-locale-dir(rtl) {
  animation-name: indicatorArrowProgressRTLN !important;
}
#main-window[uidensity=compact]:not([customizing]) #nav-bar-customization-target #downloads-indicator-progress-outer {
  background-size: 36px 36px !important;
}


/* normal */
#main-window:not([uidensity=compact]):not([uidensity=touch]) :not([customizing]) #nav-bar-customization-target .webextension-browser-action .toolbarbutton-icon {
  width: 36x !important;
  height: 36px !important;
}
#main-window:not([uidensity=compact]):not([uidensity=touch]) :not([customizing]) #nav-bar-customization-target #downloads-indicator-icon {
  background-size: 36px 36px !important;
  width: 36px !important;
  height: 36px !important;
}
#main-window:not([uidensity=compact]):not([uidensity=touch]) :not([customizing]) #nav-bar-customization-target #downloads-indicator-progress-inner {
  background-size: 36px 36px !important;
  animation-name: indicatorArrowProgressN !important;
}
#downloads-indicator-progress-inner:-moz-locale-dir(rtl) {
  animation-name: indicatorArrowProgressRTLN !important;
}
#main-window:not([uidensity=compact]):not([uidensity=touch]):not([customizing]) #nav-bar-customization-target #downloads-indicator-progress-outer {
  background-size: 36px 36px !important;
}

/* touch */
#main-window[uidensity=touch]:not([customizing]) #nav-bar-customization-target .webextension-browser-action .toolbarbutton-icon {
  width: 30px !important;
  height: 30px !important;
}
#main-window[uidensity=touch]:not([customizing]) #nav-bar-customization-target #downloads-indicator-icon {
  background-size: 30px 30px !important;
  width: 30px !important;
  height: 30px !important;
}
#main-window[uidensity=touch]:not([customizing]) #nav-bar-customization-target #downloads-indicator-progress-inner {
  background-size: 30px 30px !important;
  animation-name: indicatorArrowProgressTN !important;
}
#downloads-indicator-progress-inner:-moz-locale-dir(rtl) {
  animation-name: indicatorArrowProgressTRTLN !important;
}
#main-window[uidensity=touch]:not([customizing]) #nav-bar-customization-target #downloads-indicator-progress-outer {
  background-size: 30px 30px !important;
}


/**/
@keyframes indicatorArrowProgressN {
  0% {
    margin-right: 35px;
  }
  100% {
    margin-right: 1px;
  }
}

@keyframes indicatorArrowProgressRTLN {
  0% {
    margin-left: 35px;
  }
  100% {
    margin-left: 1px;
  }
}

@keyframes indicatorArrowProgressTN {
  0% {
    margin-right: 30px;
  }
  100% {
    margin-right: 1px;
  }
}

@keyframes indicatorArrowProgressTRTLN {
  0% {
    margin-left: 30px;
  }
  100% {
    margin-left: 1px;
  }
}

Отсутствует

 

№500223-11-2018 13:27:21

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

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

Acid Crash
https://s15.directupload.net/images/181123/temp/y693rwew.png

Отсутствует

 

№500323-11-2018 13:36:06

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

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

Vitaliy V.
подскажите как назначить Свой шрифт в этом коде:
/* ИЗМЕНИТЬ РАЗМЕР И ТИП ШРИФТА В МЕНЮ */
menubar, menubutton, menulist, menu, menuitem, window
{font-size: 12pt  !important;}
Именно этот код отлично работает у меня, но может есть замена ему? Надо все эти позиции, Спасибо!

Отсутствует

 

№500423-11-2018 13:42:36

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

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

Хмм, всё верно.
Код, который я указал ранее, как раз для скрытия элемента "Восстановить предыдущую сессию" из основного меню Лисы...

Отсутствует

 

№500523-11-2018 13:52:49

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

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

Acid Crash
Сработало...Гуд! И "войти в синхронизацию" - тоже можно?
Короче, от сессии пришлось избавится, в 63 постоянно идет создание sessions backup из-за новой вкладки....Окно пустое, а сессия все-одно прёт...

Отсутствует

 

№500623-11-2018 14:08:40

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

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

Вит
так и для popup панелей сработает или удалите .cui-widget-panel, #widget-overflow

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

Выделить код

Код:

window, menubar, menulist, menupopup, .cui-widget-panel, #widget-overflow {
    font-family: "Arial" !important;
    font-size:  15px !important;
}


ещё можно добавить
page, dialog, wizard

Отредактировано Vitaliy V. (23-11-2018 14:11:35)

Отсутствует

 

№500723-11-2018 14:09:03

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

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

sandro79
С этим кодом кнопки стали огромные, пробовал уменьшить, получается абракадабра какая то, и почему то не меняется размер кнопки "меню", ну да ладно.Как же не хватает CTR.
Спасибо за помощь!

Отредактировано kokoss (23-11-2018 16:46:07)

Отсутствует

 

№500823-11-2018 14:24:42

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

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

drage2 пишет:

Acid Crash
И "войти в синхронизацию" - тоже можно?

Вроде вот так

Выделить код

Код:

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


#appMenu-fxa-container,
#appMenu-fxa-container + toolbarseparator {
  display: none !important;
}

Отсутствует

 

№500923-11-2018 14:32:50

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

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

Vitaliy V.
Отлично!
Я или только заметил или это у всех: в меню вкладок, закладок и в Вверху Некоторые буквы подчеркнуты! Например "Вырезать" - В подчеркнута и т.д. Это у всех? Или можно как то исправить???

Отсутствует

 

№501023-11-2018 14:53:18

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

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

drage2 пишет:

Короче, от сессии пришлось избавится, в 63 постоянно идет создание sessions backup из-за новой вкладки....Окно пустое, а сессия все-одно прёт...

Можно установить большее значение для сохранения сессии.

скрытый текст
browser.sessionstore.interval
Параметр отвечает за периодичность сохранения сессии на диск во время работы Firefox. Цель — восстановление открытых вкладок и набранного текста в ещё не отправленных сообщениях после аварийного закрытия браузера и его повторного запуска. Это бывает полезно если вы часто пишите длинный текст в браузере, и перед его отправкой Firefox с частой периодичность самопроизвольно закрывается с ошибкой. По умолчанию Firefox сохраняет данные сессии через каждые 15 секунд (значение 15000 миллисекунд). Если с вашим Firefox всё впорядке в плане стабильности работы, можете изменить значение на 1800000 (30 минут). В некоторых случаях, после изменения этого параметра в сторону увеличения, браузер работает немного быстрее и реже подлагивает.
Если ваш браузер никогда не «зависает», можете отключить false функцию восстановления вкладок после аварийного закрытия браузера browser.sessionstore.resume_from_crash

Утащено отсюда https://habr.com/post/424019/

Отсутствует

 

№501123-11-2018 15:00:37

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

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

Acid Crash
Круто!
xrun1
Ну её к чертям , он заточен на сохранения новой вкладки в сессии, энтузиасты, мать их...Вместо того, чтобы декодер MP4 вставить, они этой хренью мозг парят, хромопоклонники....

Отсутствует

 

№501223-11-2018 15:41:39

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

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

Вит пишет:

Некоторые буквы подчеркнуты! Например "Вырезать" - В подчеркнута и т.д. Это у всех?

Не у всех в других локалях будет подчёркнута буква которая определена атрибутом accesskey
https://developer.mozilla.org/en-US/doc … /accesskey
для [windows] [linux] комбинация Alt+ Shift+key для доступа к элементу

Отсутствует

 

№501323-11-2018 15:49:14

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

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

Vitaliy V.
Значит никак не убрать эту подчеркнутость?

Отсутствует

 

№501423-11-2018 16:38:48

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

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

Q1tum пишет:

но одна вещь просто выбешивает, а именно стрелки которые появляются при открытии множества вкладок...

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

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

Выделить код

Код:

/* кнопки */
.tabbrowser-arrowscrollbox > .scrollbutton-up, .scrollbutton-down,
/* затемнение табов у кнопок */
.arrowscrollbox-overflow-end-indicator,
.arrowscrollbox-overflow-start-indicator
{
  display: none !important;
}


Q1tum пишет:

есть ли возможность изменить этот элемент на простое маcштабирование открытых вкладок

Масштабирование маленьких вкладок я делаю так:

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

Выделить код

Код:

/* Когда много мелких табов при выборе или наведении мыши таб растягивается */
.tabbrowser-tab[fadein][selected]:not([pinned]), .tabbrowser-tab:hover[fadein]:not([pinned])
{
    min-width: 200px !important;
}

Отсутствует

 

№501523-11-2018 16:45:20

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

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

Вит
стилем нет, а js можно конечно удалять атрибуты accesskey
или распотрошить omni.ja и в файлах .xul удалить атрибуты accesskey="..."

или установить [firefox] English и модифицированный пакет русской локали
в пакете изменять файлы .dtd например
<!ENTITY  pinTab.accesskey  "к">
так
<!ENTITY  pinTab.accesskey  "">

и файлы .properties например
contextMenuSearch.accesskey=с
так
contextMenuSearch.accesskey=

в общем муторно и не стоит возится с этим

Отсутствует

 

№501623-11-2018 16:47:05

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

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

Vitaliy V.

Vitaliy V. пишет:

contextMenuSearch.accesskey=

Давно так сделал...

Отсутствует

 

№501723-11-2018 17:15:27

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

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

drage2
Можно подробнее, как сделали, спасибо

Отсутствует

 

№501823-11-2018 18:22:31

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

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

Вит

Как Виталий сказал, русскую локаль рихтуешь в ручную ....Долго , конечно...

Отсутствует

 

№501924-11-2018 02:00:01

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

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

kokoss
Форму вкладок можно изменить из того же комплекта стилем css\tabs\classic_squared_tabs_fully_squared.css, заменив радиус. Например, на 5px. Если, конечно, Вы это имели виду...

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

Выделить код

Код:

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* disable tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content,
#TabsToolbar .tabbrowser-tab::after,
#TabsToolbar .tabbrowser-tab::before,
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::after,
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::before,
#TabsToolbar .tabbrowser-tab:hover::before,
#TabsToolbar .tabbrowser-tab[last-visible-tab]:hover::after,
#TabsToolbar #tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

Отсутствует

 

№502024-11-2018 13:46:47

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

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

kokoss
Фон вообще страницы? Где-то здесь в теме было, поищите. А если нужно только здесь, тогда подскажу, из того же набора выдерну.

скрытый текст
https://i.imgur.com/jg7b7br.png

Про кнопки - заархивируйте Вашу папку chrome, закачайте и киньте мне ссылку в личку. Посмотрю, так сложно сказать. И, кстати, у Вас точно 52-я? Тогда поставлю себе портабельную для посмотреть.

Отсутствует

 

№502124-11-2018 15:51:27

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

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

Вит пишет:

А ширину Закладок можно регулировать или уменьшить?

где на панели закладок?
https://forum.mozilla-russia.org/viewto … 84#p763384
или убрать надписи совсем

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

Выделить код

Код:

#PlacesToolbarItems > toolbarbutton.bookmark-item {
    margin: 0 !important;
    padding: 2px 3px !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-icon {
    margin: 0px !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-text {
    display: none !important;
}

Отсутствует

 

№502224-11-2018 16:21:32

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

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

Vitaliy V.
Спасибо за Ширину закладок!!!

Добавлено 24-11-2018 16:26:23
Vitaliy V.
Можно ли в файле CSS подписать: какой код за что отвечает. Например "Ширина закладок". Как это сделать что бы не сломать CSS?

Отредактировано Вит (24-11-2018 16:26:23)

Отсутствует

 

№502324-11-2018 16:34:35

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

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

Вит пишет:

Как это сделать что бы не сломать CSS?

/* Ширина закладок */

Отсутствует

 

№502424-11-2018 16:40:57

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

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

Vitaliy V.
Как обойтись без этого ? Можно в omni.ja влезть?

скрытый текст
@-moz-document url("about:blank") {body{background: #EAEAEA;))

Новая вкладка в 63 заманала....Поиск intab - true из адреса , из поиска и новая вкладка переход делает....Пустая - нет , так  background: опять надо...а не охота.

Отсутствует

 

№502524-11-2018 16:48:43

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

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

xrun1 пишет:

И, кстати, у Вас точно 52-я? Тогда поставлю себе портабельную для посмотреть.

Мне нужно было для [firefox] 58. Спасибо за помощь!

Отредактировано kokoss (24-11-2018 18:00:28)

Отсутствует

 

Board footer

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