StkvskyНет она не сразу загружается какое-то время будет висеть иконка от другого сайта если так сделать
Ясно, просто при background-image: none при загрузке пустрое место
И появилась идея чтобы вместо него сразу загружалась/отображалась фавиконка
Отредактировано Stkvsky (22-08-2019 19:26:36)
Отсутствует
toolkit.cosmeticAnimations.enabled не влияет на анимацию соединения и загрузки, но влияет на др. анимации например кнопка обновить/остановить,
на вкладке bursting когда она загружена и т.д.
Пардон за невнимательность, перепутал с другой анимацией. Как говорится, старость не радость
Win7
Отсутствует
solombala
Отсутствует
Vitaliy V.
Странно, нет эффекта...
Пришлось курочить старый. И еще кое-что . Короче сделал, Спасибо!
#urlbar .textbox-input-box, .searchbar-textbox, #PopupAutoCompleteRichResult :-moz-any(.autocomplete-richlistitem,.ac-title,.ac-tags,.ac-separator,.ac-url,.ac-action,description,label), #PopupSearchAutoComplete :-moz-any(treechildren,description,label) { font-size: 15px !important;
Отредактировано solombala (23-08-2019 15:57:05)
Отсутствует
нет эффекта
конфликт со старым стилем, вот так должен работать
#PopupAutoCompleteRichResult .search-one-offs .search-panel-one-offs-header label { font-size: 1.2em !important; }
Отредактировано Vitaliy V. (23-08-2019 16:13:53)
Отсутствует
Отсутствует
solombala
Отредактировано Vitaliy V. (23-08-2019 20:09:50)
Отсутствует
Можно ли изменить фон домашней страницы (на изображение, например) и как это сделать?
Ответ мне был дан здесь.
Однако в FF 69.0 b16 указанный способ не работает. Что можно сделать?
Отсутствует
Вчера обновился до 70.0b1 и userChrome.css перестал работать. Что очень сильно напрягает ибо от текущей дефолтной цветовой схемы в devtools глаза вытекают.
При этом userContent работает.
Отсутствует
Не видно без наведения " Поиск через Google "
и охота тебе с такой мелочевкой возится...
#PopupAutoCompleteRichResult:not([noactions]) > richlistbox > richlistitem:not(.emptySearchQuery) > .ac-action[actiontype="searchengine"], #PopupAutoCompleteRichResult:not([noactions]) > richlistbox > richlistitem:not(.emptySearchQuery) > .ac-separator[actiontype="searchengine"] { display: -moz-box !important; }
Однако в FF 69.0 b16 указанный способ не работает. Что можно сделать?
должен работать вроде, у меня так
@-moz-document url("about:newtab"), url("about:home") { *|body { background-color: rgb(27,27,29) !important; 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; color: rgb(255,255,255) !important; } }
Вчера обновился до 70.0b1 и userChrome.css перестал работать
сам userChrome.css работает на
смотрите может ваши правила уже не работают
Отредактировано Vitaliy V. (28-08-2019 13:33:16)
Отсутствует
Здравствуйте, подскажите пожалуйста, есть такое неудобство
Когда открываешь любую закладку, любой сайт, то страница сначала на секунду белая (белый фон) и потом уже загружается сайт
Так вот ночью это сильно бьет по глазам
Я думал это белый фон about:newtab или about:home, но нет, его изменил, а при открытии любого сайта все равно на секунду появляется белый фон
Можно ли его как нибудь изменить на черный?
Отсутствует
Vitaliy V.
Класс! Просто в 68 эта строка убирается browser.urlbar.suggest.searches=false , в 66 ноль реакции , так хоть надпись появилась...
В красоте - нет мелочей!
Отсутствует
Stkvsky
/* цвет пустой страницы */ browser {-moz-appearance: none !important; background: #FEF8F3 !important;}
Отсутствует
Привет всем, возможно как то вытащить или сделать похожую на телеграм scrollbar.
Думал с исходников вытащить, зашел на гитхаб а там столько файлов непонятных... да и код в любом случае над будет подгонять даже если найдешь"забросил".
По идее код уже есть его доделать над, я в этом не шарю.
/*Этот файл для правил CSS с правами AGENT_SHEET*/ /*@import"custom_styles/css_agent.css";*/ /* AGENT_SHEET-Scrollbar ======================================*/ /* scrollbarbutton[sbattr="scrollbar-up-top"], scrollbarbutton[sbattr="scrollbar-down-top"], scrollbarbutton[sbattr="scrollbar-up-bottom"], scrollbarbutton[sbattr="scrollbar-down-bottom"] {-moz-appearance:none!important;display:none!important;} scrollbar[orient="vertical"] { -moz-margin-start:-15px; min-width:15px!important; max-width:15px!important; -moz-appearance:none!important; position:relative; background-color:transparent!important; background-image:none!important; border:0; z-index:2147483647; -moz-box-align:start; padding:1px 0px 1px 6px!important;} scrollbar[orient="horizontal"] { margin-top:-15px; min-height:15px; max-height:15px; -moz-appearance:none!important; position:relative; background-color:transparent; background-image:none; border:0; z-index:2147483647; -moz-box-align:start; padding:6px 11px 1px 1px!important;} scrollbar thumb{-moz-appearance:none!important;background-color:rgba(184,184,184,0.5);border-radius:8px;border:0;} scrollbar[orient="vertical"] thumb{min-height:20px!important;min-width:15px!important;max-width:15px!important;} scrollbar[orient="horizontal"] thumb{min-width:20px!important;min-height:15px!important;max-height:15px!important;} scrollbar thumb:hover,scrollbar thumb:active{background-color:rgba(0,0,0,0.5);} html div scrollbar{-moz-margin-start:0!important;} /**/ /*=============================================================*/ /* agentsheet@vitaliy.ru.xpi-Scrollbar ========================*/ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); /*Скроллбар,dropmarker*/ scrollbar{ -moz-appearance:none!important; background:none!important; border:none!important; padding:0!important; margin:0!important;} scrollcorner{ -moz-appearance:none!important; width:7px!important; height:7px!important; background:none!important; border:none!important;} html|html> scrollbar,html|html> scrollcorner{background:black!important;} scrollbar> slider{ -moz-appearance:none!important; min-width:7px!important; min-height:7px!important; background:none!important; border:none!important;} menulist> dropmarker{ -moz-appearance:none!important; min-width:7px!important; min-height:7px!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; border:none!important; border-radius:0!important; background-color:rgb(192,192,192)!important; background-image:none!important; list-style-image:url("chrome://agentsheet/content/arrow-dn.svg")!important; -moz-box-align:center!important; -moz-box-pack:center!important;} menulist> dropmarker image{ min-width:5px!important; min-height:5px!important; width:5px!important; height:5px!important; margin:0!important; padding:0!important; border:none!important;} scrollbar> slider> thumb, scrollbar> scrollbarbutton, html|select> html|button{ -moz-appearance:none!important; border:none!important; border-radius:0!important; background-color:rgb(192,192,192)!important; background-image:none !important; background-repeat:no-repeat!important; background-position:center!important; background-size:auto!important;} scrollbar[orient="vertical"], scrollbar[orient="vertical"]> slider> thumb{min-width:7px!important;} scrollbar[orient="horizontal"], scrollbar[orient="horizontal"]> slider> thumb{min-height:7px!important;} scrollbar> scrollbarbutton{min-width:7px!important;min-height:7px!important;} scrollbar> slider> thumb:hover, scrollbar> scrollbarbutton:not([disabled="true"]):hover{background-color:rgb(185,185,185)!important;} scrollbar> slider> thumb:active, scrollbar> scrollbarbutton:not([disabled="true"]):hover:active, menulist> dropmarker:not([disabled="true"])[open="true"], html|select> html|button:active {background-color:rgb(180,180,180)!important;} html|select> html|button {background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;} scrollbar> scrollbarbutton[type="increment"], html|select> html|button[orientation="right"] {background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0.75,0 3.25,2.5 0.75,5 1.75,5 4.25,2.5 1.75,0 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;} scrollbar[orient="vertical"]> scrollbarbutton[type="increment"] {background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;} scrollbar> scrollbarbutton[type="decrement"], html|select> html|button[orientation="left"] {background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 4.25,5 1.75,2.5 4.25,0 3.25,0 0.75,2.5 3.25,5 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;} scrollbar[orient="vertical"]> scrollbarbutton[type="decrement"] {background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,4.25 2.5,1.75 5,4.25 5,3.25 2.5,0.75 0,3.25 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;} scrollbar> scrollbarbutton[type="increment"][disabled="true"], scrollbar[orient="vertical"]> scrollbarbutton[type="increment"][disabled="true"], scrollbar> scrollbarbutton[type="decrement"][disabled="true"], scrollbar[orient="vertical"]> scrollbarbutton[type="decrement"][disabled="true"], menulist> dropmarker[disabled="true"]{opacity:0.5!important;} /*--------------------------------*/ /*Тултипы*/ tooltip{ -moz-appearance:none!important; border-style:solid!important; border-width:2px!important; -moz-border-top-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important; -moz-border-left-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important; -moz-border-right-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important; -moz-border-bottom-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important; background-color:rgba(11,11,12,0.7)!important; background-image:none !important; background-origin:border-box!important; background-clip:border-box!important; background-repeat:no-repeat!important; background-position:0% 0%!important; background-size:auto!important; color:rgb(244,244,245)!important; text-shadow:0 0 1px rgba(11,11,12,0.2)!important;} tooltip description:not([style]){color:rgb(244,244,245)!important;text-shadow:0 0 1px rgba(11,11,12,0.2)!important;} tooltip description[style*="color:grey"]{color:rgb(178,178,179)!important;} /*190,190,190*/ tooltip .text-link{color:rgb(120,120,120)!important;} /*--------------------------------*/ /*=============================================================*/
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" height="5" width="5"><path d="M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z" style="fill:white;shape-rendering:crispEdges"/></svg> url("data:image/svg+xml;charset=utf-8, .......... ")!important; пробовал так но не работает
Отредактировано func4ptch4 (28-08-2019 23:53:09)
Отсутствует
сделать похожую на телеграм scrollbar.
а что именно, чтобы появлялся при движении курсора?
нет такое с css не сделать
url("data:image/svg+xml;charset=utf-8, .......... ")!important; пробовал так но не работает
url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
Отсутствует
Vitaliy V., там просто круто, наводишь и скроллбар появляется а так его не видно+он как border или ну как стенка идет, жаль конечно что нельзя.
Спасибо за помощь с svg, кстати 2 скролл эта твой код)
Отредактировано func4ptch4 (28-08-2019 20:09:44)
Отсутствует
kokoss
Первые 3 файла это 1скроллбар то что кидал, а вот .js интересен почти то что надо но конфликтов много.. он не работает в вертикальной панели и размеры надо изменять, в общем пока остановился на 2коде от Vitaliy V.
Отсутствует
func4ptch4
Пардон, не тот XML файл скинул:
Win7
Отсутствует
сам userChrome.css работает на
смотрите может ваши правила уже не работают
Вы правы. Но отчасти. userChrome.css работает, но не работает в devtools
Отсутствует
css можно вытащить с js, так и наоборот в CB сразу видеть результат.
Просидел норм, но так и не понял как в js размер изменить+чтобы работал и на вертикальном, а стиль легко изменить вроде.
В общем если кто сможет разобраться просто сюда оставлю.
// ==UserScript== // @name userChrome.js // @namespace castelo@live.com // @version 0.0.3 // @note Thanks to ardiman(https://github.com/Endor8/userChrome.js/blob/master/floatingscrollbar/FloatingScrollbar.uc.js) // @note Thanks to Griever(https://github.com/Griever/userChromeJS/blob/master/SmartScrollbar.uc.js) and Paul Rouget(https://gist.github.com/4003205) // @note...........0.0.3 Added specific z-index behavior for some sites // @note 0.0.2 Increased width of scrollbar from 2px to 3px // @note 0.0.1 Initial version // ==/UserScript== (function(){var prefs=Services.prefs,enabled; if(prefs.prefHasUserValue('userChromeJS.floating_scrollbar.enabled')){enabled=prefs.getBoolPref('userChromeJS.floating_scrollbar.enabled')} else{prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled',true);enabled=true;} var css=` @namespace url(http: //www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); :not(select):not(hbox)> scrollbar{ -moz-appearance: none!important; position: relative; box-sizing: border-box!important; background-color: transparent; background-image: none; z-index: 2147483647; padding: 2px; display: flex!important; justify-content: flex-end; pointer-events: auto; width: auto!important;} :not(select):not(hbox)> scrollbar[orient="vertical"]{-moz-margin-start: -16px;width: 16px!important;} :not(select):not(hbox)> scrollbar[orient="vertical"] thumb{ border-left: 3px solid rgba(80,80,80,0.65); min-height: 16px; transform: translate(9px, 0px); transition: transform 0.1s linear;} :not(select):not(hbox)> scrollbar[orient="horizontal"]{margin-top: -16px;height: 16px!important;} :not(select):not(hbox)> scrollbar[orient="horizontal"] thumb{ border-top: 3px solid rgba(80,80,80,0.65); min-width: 16px; transform: translate(0px, 9px); transition: transform 0.1s linear;} :not(select):not(hbox)> scrollbar thumb{ -moz-appearance: none!important; border-radius: 0px!important; background-color: rgba(100,100,100,0)!important; pointer-events: auto;} :not(select):not(hbox)> scrollbar:hover{background-color: rgba(90,90,90,0.15);padding: 0;} :not(select):not(hbox)> scrollbar:hover thumb{ background-color: rgba(100,100,100,0.8)!important; border-left: 0px; border-top: 0px; transform: translate(0px, 0px); transition: transform 0.1s linear;} :not(select):not(hbox)> scrollbar thumb:hover{background-color: rgba(100,100,100,0.8)!important;} :not(select):not(hbox)> scrollbar thumb:active{background-color: rgba(110,110,110,1)!important;} :not(select):not(hbox)> scrollbar scrollbarbutton,:not(select):not(hbox)> scrollbar gripper{display:none;} @-moz-document url-prefix("https://mail.google.com/"),url-prefix("https://docs.google.com/"),url-prefix("https://calendar.google.com/") {:not(select):not(hbox)> scrollbar{z-index: 1!important;}} `; var sss=Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService); var uri=makeURI('data:text/css;charset=UTF=8,'+encodeURIComponent(css)); var p=document.getElementById('devToolsSeparator'); var m=document.createElement('menuitem'); m.setAttribute('label',"Schwebende Scrollbar"); m.setAttribute('type','checkbox'); m.setAttribute('autocheck','false'); m.setAttribute('checked',enabled); p.parentNode.insertBefore(m,p); m.addEventListener('command',command,false); if(enabled){sss.loadAndRegisterSheet(uri,sss.AGENT_SHEET);} function command(){ if(sss.sheetRegistered(uri,sss.AGENT_SHEET)){ prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled',false); sss.unregisterSheet(uri,sss.AGENT_SHEET); m.setAttribute('checked',false);} else {prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled',true); sss.loadAndRegisterSheet(uri,sss.AGENT_SHEET); m.setAttribute('checked',true);} let root=document.documentElement; let display=root.style.display; root.style.display='none'; window.getComputedStyle(root).display; // Flush root.style.display=display;} })();
/* AGENT_SHEET-Scrollbar ======================================*/ scrollbarbutton{-moz-appearance:none!important;display:none!important;} /*scrollbarbutton[sbattr="scrollbar-up-top"], scrollbarbutton[sbattr="scrollbar-down-top"], scrollbarbutton[sbattr="scrollbar-up-bottom"], scrollbarbutton[sbattr="scrollbar-down-bottom"] {-moz-appearance:none!important;display:none!important;}*/ scrollbar[orient="vertical"] { -moz-margin-start:-13px;min-width:13px!important;max-width:13px!important; -moz-appearance:none!important; position:relative; background-color:transparent!important; background-image:none!important; border:0; z-index:2147483647; -moz-box-align:start; padding:1px 0px 1px 6px!important;} scrollbar[orient="horizontal"] { margin-top:-13px;min-height:13px;max-height:13px; -moz-appearance:none!important; position:relative; background-color:transparent; background-image:none; border:0; z-index:2147483647; -moz-box-align:start; padding:6px 11px 1px 1px!important;} scrollbar thumb{-moz-appearance:none!important;background-color:rgba(184,184,184,0.5);border-radius:8px;border:0;} scrollbar[orient="vertical"] thumb{min-height:20px!important;min-width:15px!important;max-width:15px!important;} scrollbar[orient="horizontal"] thumb{min-width:20px!important;min-height:15px!important;max-height:15px!important;} scrollbar thumb:hover,scrollbar thumb:active{background-color:rgba(0,0,0,0.5);} html div scrollbar{-moz-margin-start:0!important;} /**/ /*=============================================================*/
Отредактировано func4ptch4 (30-08-2019 06:03:33)
Отсутствует