kokoss пишет:
Сделать так что бы значок менял цвет при нахождении в "Приватном окне"? И сдвинуть немного влево значок "Приватного окна"?
скрытый текст
Большое спасибо!
Win7
Отсутствует
Имелось в виду, вот такой формы:... но теперь не работает ваш стиль по изменению цвета значка ...
можно конечно просто заменить иконку но стоит попробовать с настройкой svg.context-properties.content.enabled - true
чтобы -moz-context-properties работало не только через chrome:// resource://
#privatebrowsing-button { list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><circle cx='8' cy='8' r='8' fill='context-fill rgb(141, 32, 174)'/><path fill='context-stroke white' d='M 11.3,11 C 10.1,11 9.2,9.5 8,9.5 6.81,9.5 5.87,11 4.7,11 3.16,11 2.02,9.54 2,7.05 1.99,5.5 2.45,5 4.45,5 6.45,5 7.04,5.82 8,5.82 8.97,5.82 9.56,5 11.6,5 13.6,5 14,5.5 14,7.04 14,9.54 12.9,11 11.3,11 Z M 5.43,6.91 A 1.74,1.74 0 0 0 3.72,7.86 2.05,2.05 0 0 0 5.31,8.54 C 6.09,8.54 7.02,8.25 7.02,8 A 1.43,1.43 0 0 0 5.43,6.91 Z M 10.6,6.91 A 1.43,1.43 0 0 0 8.98,8 C 8.98,8.25 9.91,8.54 10.7,8.54 A 2.05,2.05 0 0 0 12.3,7.86 1.74,1.74 0 0 0 10.6,6.91 Z'/></g></svg>") !important; -moz-context-properties: fill, stroke !important; fill: #757575 !important; stroke: #ffffff !important; } *|*:root[privatebrowsingmode="temporary"] #privatebrowsing-button { fill: #8d20ae !important; stroke: #ffd700 !important; }
Отредактировано Vitaliy V. (19-12-2019 01:06:09)
Отсутствует
Vitaliy V.
Ваш стиль для отображения attr(label) не работает совместно со стилем скрытия заголовка и панели вкладок. Можете первый поправить?
С него все началось со скрытием заголовка и вот опять.
Отсутствует
А какой параметр отвечает за фон панели вкладок? Хочу покрасить пустое место в панели вкладок отображаемой несколько строк градиентом, могли бы написать строчку кода?
Отредактировано PEAKTOP (19-12-2019 14:17:38)
1. Приму из добрых рук щедрый дар - инвайт на Хабр и Лепру
2. Бессмысленно осмысливать смысл неосмысленными мыслями!
3. Прежде чем подумать - подумай!
Отсутствует
можно конечно просто заменить иконку но стоит попробовать с настройкой svg.context-properties.content.enabled - true
чтобы -moz-context-properties работало не только через chrome:// resource://
Этот параметр у меня включён!
скрытый текст
Вот теперь ОТЛИЧНО
Добавлено 19-12-2019 14:52:11
А какой параметр отвечает за фон панели вкладок?
/* Фон панели вкладок */
#TabsToolbar {background-color: #3d3d3d !important}
Отредактировано kokoss (19-12-2019 14:52:11)
Win7
Отсутствует
Ваш стиль для отображения attr(label) не работает совместно со стилем скрытия заголовка и панели вкладок
Это с вашим не работает, но не с моим
кто вам говорил что нужно hidden а не visible как у меня
Отсутствует
Vitaliy V.
А потому что в полноэкранном режиме, в персонализации, вкладки на панель навигации налазят. Их вообще в персонализации скрыть надо, для этого стиля. В общем, исправил, заработало. Спасибо.
Отредактировано _zt (19-12-2019 17:35:12)
Отсутствует
Vitaliy V.
Виталий, хотел ещё попросить, может есть несложный способ добавить в стиль для отображения кнопки паузы в окнах загрузки, чтоб при наведении на кнопку паузы происходило такое же поведение, как при наведении на штатную кнопку отмены/повтора/откр.папки загрузок, т.е. выделение и изменение окраски значка и всплывающая подсказка Приостановить/Возобновить при наведении указателя мыши, примерно так, как это было раньше при использовании для окна загрузки дополнения Downloads Window. Понятное дело, что это лишь не особо нужный марафет, не влияющий на функционал и моя блажь, но может это не слишком сложно осуществить. Под спойлером снимки, для большей наглядности, окон дополнения Downloads Window и окна ucjsDownloadsManager.uc.js, хотя последнее наверное было и необязательно заливать. Спасибо.
sandro79
Если бы было не сложно то сделал бы, как таковых кнопок там нет есть псевдоэлементы...можно скриптом отслеживать движение мыши но оно того не стоит.
Понятно. Спасибо. Было сомнение, что это не так просто, но подумал,- а вдруг получится Согласен, скрипт для этого украшательства не стоит делать.
Отредактировано sandro79 (20-12-2019 16:28:52)
Отсутствует
sandro79
Если бы было не сложно то сделал бы, как таковых кнопок там нет есть псевдоэлементы
к которым нельзя применить :hover по крайней мере в текущем стандарте css
Ну да можно скриптом отслеживать движение мыши но оно того не стоит.
Отсутствует
Пытаюсь скрыть только надпись Not Secure, а прибивается весь identity-box... Что я не так делаю?
Огнелис 70-ый.
Отсутствует
Пытаюсь скрыть только надпись Not Secure, а прибивается весь identity-box... Что я не так делаю?
Огнелис 70-ый.скрытый текст
Так в about:config есть отдельный параметр, что убрать текст.
about:config > security.insecure_connection_text.enabled > true
about:config > security.insecure_connection_text.pbmode.enabled > true (для режима инкогнито)
Ещё можно с замочком пошаманить
security.insecure_connection_icon.enabled
security.insecure_connection_icon.pbmode.enabled
Отсутствует
Отсутствует
а можно ли добавить кнопку паузы еще в стандартную кнопку загрузки и about:downloads
Думаю да, завтра подумаю как
Возможно ли добавить своё изображение:
@-moz-document url("about:newtab"), url("about:home") { body { background-image: url("./png/background.png") !important; background-position: center bottom !important; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed !important; } }
Отсутствует
Vitaliy V. Я на счёт добавления изображения в about:newtab хотел спросить. А возможно ли ещё сменить цвет надписей названий плиток в топе сайтов на белый?
Я долгое время использую стиль для тёмного фона about:newtab отсюда, но естественно изображение как-то более приятно, его можно поменять при желании. Я нашёл строку, отвечающую за белый цвет надписей плиток, но меняется ещё и цвет в окнах настроек плитки и ничего не видно --newtab-text-primary-color: #F9F9FA !important; Белый лучше различим на не слишком ярких изображениях. Может можно как-то задать текст только для надписей под плитками. Спасибо.
Отредактировано sandro79 (21-12-2019 20:35:03)
Отсутствует
Может можно как-то задать текст только для надписей под плитками.
Может лучше обновить стиль, теперь оно встроено в
resource://activity-stream/css/activity-stream.css
@-moz-document url("about:newtab"), url("about:home") { body { --newtab-background-color: #2A2A2E !important; --newtab-border-primary-color: rgba(249, 249, 250, 0.8) !important; --newtab-border-secondary-color: rgba(249, 249, 250, 0.1) !important; --newtab-button-primary-color: #0060DF !important; --newtab-button-secondary-color: #38383D !important; --newtab-element-active-color: rgba(249, 249, 250, 0.2) !important; --newtab-element-hover-color: rgba(249, 249, 250, 0.1) !important; --newtab-icon-primary-color: rgba(249, 249, 250, 0.8) !important; --newtab-icon-secondary-color: rgba(249, 249, 250, 0.4) !important; --newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4) !important; --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2) !important; --newtab-link-primary-color: #45A1FF !important; --newtab-link-secondary-color: #50BCB6 !important; --newtab-text-conditional-color: #F9F9FA !important; --newtab-text-primary-color: #F9F9FA !important; --newtab-text-secondary-color: rgba(249, 249, 250, 0.8) !important; --newtab-textbox-background-color: #38383D !important; --newtab-textbox-border: rgba(249, 249, 250, 0.2) !important; --newtab-textbox-focus-color: #45A1FF !important; --newtab-textbox-focus-boxshadow: 0 0 0 1px #45A1FF, 0 0 0 4px rgba(69, 161, 255, 0.3) !important; --newtab-feed-button-background: #38383D !important; --newtab-feed-button-text: #F9F9FA !important; --newtab-feed-button-background-faded: rgba(56, 56, 61, 0.6) !important; --newtab-feed-button-text-faded: rgba(249, 249, 250, 0) !important; --newtab-feed-button-spinner: #D7D7DB !important; --newtab-contextmenu-background-color: #4A4A4F !important; --newtab-contextmenu-button-color: #2A2A2E !important; --newtab-modal-color: #2A2A2E !important; --newtab-overlay-color: rgba(12, 12, 13, 0.8) !important; --newtab-section-header-text-color: rgba(249, 249, 250, 0.8) !important; --newtab-section-navigation-text-color: rgba(249, 249, 250, 0.8) !important; --newtab-section-active-contextmenu-color: #FFF !important; --newtab-search-border-color: rgba(249, 249, 250, 0.2) !important; --newtab-search-dropdown-color: #38383D !important; --newtab-search-dropdown-header-color: #4A4A4F !important; --newtab-search-header-background-color: rgba(42, 42, 46, 0.95) !important; --newtab-search-icon-color: rgba(249, 249, 250, 0.6) !important; --newtab-search-wordmark-color: #FFF !important; --newtab-topsites-background-color: #38383D !important; --newtab-topsites-icon-shadow: none !important; --newtab-topsites-label-color: rgba(249, 249, 250, 0.8) !important; --newtab-card-active-outline-color: #4A4A4F !important; --newtab-card-background-color: #38383D !important; --newtab-card-hairline-color: rgba(249, 249, 250, 0.1) !important; --newtab-card-placeholder-color: #4A4A4F !important; --newtab-card-shadow: 0 1px 8px 0 rgba(12, 12, 13, 0.2) !important; --newtab-snippets-background-color: #38383D !important; --newtab-snippets-hairline-color: rgba(255, 255, 255, 0.1) !important; --trailhead-header-text-color: rgba(255, 255, 255, 0.6) !important; --trailhead-cards-background-color: rgba(12, 12, 13, 0.1) !important; --trailhead-card-button-background-color: rgba(12, 12, 13, 0.3) !important; --trailhead-card-button-background-hover-color: rgba(12, 12, 13, 0.5) !important; --trailhead-card-button-background-active-color: rgba(12, 12, 13, 0.7) !important; } }
Отредактировано Vitaliy V. (21-12-2019 20:40:24)
Отсутствует
Может лучше обновить стиль, теперь оно встроено в
resource://activity-stream/css/activity-stream.css
Да, понял, благодарю. Виталий, да я вроде разобрался, ещё немного поднапрягшись, выше сообщение подправил. Да, этот стиль я тоже заберу, \browser\features --> activity-stream@mozilla.org.xpi уже давно удалили и несомненно стиль немного изменился. Буду разбираться и дальше рихтовать about:newtab. Огромное Спасибо.
А если ещё и гифку поставить, так вообще красота, надо mp4 еще попробовать
Отредактировано sandro79 (21-12-2019 21:51:34)
Отсутствует
Пользовательская картинка в about:newtab. Как полностью погасить "стробоскоп" (вспышку белого) при загрузке браузера? Особенно заметно, если картинка темная.
Немного облегчает ситуацию установка темного фона при загрузке страницы, но неприятная вспышка на долю секунды все равно остается.
Отсутствует
можно ли добавить кнопку паузы еще в стандартную кнопку загрузки и about:downloads
Можно попробовать переопределить функцию, вроде норм. работает и везде, предыдущий код не требуется
не пытайтесь добавить этот код в др. скрипт или CB
78 +
user_chrome_files/custom_scripts/custom_script.js
(async ({DownloadsViewUI}) => { var origfunc = DownloadsViewUI.DownloadElementShell.prototype.connect; DownloadsViewUI.DownloadElementShell.prototype.connect = function connect() { var _origfunc = origfunc.apply(this, arguments); if (!this.element || !this._downloadButton) return _origfunc; var doc = this.element.ownerDocument; var button = doc.createXULElement("button"); button.setAttribute("class", "downloadButton downloadPauseResumeButton"); if (this.isPanel) button.addEventListener("mouseover", e => { e.preventDefault(); e.stopPropagation(); }, true); else button.setAttribute("tooltiptext", "Пауза/Продолжить"); button.addEventListener("command", e => { if (!this.element._shell?.isCommandEnabled("downloadsCmd_pauseResume")) return; e.preventDefault(); e.stopPropagation(); this.element._shell.doCommand("downloadsCmd_pauseResume"); }); this._downloadButton.before(button); return _origfunc; }; })(ChromeUtils.import("resource:///modules/DownloadsViewUI.jsm"));
@-moz-document url-prefix("chrome:"), url("about:downloads") { richlistbox > richlistitem.download-state[state="0"] > .downloadPauseResumeButton { list-style-image: url("./svg/download-pause.svg") !important; } richlistbox > richlistitem.download-state[state="4"] > .downloadPauseResumeButton { list-style-image: url("./svg/download-resume.svg") !important; } richlistbox > richlistitem.download-state[buttonhidden] .downloadPauseResumeButton, richlistbox > richlistitem.download-state:not(:is([state="0"],[state="4"])) .downloadPauseResumeButton { display: none !important; } }
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" fill="context-fill #0b0b0b"> <path d="M 5,13.5 V 2.5 C 5,1.8 4,1.8 4,2.5 V 13.5 C 4,14.2 5,14.2 5,13.5 Z M 12,13.5 V 2.5 C 12,1.8 11,1.8 11,2.5 V 13.5 C 11,14.2 12,14.2 12,13.5 Z"/> </svg>
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" fill="context-fill #0b0b0b"> <path d="M 4,13 12,8.02 4,3 Z M 3,13 V 3 A 1,1 0 0 1 4.53,2.15 L 12.5,7.17 A 1,1 0 0 1 12.5,8.88 L 4.53,13.8 A 1,1 0 0 1 3,13 Z" fill-rule="evenodd"/> </svg>
Отредактировано Vitaliy V. (22-07-2021 16:26:56)
Отсутствует
Версия 71. Панель вкладок спустилась вниз браузера, а панель навигации не хочет. Помогите пожалуйста. Бюджет 300 р.
@-moz-document url-prefix("chrome://browser/content/browser.x") {
/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 2 !important;
box-shadow: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 1 !important;
border-top: 1px solid ThreeDShadow !important;
}
/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }
/* Более толстые кнопки Вперед-Назад */
/*#main-window:not(#f) #back-button {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}*/
/* Hide blue stripe on active tab
.tab-line[selected="true"] {
opacity: 0 !important;
}
*/
/* Цвет линии для активной вкладки
.tab-line[selected="true"] {
background-color: #68768a !important;
}
*/
/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}
/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
opacity: 0 !important;
}
/*** Секция для вкладок внизу ***/
/* Вкладки в низ окна */
#TabsToolbar {
position: fixed;
bottom: 0em;
width: 100%;
}
#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em;}
/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}
/* Remove X from Tabs */
/*#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }*/
/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#tabbrowser-tabs {
width: 100vw !important;
#content-deck { margin-bottom: 0em; }
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}
/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}
/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}
/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}
/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}
/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
/*** Конец секции для вкладок внизу ***/
/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {
/* Position the Find Bar above the page */
-moz-box-ordinal-group: 0;
/* Move Find Bar border from top to bottom */
border-top: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}
/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */
#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}
window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}
#TabsToolbar {
position: fixed !important;
display:block !important;
bottom: 0px !important;
width: 100% !important;
}
}
Отсутствует
Vitaliy V. спасибо все работает
Отсутствует
И да теперь кнопки реагируют на :hover
Огромное Спасибо! Всё и везде работает. Как я понял places_win.js теперь уже не нужен и в моём случае с отдельным окном ucjsDownloadsManager.uc.js, можно удалить две строки loadScripts("places_win.js"); для его запуска из кода отсюда в скрипте custom_script_all_win.js, что я и сделал.
Виталий, а как вообще к user_chrome_files грамотно добавить сторонний скрипт, например favicon_in_urlbar.uc.js? Я его добавлял в "// Здесь может быть ваш код который сработает по событию "load" не раньше", и он работал и в самый низ скрипта и он работал, но так же неправильно делать, нужен запуск, лежащего рядом скрипта из custom_script_all_win.js. Может есть какое-то универсальное решение для запуска из нескольких строк для подобных скриптов? Спасибо.
Отсутствует