Кто в курсе, как настроить вид скроллбара?
Раньше работал стиль, а в 57 что то отвалился он.
/* AGENT_SHEET */ scrollbar, scrollcorner { -moz-appearance: none !important; background: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } scrollbar:hover thumb[orient="vertical"], scrollbar:hover thumb[orient="horizontal"], scrollbar:hover scrollbarbutton { opacity: .8 !important; } scrollbar thumb[orient="vertical"], textbox scrollbar thumb[orient="vertical"] { -moz-appearance: none !important; opacity: .4 !important; min-height: 30px !important; border: none !important; border-radius: 4px !important; background-color: #444444 !important; background-image: -moz-linear-gradient(90deg, #444 0%, #999 5%, #444 50%, #999 95%, #444 100%) !important; } scrollbar thumb[orient="horizontal"], textbox scrollbar thumb[orient="horizontal"] { -moz-appearance: none !important; min-width: 30px !important; opacity: .4 !important; border: none !important; border-radius: 6px !important; background-color: #444444 !important; background-image: -moz-linear-gradient(0deg, #444444 0%, #999999 10%, #444444 50%, #999999 90%, #444444 100%) !important;} scrollbar[orient="vertical"] { min-width: 8px !important; max-width: 8px !important; } html>scrollbar[orient="vertical"] { margin-left: -8px !important; position: relative !important; z-index: 99999999 !important; } scrollbar[orient="horizontal"] { max-height: 12px !important; min-height: 12px !important; } html>scrollbar[orient="horizontal"] { position: relative !important; z-index: 99999999 !important; } scrollbarbutton {display: none!important; } /**** so scrollbar won't block links, other scrollbars, etc *****/ @-moz-document url-prefix(http){ body { padding-right: 8px !important; max-width: calc(100% - 8px) !important; } }
Отсутствует
Кто в курсе, как настроить вид скроллбара?
Раньше работал стиль, а в 57 что то отвалился он.
Я себе сделал так:
Вот отсюда.
Отсутствует
MrDenver
Значит в 57 селекторы изменились, но тут уже я не в силах помочь, сижу на ХР, 57 не установить.
Да это через кнопку. Код в Инициализацию, а стиль в Справку.
// ЛКМ переключить настройки кнопки и стиль .......... this._handleClick =()=> setStyleForPages( void(custombuttons.setPrefs(s, !custombuttons.getPrefs(s))) ); // Создать настройки кнопки в about:config если они не существует и получть .......... var s = "CB." + _id.slice(20) + ".setStyleForPage"; custombuttons.isPref(s, false); // Установить нужную иконку кнопки при старте браузера или при изменениях настроек кнопки .......... function toggleImage() { var [img] = document.getAnonymousNodes(self); img.style.backgroundColor = custombuttons.getPrefs(s) ? "#131d24" : "#ffeeaa"; }; toggleImage(); gPrefService.addObserver(s, toggleImage, false); addDestructor(()=> gPrefService.removeObserver(s, toggleImage) ); // Переключить css стиль для страницы .......... function setStyleForPages(reason) { if ( reason == "destructor" ) return; var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService); var uri = makeURI("data:text/css," + encodeURIComponent(self.Help)); try { sss.unregisterSheet(Services[_id + "previousUri"] || uri, 0) } catch(e) {}; Services[_id + "-previousUri"] = uri; custombuttons.getPrefs(s) && !reason && sss.loadAndRegisterSheet(uri, 0); }; addDestructor(setStyleForPages); custombuttons.getPrefs(s) && setStyleForPages(); // Подсказка для кнопки .......... this.tooltipText = self.label + "\nЛ: Переключить черный фон страниц";
Лучше спросить у знающих - чем лезть не зная.
Отсутствует
villa7
Я хочу настроить цвета заднего фона через userChrome.css. Я так понимаю ваши коды работают только через custom buttons.
Кто владеет информацией напишите пожалуйста.
Отсутствует
Подскажите кто сталкивался. Изменил стиль, для возможности открывать вкладки в несколько рядов, но вкладка переносится из третьего ряда в первый или во второй , не знаю, что винить и кто виноват в причинах поведения. Может, кто сталкивался с этим ?
Код используемый:
#TabsToolbar .tabbrowser-arrowscrollbox, #TabsToolbar .arrowscrollbox-scrollbox, #TabsToolbar .scrollbox-innerbox { display: block !important; } .scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator { display: none !important; } .tabbrowser-tab { min-height: var(--tab-min-height) !important; vertical-align: bottom !important; } .tabbrowser-tab { min-width: 100px !important; } @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .tab-close-button,.tab-close-button > .toolbarbutton-icon { display: -moz-box !important; }
Отсутствует
Если используете userChrome.css - включайте телеметрию
http://forums.mozillazine.org/viewtopic … #p14782971
https://bugzilla.mozilla.org/show_bug.cgi?id=1416044
Отредактировано жрнжп (10-12-2017 18:35:53)
Отсутствует
Вот что мне удалось найти.Для примера взял красный цвет.Насколько я понял, то цвет заднего фона в боковой панели задается этим кодом:
.sidebar-placesTreechildren::-moz-tree-row(?????) {
background-color: #f00 !important;
}
Может кто подсказать что нужно прописывать в скобках? И верно ли я подобрал код?
Отсутствует
Странно, может что переделали в Nightly. Кстати, существует нехилая вероятность, что Mudilla Mozilla выпилит userChrome.css; они уже приделали телеметрию частоты использования этой функции.
Отсутствует
Если используете userChrome.css - включайте телеметрию http://forums.mozillazine.org/viewtopic … #p14782971https://bugzilla.mozilla.org/show_bug.cgi?id=1416044
Отредактировано жрнжп (Сегодня 18:35:53)
C Учётом того, что удалённую отладку включают некоторые и ещё некоторые фичи для корректной работы с Http - не удивительно.
Отсутствует
MrDenver
А так что нибудь меняет при добавлении в userChrome.css? Что бы хотя бы понять, селекторы не те или что то другое.
Лучше спросить у знающих - чем лезть не зная.
Отсутствует
существует нехилая вероятность, что Mudilla Mozilla выпилит userChrome.css; они уже приделали телеметрию частоты использования этой функции
Судя по багзилле - наоборот . Возникло подозрение что перестарались с "безопасностью" и решили в 59-62 посмотреть сколько процентов юзеров используют , что бы расширить API .
Отсутствует
villa7
Попробовал с символом звездочка, нет эффекта.
А кто знает как увеличить размер иконок стандартных инструментов мозиллы (обновить страницу,показать ход текущей загрузки,домашняя страница и т.д.) ?
При наведении курсора на любую кнопку появляется серый квадратный фон. Как можно заменить этот серый фон на свой?
Отредактировано MrDenver (12-12-2017 01:21:46)
Отсутствует
MrDenver
Если нет эффекта значит у Вас userChrome.css вообще не работает. Потому как * окрасила бы буквально всё в красный цвет. userChrome.css должен лежать в папке chrome в папке профиля.
При наведении курсора на любую кнопку появляется серый квадратный фон. Как можно заменить этот серый фон на свой?
.toolbarbutton-1.chromeclass-toolbar-additional:hover > .toolbarbutton-icon {background: #f00 !important;}
Но опять же что толку если не работает userChrome.css.
Отредактировано villa7 (12-12-2017 03:33:03)
Лучше спросить у знающих - чем лезть не зная.
Отсутствует
Подскажите, как сделать иконки на панели закладок в несколько рядов и чтобы их название при наведение появлялось, если оно есть.
Есть вот такой код, но чет не могу добиться чтобы исчезало название закладок
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #personal-bookmarks { display: block; } #personal-bookmarks #PlacesToolbar { display: block; min-height: 0px; overflow-x: hidden; overflow-y: auto; max-height: 999px; } #personal-bookmarks #PlacesToolbar > hbox { display: -moz-stack !important; left: 0px; right: 0px; width: 100%; } #personal-bookmarks #PlacesToolbar #PlacesToolbarItems { /*display:block;*/ overflow-x: visible; overflow-y: visible; } #personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box { display: block; } #personal-bookmarks #PlacesToolbar > .bookmark-item { visibility: visible !important; } #personal-bookmarks #PlacesToolbar .chevron { display: none; } #personal-bookmarks #PlacesToolbar > hbox > hbox { overflow-x: hidden; overflow-y: hidden; } #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"] { display: none; } #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator { display: none; } #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item { padding-top: 2px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; } #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]), #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] { padding-top: 2px !important; padding-bottom: 2px !important; -moz-padding-start: 4px; -moz-padding-end: 2px; } #personal-bookmarks #PlacesToolbar toolbarseparator { -moz-appearance: none !important; visibility: visible !important; display: inline; text-shadow: none !important; border-left: 3px solid ThreeDShadow !important; border-right: 3px solid ThreeDHighlight !important; vertical-align: middle; } #personal-bookmarks toolbarbutton.bookmark-item[dragover][open] { -moz-appearance: toolbarbutton;
Отсутствует
Отсутствует
villa7
Я нашел глюк, я брал чужой стиль userChrone изначально и как я понял, в нем какие-то прописанные элементы не дают перекрашивать по вашим кодам.
Взял для эксперимента удалил чужой код и поместил последний код в чистый лист userchrome. Цвет появился, я увидел красный цвет.
Но обнаружилась другая странность,ваш последний код перекрашивает как-то выборочно. Часть кнопок стали выделяться красным цветом, а часть кнопок так и осталась серым изначаьным цветом.
Что-то еще надо просписать в код,чтобы все кнопки перекрашивались?
Отсутствует
MrDenver
Значит часть кнопок от каких то расширений, а не дефолтные фаерфоксовские. Так попробуйте, и цвет свой подберите.
А фон в закладках поменялся, то что раньше просили?
Добавлено 13-12-2017 00:22:57
Kamaxa25
#subscribeToPageMenuitem, #bookmarksToolbarFolderMenu, #bookmarksMenuItemsSeparator {display: none !important;} menubar > menu, .menuitem-iconic.bookmark-item.menuitem-with-favicon, .menu-iconic.bookmark-item, #bookmarksMenuPopup > menuitem {font-size: 20px !important;}
Отредактировано villa7 (13-12-2017 00:46:14)
Лучше спросить у знающих - чем лезть не зная.
Отсутствует
villa7
Не помогает. Вот все что написано в userChrome.css
И все получилось, Я так понял 20 в {font-size: 20px !important;} и есть значение величины. Будем пробовать. Кстати Подписаться на ленты новостей пропала опять появилась)
Отредактировано Kamaxa25 (13-12-2017 00:47:28)
Отсутствует
Kamaxa25
.tabbrowser-tab .tab-text {
font-size: 110% !important; -- } Фигурную скобочку в конце поставьте и всё будет работать.
Лучше спросить у знающих - чем лезть не зная.
Отсутствует
villa7
Спасибо огромное. Может вы еще знаете как вкладки вниз переместить?
А как тут изменить масштаб шрифта? Да и много где еще маленький текст. Сделать бы везде одинаковый... и в закладках и в панели меню. и в контекстном....
Отредактировано Kamaxa25 (13-12-2017 01:15:57)
Отсутствует