Имя того кода я привел просто для примера, иконки не использую. Изложу проблему другими словами. Имеется код code_name.css, неважно, что он делает, при помещении кода в userChrome.css код работает. ОК.
Помещаю код в папку /Chrome/my_css/, в userChrome.css добавляю команду импорта @import "./my_css/code_name.css"; , сохраняю изменения, перезапускаю браузер - импорт кода не происходит, в итоге код не работает.
Такая ситуация с любыми кодами, а не с какими-то конкретными.
Отредактировано shadow_user (08-12-2019 17:43:08)
Отсутствует
shadow_user
Выложите архив папки chrome посмотрим где ошибка
Отсутствует
v4386 пишет:
закругления краёв Адресной строки
Попробуйте с таким кодом закругления
Спасибо! Всё получилось.
P.S.: Vitaliy V., так-то меня и так всё, более чем устраивает в этой Адресной строке, но просто, ради интереса, а возможно укоротить ваш стиль? Чтобы Выпадающая панель осталась как есть в FF 71 (т.е. без вашего стиля для Выпадающей панели), но с вашим стилем для закругления Адресной строки + добавить какой-то стиль, чтобы Адресная строка не расширялась, когда она активна. Интересует, именно как будет правильнее и короче стиль - как это реализовано сейчас в стилях, которые предложили вы или второй вариант, который описываю сейчас я? Надеюсь понятно и корректно описал свой вопрос.
Отсутствует
а возможно укоротить ваш стиль?
кстати да кое-чего можно, только сейчас заметил лишнее правило
#urlbar, #searchbar { margin: 0 !important; } #searchbar .searchbar-textbox { margin: 0 !important; }
Интересует, именно как будет правильнее и короче стиль - как это реализовано сейчас в стилях, которые предложили вы или второй вариант, который описываю сейчас я?
Этот стиль для того и сделан чтобы не расширялась адресная строка, к сожалению там не всё так просто чтобы можно было одним правилом это изменить
Отсутствует
А если попробовать @import url("./my_css/code_name.css"); ?
Увы, тоже не работает.
Как команду импорта отсюда https://forum.mozilla-russia.org/viewto … 50#p756050 изменить к моему случаю с учетом пояснений автора поста?
Отредактировано shadow_user (08-12-2019 19:05:41)
Отсутствует
Этот стиль для того и сделан чтобы не расширялась адресная строка, к сожалению там не всё так просто чтобы можно было одним правилом это изменить
Понял вас. Спасибо за исправление.
Отсутствует
Вообще не работает userchrome.css. В about:config true поставлен, файл лежит в правильной папке, но firefox почему-то его игнорирует полностью. Скачивал userchrome.css готовые с инета, думая, что в моём ошибки (я свой собирал по кускам) - тоже не цепляет. Вот мой:
/* Makes tabs to appear on multiple lines */
/* Tab reordering will not work and can't be made to work */
/* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/
/* It's recommended to move tabs new-tab-button outside tabs toolbar */
/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */
/* This maximum visible rows won't work before Fx66 */
/* So this setting does nothing on Fx65 and all tab rows will be shown */
:root{
--multirow-n-rows: 3;
--multirow-tab-min-width: 100px;
--multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
}
/* Scrollbar can't be clicked but the rows can be scrolled with mouse wheel */
/* Uncomment the next line if you want to be able to use the scrollbar with mouse clicks */
/* .tabbrowser-arrowscrollbox{ -moz-window-dragging: no-drag } */
/* Uncommenting the above makes you unable to drag the window from empty space in the tab strip but normal draggable spaces will continue to work */
#tabbrowser-tabs{
min-height: unset !important;
padding-inline-start: 0px !important
}
/* Selectors for Firefox 71+ */
/* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */
@-moz-document url(chrome://browser/content/browser.xhtml){
.scrollbutton-up[orient="horizontal"][part]~spacer,
.scrollbutton-up[orient="horizontal"][part],
.scrollbutton-down[orient="horizontal"][part]{ display: none }
scrollbox[part][orient="horizontal"]{
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
scrollbar-color: currentColor transparent;
scrollbar-width: thin;
}
}
/* Test for Firefox > 66 */
@supports (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
scrollbar-width: thin;
}
#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
}
}
/* Test for Firefox < 66 */
@supports not (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox{
min-height: unset !important;
}
#tabbrowser-tabs .scrollbox-innerbox{
display: flex;
flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
}
}
.tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
visibility: collapse !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
visibility: visible !important;
display: block !important;
}
.tabbrowser-tab{ height: var(--tab-min-height); }
#tabbrowser-tabs .tabbrowser-tab[pinned]{
position: static !important;
margin-inline-start: 0px !important;
}
.tabbrowser-tab[fadein]:not([pinned]){
min-width: var(--multirow-tab-min-width) !important;
flex-grow: var(--multirow-tab-dynamic-width);
/*
Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
Don't set to none or you'll see errors in console when closing tabs
*/
/*max-width: 100vw !important;*/
}
.tabbrowser-tab > stack{ width: 100%; height: 100% }
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{ display: none !important }
/*AGENT_SHEET*/
/*********************************************************************************************
simpleMenuWizard: Firefox 57+ userChrome.css tweaks to remove context menu items.
https://github.com/stonecrusher/simpleMenuWizard
**********************************************************************************************
/*** tab-context.css ***/
/* #tabContextMenu #context_reloadTab, /* Reload Tab */
/* #tabContextMenu #context_reloadSelectedTabs, /* Reload Tabs */
/* #tabContextMenu #context_toggleMuteTab, /* Mute / Unmute Tab */
/* #tabContextMenu #context_toggleMuteSelectedTabs, /* Mute / Unmute Tabs */
/* #tabContextMenu #context_pinTab, /* Pin Tab */
/* #tabContextMenu #context_unpinTab, /* Unpin Tab */
/* #tabContextMenu #context_pinSelectedTabs, /* Pin Tabs */
/* #tabContextMenu #context_unpinSelectedTabs, /* Unpin Tabs */
/* #tabContextMenu #context_duplicateTab, /* Duplicate Tab */
/* #tabContextMenu #context_duplicateTab + menuseparator, /******** Separator ********/
/* #tabContextMenu #context_duplicateTabs, /* Duplicate Tabs */
/* #tabContextMenu #context_duplicateTabs + menuseparator, /******** Separator ********/
#tabContextMenu #context_selectAllTabs, /* Select All Tabs */
/* #tabContextMenu #context_bookmarkSelectedTabs, /* Bookmark Tabs… */
/* #tabContextMenu #context_bookmarkTab, /* Bookmark Tab */
/* #tabContextMenu #context_reopenInContainer, /* Reopen in Container */
/* #tabContextMenu #context_moveTabOptions, /* Move Tab(s) */
#tabContextMenu #context_sendTabToDevice, /* Send Tab to Device */
#tabContextMenu #context_sendTabToDevice + menuseparator, /******** Separator ********/
/* #tabContextMenu #context_closeTabsToTheEnd, /* Close Tabs to the Right */
#tabContextMenu #context_closeOtherTabs, /* Close Other Tabs */
/* #tabContextMenu #context_undoCloseTab, /* Undo Close Tab */
/* #tabContextMenu #context_closeTab, /* Close Tab */
/* #tabContextMenu #context_closeSelectedTabs, /* Close Tabs */
#leave_this_dummy_here
{ display:none !important; }
Отсутствует
Ard
Попробуйте стиль: "simpleMenuWizard" переместить на самый верх файла, и так проверьте.
Добавлено 08-12-2019 20:19:09
shadow_user
Выложите архив папки chrome посмотрим где ошибка
Видимо имелся в виду этот архив: https://www.upload.ee/files/10651189/chrome.zip.html
Отредактировано kokoss (08-12-2019 20:20:54)
Win7
Отсутствует
Видимо имелся в виду этот архив
он писал что иконки не использует
Ard
что за userchrome.css надо userChrome.css
Отредактировано Vitaliy V. (08-12-2019 20:51:22)
Отсутствует
круто всем спасибо
единственное цвет текста не получается изменить здесь
@-moz-document url-prefix("chrome://browser/content/browser.x") { *|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before { position: fixed !important; content: attr(label) !important; display: block !important; top: 7px !important; /* отступ сверху */ left: 600px !important; right: 250px !important; padding-inline-start: 30px !important; /* отступ в начале */ padding-inline-end: 30px !important; /* отступ в конце */ font-size: inherit !important; font-weight: bold !important; text-align: center !important; color: #87CEFA !important; white-space: nowrap !important; line-height: 1.3em !important; overflow: hidden !important; text-overflow: ellipsis !important; pointer-events: none !important; text-shadow: none !important; opacity: 1 !important; }
Отсутствует
Помог Vitaliy V. , импорт работает, если команда импорта расположена перед последующими двумя строками:
@import "./my_css/code_name.css";
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul")
Или так:
@import "./my_css/1.css";
@-moz-document url-prefix("chrome://browser/content/browser.x")
Я же по привычке и из-за незнания ставил команду в конец userChrome.css.
Vitaliy V. kokoss
Спасибо за помощь!
Добавлено 08-12-2019 21:12:04
круто всем спасибо
единственное цвет текста не получается изменить здесь
color: #87CEFA !important;
Выделенное жирным - 16-ричный код цвета, обычно выбирается инструментом Пипетка, имеется и в Faststone Capture Portable.
Примеры: 4BC542 - зеленый, 763150 - бордовый, E8A762 - оранжевый. Возможно, можно вписать цвет и так, но без оттенков (решетка в начале кода будет лишняя): green, red, orange
Отредактировано shadow_user (08-12-2019 21:30:35)
Отсутствует
Ard
проверьте ещё раз всё ли правильно
about:support --> Каталог профиля --> Открыть папку
создать
chrome/userChrome.css
именно
userChrome.css а не userChrome.css.txt
about:config
toolkit.legacyUserProfileCustomizations.stylesheets - true
sachka
если у вас включена не стандартная тема то менять color нужно здесь
Отредактировано Vitaliy V. (08-12-2019 21:14:13)
Отсутствует
проверьте ещё раз всё ли правильно
- всё проверял много раз. Ну сейчас попробую переименовать папку "chrome" в "Chrome".
Переименовал. Без толку. Даже файл userChrome.css руками переименовал, потому как раньше название скопировал. Подумал - а вдруг русская буква где, или пробел? Нет, всё нормально. Но браузер почему-то игнорирует. Последняя версия 64 бит.
Отредактировано Ard (08-12-2019 21:44:12)
Отсутствует
Помог Vitaliy V. , импорт работает, если команда импорта расположена перед последующими двумя строками:
@import "./my_css/code_name.css";
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul")
Т.е. наличие этих строк обязательно перед @import "./my_css/code_name.css";. Но это не совсем так, хотя они у вас оказывается и мешали, когда были перед @import. Но импорт то работает и без наличия этих двух строк после него.
А вот то, что вы импорт поместили вперемешку с другими стилями - это другое дело. Судя по комплекту Arisa, если много стилей, в том числе массивных, то их правильнее через @import подключать, да и в user_chrome_files тоже такой же метод.
@import "./css/buttons/buttons_on_navbar_glass_appearance.css"; /**/ @import "./css/buttons/buttons_on_navbar_more_compact_mode.css"; /**/ @import "./css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css"; /**/ @import "./css/buttons/appbutton_popup_more_icons.css"; /**/ @import "./css/buttons/appbutton_popup_icons_colorized.css"; /**/ @import "./css/buttons/appbutton_popup_sync_hidden.css"; /**/ @import "./css/buttons/appbutton_popup_trackingprotection_hidden.css"; /**/ @import "./css/tabs/classic_squared_tabs.css"; /**/ @import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/ @import "./css/tabs/tab_throbber_green.css"; /**/ @import "./css/tabs/alltabs_button_always_visible.css"; /**/ @import "./css/generalui/send_to_device_menuitems_hidden.css"; /**/ @import "./css/generalui/findbar_on_top.css"; /**/ @import "./css/generalui/context_bfrsb_icons_colorized.css"; /**/ @import "./css/toolbars/toolbars_old_padding.css"; /**/ @import "./css/toolbars/menubar_fog_hidden.css"; /**/ @import "./css/toolbars/menubar_in_fullscreen_mode.css"; /**/ @import "./css/toolbars/menubar_color.css"; /**/ @import "./css/toolbars/bookmarks_toolbar_in_fullscreen_mode.css"; /**/ @import "./css/toolbars/general_toolbar_colors.css"; /**/ @import "./css/locationbar/identitybox_replace_i_icon_with_globe.css"; /**/ @import "./css/locationbar/pageaction_separator_in_location_bar_hidden.css"; /**/ @import "./css/locationbar/starbutton_popup_preview_image_hidden.css"; /**/ @import "./css/locationbar/ac_popup_classic_with_two_lines.css"; /**/ @import "./css/my_userChrome/my_userChrome.css"; /**/ @import "./css/my_userChrome/my_userChrome2.css"; /**/ /* @import "./css/icons/icons_in_menu.css"; /* Мои иконки в меню страницы */
Просто мне, да и другим будет интересно, есть ли способ объединить эти папки с файлами в одну...
Я выше выкладывал этот комплект с укороченными путями, может так сгодится. У меня он работоспособен, все иконки присутствуют.
Отредактировано sandro79 (08-12-2019 22:32:51)
Отсутствует
как настраивать ширину вкладок?
раскомментировал @import "./css/tabs/tab_maxwidth.css"; /**/ в самом файле попробовал значения менять - никакой реакции.
Отсутствует
serega-stavr В этой строке у меня 190 и работает: --tab_max_width: 120px;
Сам код tab_maxwidth.css у меня перенесён в низ classic_squared_tabs.css, чтоб уменьшить кол-во @import, но это роли не играет.
Ага, вспомнил, там у Ариса как-то хитро сделано, что некоторые стили заблокированы на изменение стилем general_variables.css, закомментируйте эту строку @import "./config/general_variables.css"; /**/
Отредактировано sandro79 (08-12-2019 22:30:24)
Отсутствует
Я выше выкладывал этот комплект с укороченными путями, может так сгодится. У меня он работоспособен, все иконки присутствуют.
Спасибо!
Win7
Отсутствует
Но браузер почему-то игнорирует
содержимое userChrome.css какое?
для проверки игнорирует или нет попробуйте один этот код без любых др. записей
Отредактировано Vitaliy V. (08-12-2019 23:54:11)
Отсутствует
Vitaliy V.
На esr68 ваш код не работает в моем случае. Правда у меня много чего уже изменено, например вкладки не сверху и заголовок окна сужен. Заголовок пришлось оставить для кнопок управления окном и что бы меню было где появляться по Alt, не дергая панели.
Но кое что из стиля Vitaliy V. я взял, для улучшения поведения при длинных заголовках. Так что решил выложить исправление, плюс комментарии добавил:
/*** Заголовок страницы где указано ***/ #main-window::after { position: fixed !important; content: attr(title) !important; top: 4px !important; /* отступ сверху */ /* или */ /*bottom: 3px !important; *//* отступ снизу */ left: 400px !important; /* отступ поля контента */ right: 244px !important; /* отступ поля контента */ padding-inline-start: 10px !important; /* отступ текста в начале */ padding-inline-end: 10px !important; /* отступ текста в конце */ font-size: 11px !important; /* размер текста */ font-weight: bold !important; /* вес шрифта */ text-align: right !important; /* выравнивание текста */ white-space: nowrap !important; /* не переносить текст */ pointer-events: none !important; /* прозрачность для кликов мыши */ overflow: hidden !important; /* обрезать поле контента при длинных заголовках */ text-overflow: ellipsis !important; /*обрезать текст ... при длинных заголовках */ color: #6CBE6C !important; /*цвет текста */ /*opacity: 0.8 !important;*/ /* прозрачность, 1=непрозрачно */ /*background: #1B2128 !important;*/ /* временно убрать комментарий, чтобы видеть поле контента */ text-shadow: 1px 1px 2px black !important; /* тень текста */ }
Отредактировано _zt (09-12-2019 01:05:27)
Отсутствует
Ard
проверьте ещё раз всё ли правильно
about:support --> Каталог профиля --> Открыть папку
создать
chrome/userChrome.css
именно
userChrome.css а не userChrome.css.txtabout:config
toolkit.legacyUserProfileCustomizations.stylesheets - truesachka
если у вас включена не стандартная тема то менять color нужно здесьскрытый текст*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])):-moz-lwtheme #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
color: var(--toolbar-color, inherit) !important;
text-shadow: inherit !important;
}
https://forum.mozilla-russia.org/viewto … 91#p775591
ну вот красота. лисичка просто великолепна кто бы что не говорил
Отсутствует
_zt
Не вижу никаких проблем всё работает
Отредактировано Vitaliy V. (09-12-2019 00:16:07)
Отсутствует