Дорабатываю классическую тему оформления. Результат удовлетворительный, но не нравятся две вещи. Во-первых, не работает для кнопок в панели вкладок "+" и "V", а именно: не убирается темно-серый фон на обеих кнопках при наведении и открытии и не прорисовывается рамка кнопки "V" при открытии:
#TabsToolbar .tabs-newtab-button:hover,
#TabsToolbar #alltabs-button:hover,
#nav-bar toolbarbutton:hover:not(#back-button):not(.subviewbutton),
#PersonalToolbar #PlacesToolbarItems toolbarbutton:hover,
#PersonalToolbar #PlacesChevron:hover {
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight !important;
}
#TabsToolbar .tabs-newtab-button:hover:active,
#TabsToolbar .tabs-newtab-button[open],
#TabsToolbar #alltabs-button:hover:active,
#TabsToolbar #alltabs-button:hover[open],
#nav-bar toolbarbutton[open]:not(#back-button):not(.subviewbutton),
#PersonalToolbar #PlacesToolbarItems toolbarbutton:hover:active,
#PersonalToolbar #PlacesToolbarItems toolbarbutton[open],
#PersonalToolbar #PlacesChevron[open] {
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow !important;
}
#nav-bar toolbarbutton:not(#back-button):not(.subviewbutton),
#PersonalToolbar #PlacesChevron {
margin-top: 4px !important;
margin-bottom: 4px !important;
width: var(--toolbarbutton-width) !important;
}
#main-window[uidensity=compact] #nav-bar toolbarbutton:not(.subviewbutton) {
-moz-appearance: toolbarbutton !important;
background-color: transparent !important;
border: 1px solid transparent !important;
margin-top: 2px !important;
margin-bottom: 2px !important;
width: var(--toolbarbutton-width) !important;
}
#main-window[uidensity=compact] #nav-bar toolbarbutton:hover:not(.subviewbutton) {
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight !important;
}
#main-window[uidensity=compact] #nav-bar toolbarbutton:hover:active,
#main-window[uidensity=compact] #nav-bar toolbarbutton[open]:not(.subviewbutton) {
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow !important;
}
#nav-bar toolbarbutton > .toolbarbutton-icon,
#nav-bar toolbarbutton > .toolbarbutton-badge-stack {
background-color: transparent !important;
}
}
Отсутствует
когда findbar ничего не находит, то на .findbar-textbox[status="notfound"] появляется черная рамка, как её убрать?
@-moz-document url("chrome://browser/content/browser.xhtml") { .findbar-textbox[status="notfound"] { border-color: ThreeDShadow !important; outline: unset !important; } }
Отсутствует
Ребята может кто знает как поднять кнопку обновить страницу а то в 90.0 вниз ушла
Отсутствует
Ребята может кто знает как поднять кнопку обновить страницу
:where(#reload-button, #stop-button) > .toolbarbutton-icon, :where(#reload-button, #stop-button) > .toolbarbutton-animatable-box { translate: 0 0px !important; }
Для 91
:where(#reload-button, #stop-button) > .toolbarbutton-icon { padding: calc(var(--toolbarbutton-inner-padding) - 1px) var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 1px ) !important; }
Отредактировано sandro79 (13-07-2021 01:05:06)
Отсутствует
egorsemenov06 пишетРебята может кто знает как поднять кнопку обновить страницу
скрытый текстВыделить кодКод:
:where(#reload-button, #stop-button) > .toolbarbutton-icon, :where(#reload-button, #stop-button) > .toolbarbutton-animatable-box { translate: 0 0px !important; }
Спасибо большое!
Добавлено 12-07-2021 21:33:47
Подскажите пожалуйста как в протоне сделать синию обводку в строке адреса когда кликаешь в нее и можно ли как то сделать что бы конткстные меню выделялись на фоне страницы
Отредактировано egorsemenov06 (12-07-2021 21:33:47)
Отсутствует
как в протоне сделать синию обводку в строке адреса когда кликаешь в нее и можно ли как то сделать что бы конткстные меню выделялись на фоне страницы
Да обводка и так присутствует, во всяком случае с системной или светлой темой. Может у вас стилями глушится. Можно попробовать принудительно вернуть что ли
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background { border: var(--focus-outline) !important; border-color: var(--toolbar-field-focus-border-color) !important; }
Отсутствует
egorsemenov06 пишеткак в протоне сделать синию обводку в строке адреса когда кликаешь в нее и можно ли как то сделать что бы конткстные меню выделялись на фоне страницы
Да обводка и так присутствует, во всяком случае с системной или светлой темой. Может у вас стилями глушится. Можно попробовать принудительно вернуть что ли
По контекстным меню не совсем понятно что нужно, скриншот бы посмотреть, перекрасить или бордюр сделать или ещё что-то.скрытый текстВыделить кодКод:
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background { border: var(--focus-outline) !important; border-color: var(--toolbar-field-focus-border-color) !important; }
Ссасибо ! По контекстным меню уже сделал бордюр.
Отредактировано egorsemenov06 (13-07-2021 13:45:29)
Отсутствует
Vitaliy V.
https://forum.mozilla-russia.org/viewto … 17#p792417
Спасибо.
А чего там настраивать текст?!
Наверное я имел ввиду вообще интерфейс настроек, например, свою картинку на миниатюру, да и все остальное.
Coroner
Вы же сами спросили про глобальные переменные. Никто вас не заставляет их использовать, используйте как раньше, например вместо "var(--какая_то_переменная)"
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { /* selected */
{ background-color: var(--какая_то_переменная) !important; }
точный цвет в html, rgb или rgba.
All
Актуализировал Стиль для дополнительных меню (панелей)
и Стиль для панели закладок
Отредактировано _zt (13-07-2021 21:14:52)
Отсутствует
Отсутствует
Подскажите, как размер кнопки "Х" на вкладке поменять? Была поменьше, теперь очень большая.
Отсутствует
Vitaliy V. Не кидайтесь в меня тапками но мне больше не к кому обратиться .Подскажите пожалуйста как правильно записывать это правило
<div class="" style="background-image: url("moz-page-thumb://thumbnails/?url=https%3A%2F%2Fwww.startpage.com%2Fdo%2Fmypage.pl%3Fprfe%3D09d5a768131701e55e08b3cb7f56053eb9cb78101c2bdb6591f746f1c3c807de84955e822a80372c0f5fb40b392429378522bbacc301888d3d71ff09781d3537e56609525691bfe954c8bbd9&revision=5898");"></div>
Отсутствует
YrdErfgert
Попробуйте так
Как сделать появление крестика закрытия на вкладках, при наведении мыши
Отсутствует
Попробуйте так
Т.е. размер креста не изменить?
Да добавил код в userChrome.css, в моём случае "Х" никуда не делся, а при наведении мыши цвет меняется на красный. И ещё, у меня активен custom_tab_color_settings.css, возможно поэтому такое поведение и с цветом и с исчезновением кнопки.
Отсутствует
YrdErfgert
Т.е. размер креста не изменить?
Наверное, можно, подскажут кто знает. Просто этот вариант мне понравился и прижился.
Отредактировано oleg.sgh (14-07-2021 15:37:23)
Отсутствует
egorsemenov06
В расширение, скрипт uc/ucf или еще куда - создайте подпапку в chrome\user_chrome_files, например chrome\user_chrome_files\custom_styles\png и прописывайте адрес так - url("chrome://user_chrome_files/content/custom_styles/png/startpage.png").
Отредактировано _zt (14-07-2021 16:21:28)
Отсутствует
egorsemenov06
В расширение, скрипт uc/ucf или еще куда - создайте подпапку в chrome\user_chrome_files, например chrome\user_chrome_files\custom_styles\png и прописывайте адрес так - url("chrome://user_chrome_files/content/custom_styles/png/startpage.png").
Пути ФС и браузера не идентичны.
Я спросил как правило записать в userChrome.css
Отсутствует
egorsemenov06
<div class
это html синтаксис, т.е. ответ будет - никак.
Давайте нормальный пример кода в css синтаксисе и не морочьте голову людям.
Пример смены иконки папки закладки
toolbarbutton.bookmark-item[container="true"][label="имя_папки"] > .toolbarbutton-icon {
list-style-image: url("./ico/своя_иконка.svg") !important;
}
здесь /ico/ подпапка папки chrome.
Пример смены логотипа duckduckgo через userContent.css
@-moz-document url-prefix("https://duckduckgo.com") {
a#logo_homepage_link.logo_homepage,
.is-atb-fullbleed.dark-bg .logo_homepage,
.dark-header .header__logo {
background-image: url("./png_bkmrk/duckduckgo2.png") !important;
}
a#logo_homepage_link.logo_homepage,
.is-atb-fullbleed .content--home .logo_homepage {
width: 150px !important;
height: 150px !important;
}
}
здесь /png_bkmrk/ подпапка папки chrome.
А вы даете строку не понятно откуда с пустым классом.
Ну например так:
#"здесь вставьте ближайший верхний id без кавычек" ."здесь вставьте класс элемента без кавычек" {
background-image: url("./screenshot/startpage.png") !important;
}
но вам похоже это надо именно для userContent.css, а в этом случае надо так -
@-moz-document url-prefix("здесь вставьте начало адреса страницы,кавычки оставьте") {
#"здесь возможно понадобится вставить ближайший верхний id без кавычек, а может и не понадобится, тогда просто удалите это до следующей точки" ."здесь вставьте класс элемента без кавычек" {
background-image: url("./screenshot/startpage.png") !important;
}
}
Отредактировано _zt (14-07-2021 17:41:14)
Отсутствует
egorsemenov06
<div class
это html синтаксис, т.е. ответ будет - никак.
Давайте нормальный пример кода в css синтаксисе и не морочьте голову людям.
Пример смены иконки папки закладкиtoolbarbutton.bookmark-item[container="true"][label="имя_папки"] > .toolbarbutton-icon {
list-style-image: url("./ico/своя_иконка.svg") !important;
}здесь /ico/ подпапка папки chrome.
В том то и дело что я не знаю как это <div class="" style="background-image: записывается в css потому и спрашиваю а с папками я сам разберусь
Отредактировано egorsemenov06 (14-07-2021 17:34:49)
Отсутствует
egorsemenov06
Посмотрите сообщение выше, я его отредактировал.
Тот пример что вы дали для дакдакго у меня там нормально а вот где скриншот сайта вот такая засада
Отсутствует
egorsemenov06
И где же этот скриншот сайта, я должен догадаться, это игра такая? Запустил тестовый профиль, посмотрел дом.страницу firefox, установил new_tab_page тоже посмотрел, ни то ни это на ваш скриншот не похоже.
Отсутствует
Подскажите, пожалуйста, как сделать цветными иконки загрузок и закладок в левом меню окна библиотеки:
treechildren::-moz-tree-image(title, open) {
-moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}
treechildren::-moz-tree-image(title, container, livemark) {
list-style-image: url("./../image/feed.png") !important;
-moz-image-region: auto !important;
}
#editBMPanel_folderMenuList:-moz-any([label="Bookmarks Toolbar"],[label="Lesezeichen-Symbolleiste"]) .menulist-icon,
#editBMPanel_toolbarFolderItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar),
treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
list-style-image: url("./../image/bookmarks_toolbar.png") !important;
-moz-image-region: auto !important;
}
#editBMPanel_folderMenuList:-moz-any([label="Bookmarks Menu"],[label="Lesezeichen-Menü"]) .menulist-icon,
#editBMPanel_bmRootItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu),
treechildren::-moz-tree-image(container, queryFolder_menu________) {
list-style-image: url("./../image/bookmarks_menu.png") !important;
-moz-image-region: auto !important;
}
#editBMPanel_folderMenuList:-moz-any([label="Other Bookmarks"],[label="Weitere Lesezeichen"]) .menulist-icon,
#editBMPanel_unfiledRootItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
treechildren::-moz-tree-image(container, queryFolder_unfiled_____) {
list-style-image: url("./../image/unsorted_bookmarks.png") !important;
-moz-image-region: auto !important;
}
treechildren::-moz-tree-image(title, query),
treechildren::-moz-tree-image(query) {
list-style-image: url("./../image/query.png") !important;
-moz-image-region: auto !important;
}
treechildren::-moz-tree-image(title, query, dayContainer) {
list-style-image: url("./../image/calendar.png") !important;
-moz-image-region: auto !important;
}
treechildren::-moz-tree-image(query, OrganizerQuery_History),
treechildren::-moz-tree-image(query, OrganizerQuery_history____v),
treechildren::-moz-tree-image(title, query, dayContainer) {
list-style-image: url("./../image/calendar.png") !important;
-moz-image-region: auto !important;
}
treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
-moz-image-region: auto !important;
}
treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar") !important;
-moz-image-region: auto !important;
}
.bookmark-item[container] {
list-style-image: url("./../image/folder_item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
.bookmark-item[container][open] {
-moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}
.bookmark-item[container][livemark] {
list-style-image: url("./../image/livemark_folder.png") !important;
-moz-image-region: auto !important;
}
.bookmark-item[container][livemark] .bookmark-item {
list-style-image: url("./../image/livemark_item.png") !important;
-moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}
.bookmark-item[container][livemark] .bookmark-item[visited] {
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
.bookmark-item[container][query] {
list-style-image: url("./../image/query.png") !important;
-moz-image-region: auto !important;
}
#scrollbutton-up .toolbarbutton-icon,
#scrollbutton-down .toolbarbutton-icon {
-moz-image-region: auto !important;
}
treechildren::-moz-tree-image(title, query, tagContainer),
treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v),
.bookmark-item[query][tagContainer] {
list-style-image: url("./../image/tag.png") !important;
-moz-image-region: auto !important;
}
.bookmark-item[query][dayContainer] {
list-style-image: url("./../image/calendar.png") !important;
-moz-image-region: auto !important;
}
.bookmark-item[query][hostContainer] {
list-style-image: url("./../image/folder_item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
.bookmark-item[query][hostContainer][open] {
list-style-image: url("./../image/folder_item.png") !important;
-moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}
#subscribeToPageMenuitem:not([disabled]),
#subscribeToPageMenupopup {
list-style-image: url("./../image/feed.png") !important;
}
#bookmarksToolbarFolderMenu,
#BMB_bookmarksToolbar,
#panelMenu_bookmarksToolbar {
list-style-image: url("./../image/bookmarks_toolbar.png") !important;
-moz-image-region: auto !important;
}
#menu_unsortedBookmarks,
#BMB_unsortedBookmarks,
#panelMenu_unsortedBookmarks {
list-style-image: url("./../image/unsorted_bookmarks.png") !important;
-moz-image-region: auto !important;
}
Отсутствует
как размер кнопки "Х" на вкладке поменять? Была поменьше, теперь очень большая
По дефолту, крест на вкладке 89+ - это едва различимый невооружённым глазом прыщ из двух тонюсеньких линий, причём никак не больше, а меньше чем в допротоновской версии.
И ещё, у меня активен custom_tab_color_settings.css
А какой ещё активен? Очевидно classic_squared_tabs.css, в нём смотрите настройки кнопки, в этом правиле. Ставьте значения меньше 16px. -moz-margin-end: - отступ от правого края вкладки.
Дефолтную кнопку он загасил неск. правилами в этом же стиле, поэтому размер кнопки подбирается чуть иначе.
В дефолтном варианте так можно уменьшить
.tab-close-button { width: 22px !important; height: 22px !important; padding: 7px !important; }
Отсутствует
Подскажите, пожалуйста, как сделать цветными иконки загрузок и закладок в левом меню окна библиотеки:
В 67 и 72 строке подставьте свои иконки.
Add, и зачем выкладывать здесь весь код, лучше добавить ссылку...
Отредактировано kokoss (14-07-2021 19:31:52)
Win7
Отсутствует