Этой новой фиче уже как полгода стукнуло https://forum.mozilla-russia.org/viewtopic.php?id=74875
Просто с августа месяца не менял винду, и с того времени просто перетаскивал папку chrome в браузер и все работало. А тут все также сделал, и на тебе оказывается некоторые правки надо делать, чтобы заработало.
Отсутствует
А что это новая фича? Просто в описании https://github.com/Aris-t2/CustomCSSforFx/releases там этого не указано, хотя должны указывать. А то если бы мне здесь не помогли, я даже не знал бы в чем проблема, и также любой другой пользователь может быть в недоумении.
Эта информация указана:
Win7
Отсутствует
Что то вкладки не опускаются под адресную строку в 73ей версии. Пробовал несколько вариантов... Дайте пожалуйста готовый файл userChrome.css у кого работает.
Отредактировано ZAJIGAEM8 (19-02-2020 11:52:49)
Отсутствует
ZAJIGAEM8
Под первым спойлером: https://forum.mozilla-russia.org/viewto … 45#p766645
Win7
Отсутствует
что то не получается...
Что не получается, копируйте стиль -> вставляйте в userChrome.css и перезапускайте браузер!
Add, а это включено: https://forum.mozilla-russia.org/viewto … 13#p778313
Отредактировано kokoss (19-02-2020 12:51:35)
Win7
Отсутствует
У меня в userChrome работает код:
@-moz-document url("chrome://browser/content/browser.xhtml") { :root { --v-titlebar-button-vert-padding: 2px; --v-titlebar-button-horizont-padding: 5px; --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill"); --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='11' height='11' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='1.4' fill='none' shape-rendering='crispEdges' x1='1.2' y1='6.9' x2='10' y2='6.9'/></svg>"); --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1.5' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='10' height='10'/></svg>"); --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>"); --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='2.9' d='M3,1 l 11,11 M3,12 l 11,-11'/></svg>"); --v-titlebar-button-image-height: 11px; --v-titlebar-button-image-width: 12px; --v-titlebar-button-background-hover: rgba(0,0,0,.12); --v-titlebar-button-background-active: rgba(0,0,0,.22); --v-titlebar-close-background-hover: rgb(215,0,34); --v-titlebar-close-background-active: rgb(178,0,28); --v-windows-glass-default-background: ActiveCaption; --v-windows-glass-default-background-inactive: InactiveCaption; } :root:-moz-lwtheme-brighttext, toolbar[brighttext] { --v-titlebar-button-background-hover: rgba(255,255,255,.22); --v-titlebar-button-background-active: rgba(255,255,255,.12); } @media (-moz-windows-glass) { #main-window[sizemode="normal"] > #titlebar { -moz-appearance: none !important; margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important; } #main-window[sizemode="normal"] > #titlebar > #titlebar-content { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #main-window[sizemode="normal"] > #navigator-toolbox { border-top: none !important; padding-top: 0 !important; box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important; } #titlebar-buttonbox, .titlebar-buttonbox { -moz-appearance: none !important; margin: 0 !important; padding: 0 !important; } #main-window { -moz-appearance: none !important; background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important; } #main-window:-moz-window-inactive { background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important; } #TabsToolbar:-moz-lwtheme-darktext { color: inherit !important; --lwt-toolbarbutton-icon-fill: currentColor !important; } #TabsToolbar:not(:-moz-lwtheme) { color: inherit !important; } #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab { background-color: transparent !important; } vbox#appcontent { -moz-appearance: none !important; } } #titlebar-buttonbox > .titlebar-button, .titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close), #minimize-button, #restore-button, #close-button { display: -moz-box !important; -moz-appearance: none !important; margin: 0 !important; cursor: pointer !important; padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important; color: var(--lwt-toolbarbutton-icon-fill, inherit) !important; } @media not all and (-moz-os-version: windows-win7) { #titlebar-buttonbox, .titlebar-buttonbox { -moz-appearance: none !important; -moz-box-align: start !important; -moz-box-pack: end !important; } } #titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon, .titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close) > .toolbarbutton-icon, :-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon { filter: var(--v-svg-filter-fill) !important; fill: currentColor !important; color: inherit !important; margin: 0 !important; padding: 0 !important; height: var(--v-titlebar-button-image-height) !important; width: var(--v-titlebar-button-image-width) !important; } #titlebar-buttonbox > #titlebar-min, .titlebar-buttonbox > .titlebar-min, #minimize-button { list-style-image: var(--v-titlebar-min-image) !important; -moz-image-region: auto !important; background: linear-gradient(#00EA3A,#00A653) !important; color: white !important; border: 1px solid #675 !important; } #titlebar-buttonbox > #titlebar-max, .titlebar-buttonbox > .titlebar-max { list-style-image: var(--v-titlebar-max-image) !important; background: linear-gradient(#00EA3A,#00A653) !important; color: white !important; border: 1px solid #675 !important; } #main-window[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max, #main-window[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max, #restore-button { list-style-image: var(--v-titlebar-maximized-image) !important; } #titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover, .titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover, :-moz-any(#minimize-button,#restore-button):hover { border: 1px solid #675 !important; background: linear-gradient(#00ffff,#00A653) !important; } #titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):active, .titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):active, :-moz-any(#minimize-button,#restore-button):hover:active { background: linear-gradient(red,brown) !important; border: 1px solid #675 !important; color: #FFF !important; } #titlebar-buttonbox > #titlebar-close, .titlebar-buttonbox > .titlebar-close, #close-button { list-style-image: var(--v-titlebar-close-image) !important; color: #FFF !important; background: linear-gradient(red,brown) !important; margin-right: 1px !important; margin-left: 1px !important; border: 1px solid #675 !important; } #titlebar-buttonbox > #titlebar-close:hover, .titlebar-buttonbox > .titlebar-close:hover, #close-button:hover { background: linear-gradient(red,#DF0000) !important; border: 1px solid #675 !important; margin-right: 1px !important; margin-left: 1px !important; } #titlebar-buttonbox > #titlebar-close:active, .titlebar-buttonbox > .titlebar-close:active, #close-button:hover:active { background: linear-gradient(#800000,#660000) !important; border: 1px solid #675 !important; margin-right: 1px !important; margin-left: 1px !important; } } @-moz-document url("chrome://browser/content/browser.xhtml") { #main-window:not([inFullscreen]) #navigator-toolbox { position: relative !important; -moz-window-dragging: no-drag !important; --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px); } #main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; margin-bottom: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; -moz-window-dragging: no-drag !important; } #main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox { -moz-appearance: -moz-window-titlebar !important; } #main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox { -moz-appearance: -moz-window-titlebar-maximized !important; } #main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox { visibility: hidden !important; } #main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) { visibility: visible; } #navigator-toolbox > #titlebar { -moz-appearance: none !important; -moz-box-ordinal-group: 100 !important; -moz-window-dragging: no-drag !important; --v-control-buttons-left: auto; --v-control-buttons-right: 0; position: static !important; } #navigator-toolbox > #titlebar:-moz-locale-dir(rtl) { --v-control-buttons-left: 0; --v-control-buttons-right: auto; } #main-window:not([inFullscreen]) #navigator-toolbox::after, #main-window:not([inFullscreen]) #TabsToolbar::after { display: none !important; } #main-window:not([inFullscreen]) #toolbar-menubar { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; position: absolute !important; -moz-window-dragging: no-drag !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; border: none !important; background: grey !important; box-sizing: content-box !important; min-height: 0 !important; height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; overflow: hidden !important; } #main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) { align-self: center !important; } #main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) { align-self: flex-start !important; } #main-window[inFullscreen] #toolbar-menubar { visibility: collapse !important; } #main-window:not([inFullscreen]) #toolbar-menubar > * { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } #main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * { opacity: 0 !important; pointer-events: none !important; } #main-window:not([inFullscreen]) #toolbar-menubar > * > * { vertical-align: middle; } #main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * { vertical-align: top; } #main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { position: absolute !important; top: 0px !important; left: var(--v-control-buttons-left) !important; right: var(--v-control-buttons-right) !important; margin: 0 !important; padding: 0 !important; font-size: 0px !important; } @media (-moz-windows-classic) { #main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar, #main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { padding-top: 4px !important; } #main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] { min-height: 4px !important; } #main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar { background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important; } #main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important; } } @media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { #main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar, #main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { padding-top: 8px !important; } } #main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"], #main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container { order: 1000 !important; } #main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) { flex-grow: 1 !important; } #main-window:not([inFullscreen]) #TabsToolbar { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; position: static !important; } #main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; } #main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } #main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) { display: none !important; } }
Отредактировано birond (19-02-2020 14:09:32)
Отсутствует
ВО!!! поставил true для параметра toolkit.legacyUserProfileCustomizations.stylesheets и получилось!
Всем спасибо за помощь! А что так быстро помогли и ответили так это просто прекрасисто...
я просто не не знал что теперь что б файлы .css работали их надо включать.
Отредактировано ZAJIGAEM8 (19-02-2020 14:22:48)
Отсутствует
А как прикрутить другую иконку к Quick Bookmark To Folder? А то на тёмной теме её практически не видно.
Отсутствует
Vitaliy V.
На засыпку ...Это иконки в about:addons в деталях, в частности...То бишь 32х32
.card-heading-icon {
flex-shrink: 0;
width: var(--addon-icon-size);
height: var(--addon-icon-size);
margin-inline-end: 16px;
-moz-context-properties: fill;
fill: currentColor;
}
В листе я уделал , как хотел, короче, значок темы по умолчанию , как его исключить из того кода? Или задать отдельно?
Просто в list так уделал...Но в detail нет...Там первый код привязан намертво..
width: var(--addon-icon-size);
height: var(--addon-icon-size);
Так иконки аддонов не все 32х32 , приходиться в ручную рихтовать...
Может через id default-theme@mozilla.org ?
Отредактировано solombala (20-02-2020 17:50:43)
Отсутствует
можно ли заменить индикатор загрузки сайтов на Mozilla Firefox 52 как было в раньше в старых версиях с такого https://d.radikal.ru/d38/1907/95/b984a236d8e0.jpg на такой https://a.radikal.ru/a31/1907/09/59a3403ef7a0.jpg просто классический больше нравиться
Как вариант, скрыть полностью индикатор загрузки сайта, ну например так:
#TabsToolbar .tab-throbber[busy] { list-style-image: url("chrome://global/skin/icons/globe.png") !important; }
Отредактировано kokoss (21-02-2020 11:50:18)
Win7
Отсутствует
Всем привет.
Имею два ноута, на которых установлены две одинаковые версии Мозилы: 73.0.1
В обоих ноутах в вот такой userChrome
#personal-bookmarks toolbarbutton.bookmark-item{
margin: 0 -3px !important;
}
#personal-bookmarks toolbarbutton.bookmark-item:hover{
margin: -1px 2px !important;
}
#personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; }
#personal-bookmarks .bookmark-item:hover > .toolbarbutton-text { display:-moz-box !important; }
На одном ноуте названия закладок скрыты и отображаются при наведении курсора.
На втором ноуте названия не скрываются.
Почему на втором ноуте названия закладок не скрываются.
Что не так?
Отредактировано ZZ4 (21-02-2020 11:46:53)
Отсутствует
solombala
ну вообще то то значок темы теперь имеет другой селектор, .card-heading-image а не .card-heading-icon
как то так наверное
addon-card[addon-id="default-theme@mozilla.org"] .card-heading-image { width: 34px !important; height: 34px !important; }
Отсутствует
Vitaliy V.
Гениально ! addon-card[addon-id="default-theme@mozilla.org"] .card-heading-icon {
Класс! Кстати, аэро рубит стили ?...Рубит . Цвета вкладок, текст размывается...Мне то до фени, но особенно упоротые верещат.Что можно сделать?
Отсутствует
аэро рубит стили ?
Возможно ты зарубил -moz-appearance: -moz-win-exclude-glass; в browser.css
или из-за ошибок синтаксиса часть кода не работает.
Ну или могут применяться стили которые работают только в аеро например @media (-moz-windows-glass) { правила }
и которые ты не увидишь пока не включишь аеро
более идей нет
Отсутствует
Vitaliy V.
Вроде поправил все, один черт цвет не тот ...Где косяк? background-color: - не катит при аэро.
tab[selected="true"] {
background-color: #FFFF80 !important;
color: blue !important;
}
tab{-moz-appearance: none !important;}
Отредактировано solombala (21-02-2020 19:25:48)
Отсутствует
tab[selected="true"] {
это и в не аеро не катит
.tabbrowser-tab[multiselected="true"], .tabbrowser-tab[selected="true"] { color: blue !important; } .tab-background[multiselected="true"], .tab-background[selected="true"] { background-color: #FFFF80 !important; }
Отредактировано Vitaliy V. (21-02-2020 19:47:35)
Отсутствует
Vitaliy V.
это и в не аеро не катит
Извиняюсь, но катит. А, hover, active , busy ? Ну его к чертям , это аэро и даром не надь...
Если бы код какой, чтобы не влияло? Not aero ?
Отредактировано solombala (21-02-2020 20:13:27)
Отсутствует
но катит
Может на твоей сборке и катит, и? причем здесь аеро...
А, hover, active , busy ?
что, зачем?! на активной вкладке не нужно hover а active вообще не используется для вкладок
Отсутствует
Vitaliy V.
Так и Unread тоже не пашет , зря что ли впихивал в tabbrowser.js Короче, к чертям это аэро ...
Да, нашел я , кстати код Ваш , ну пару моментов в browser.css @media (-moz-windows-glass) убирать не стал -moz-appearance: none !important; подставил ...
Отредактировано solombala (22-02-2020 02:39:17)
Отсутствует
Такая проблема.
Панель закладок.
Выпадающее меню имеет нужный цвет шрифта и рамку, а вот внутри него еще одно выпадающее меню уже другое. Какие переменные отвечают за него?
но хотелось бы, что бы цвет брался для каждой темы свой, типа как с переменной фона
чет я туплю, все же логично, пишем
color: var(--toolbar-color) !important; border-color: var(--toolbar-color) !important;
вопрос снят
Отредактировано Altermoon (24-02-2020 00:29:36)
Отсутствует
DMITRY 96 RUS пишет: можно ли заменить индикатор загрузки сайтов на Mozilla Firefox 52 как было в раньше в старых версиях с такого https://d.radikal.ru/d38/1907/95/b984a236d8e0.jpg на такой https://a.radikal.ru/a31/1907/09/59a3403ef7a0.jpg просто классический больше нравиться Как вариант, скрыть полностью индикатор загрузки сайта, ну например так:скрытый текст Выделить код Код:#TabsToolbar .tab-throbber[busy] {
list-style-image: url("chrome://global/skin/icons/globe.png") !important;
}единственное придётся добавить добавить свою иконку, или прописать другой путь до иконки, а если принципиально нужен именно этот индикатор загрузки сайта, тогда Classic Theme Restorer вам в помощь: скрин
Отредактировано kokoss (21-02-2020 13:50:18)
да мне бы хотелось из 22 версий мазилы индикатор этот как нибудь сделать в 52ю а если установить дополнение оно хотя и так стоит там можно его менять но все равно дёргается как его заменить по точнее можно
вот 22.0 и 52.9.0 как этот индикатор из 22.0 вставить в 52ю? что бы так же как 22 было даже в хроме 49 на xp этот индикатор не дёргается плавно крутится
Отсутствует