paravoz69
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #bookmarksPanel treechildren::-moz-tree-row, #history-panel treechildren::-moz-tree-row, #sbTree treechildren::-moz-tree-row, #sbManageWindow treechildren::-moz-tree-row { height: unset !important; border: unset !important; outline: unset !important; } #bookmarksPanel treechildren::-moz-tree-image, #history-panel treechildren::-moz-tree-image, #sbTree treechildren::-moz-tree-image, #sbManageWindow treechildren::-moz-tree-image { padding: 0 2px !important; }
Отсутствует
Всем привет. Подскажите, как убрать ужасное выделение синего цвета при клики в адресной строке. Файла userChrome.css нет. Вообще нет даже и папки где он должен находится. FF все без модов и дополнений. Стоит только Speed Dial [FVD]. Версия FF последняя.
Спасибо.
Отредактировано Rubinovi4 (24-03-2016 09:04:07)
Отсутствует
Rubinovi4
Его создать надо. В папке профиля сооздать папку chrome и в ней текстовый файл, который затем изменить на userChrome.css. Только смотрите, чтоб userChrome.css.txt не получился.
как убрать ужасное выделение синего цвета при клики в адресной строке
Если установлен Classic Theme Restorer, то перебить его стиль можно только стилем в аддоне Stylish.
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /*границы адресной строки, удалите секцию ниже, если нужно изменить цвет только при фокусе*/ #urlbar { border: 1px solid rgba(0,0,0,0.32)!important; /*толщина/стиль/цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1)*/ border-radius: 1px!important; /*радиус скругления границ адресной строки, удалите, если не нужна*/ box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.32) inset!important; /*тень, по желанию, удалите строку, если не нужна*/ } /*границы адресной строки при наведении курсора, удалите секцию ниже, если нужно изменить цвет только при фокусе*/ #urlbar:not([focused]):hover { border-color: rgba(0,0,0,0.42)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при наведении*/ box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.42) inset!important; /*тень при наведении, по желанию, удалите строку, если не нужна*/ } /*границы адресной строки при фокусе в ней*/ #urlbar[focused] { border-color: rgba(0,0,0,0.52)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при фокусе*/ box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.52) inset!important; /*тень при фокусе, по желанию, удалите строку, если не нужна*/ }
/*AGENT_SHEET*/ @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); @-moz-document url("chrome://browser/content/browser.xul") { /*границы адресной строки, удалите секцию ниже, если нужно изменить цвет только при фокусе*/ #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme) { border: 1px solid rgba(0,0,0,0.32)!important; /*толщина/стиль/цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1)*/ border-radius: 1px!important; /*радиус скругления границ адресной строки, удалите, если не нужна*/ box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.32) inset!important; /*тень, по желанию, удалите строку, если не нужна*/ } /*границы адресной строки при наведении курсора, удалите секцию ниже, если нужно изменить цвет только при фокусе*/ #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme):not([focused]):hover { border-color: rgba(0,0,0,0.42)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при наведении*/ box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.42) inset!important; /*тень при наведении, по желанию, удалите строку, если не нужна*/ } /*границы адресной строки при фокусе в ней*/ #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme)[focused] { border-color: rgba(0,0,0,0.52)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при фокусе*/ box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.52) inset!important; /*тень при фокусе, по желанию, удалите строку, если не нужна*/ } }
Отсутствует
Rubinovi4Его создать надо. В папке профиля сооздать папку chrome и в ней текстовый файл, который затем изменить на userChrome.css. Только смотрите, чтоб userChrome.css.txt не получился.
Я так и думал. Спасибо. Чуть позже попробую исправить..
Отсутствует
Rubinovi4Его создать надо. В папке профиля сооздать папку chrome и в ней текстовый файл, который затем изменить на userChrome.css. Только смотрите, чтоб userChrome.css.txt не получился.
Создал файл. отписал все варианты. Пробовал менять значения. Синий цвет так и не исчез. единственное что изменилось, толщина стала не такой уж катастрофичной.,)) Видимо, синий эт очто то иное. так как под ним вижу загрузку стиля, а он уже накладывается сверху. Или так показалось..((
Хотя, можно кусок кода для "клика в адресной строке" ? Ведь синива получается, именно при клике в адресной. когда курсор в строке.
Все, решил проблему:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /*границы адресной строки при фокусе в ней*/ #urlbar[focused] { border-color: rgba(229,229,229,0)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при фокусе*/ box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.52) inset!important; /*тень при фокусе, по желанию, удалите строку, если не нужна*/ }
Огромное спасибо всем..)))
Отредактировано Rubinovi4 (24-03-2016 12:52:18)
Отсутствует
Не, ну если вообще выделение хотите убрать, то достаточно и
Отсутствует
объясните мне пжлст,
как определить класс элемента
не на просматриваемой странице ,а самих элементов fox/браузера
(панели/вкладки/кнопки и т.д..
допустим захотел сделать кнопку закрытия окна зелёной,а панель меню фиолетовой
но не знаю для чего именно писать правила в пользовательских стилях,
когда они уже есть(установленные через стайлиш например,то там прощё,
можно найти читая названия классов,а если с нуля(менять основную тему
как смог объяснил
Отредактировано sotvictor (02-04-2016 13:05:37)
Никто не знает столько,сколько не знаю Я.
Отсутствует
DOM Inspector + Custom Buttons + кнопка Attributes Inspector.
Нажимаете кнопку Attributes Inspector'a, подсвечиваете нужный элемент, нажимаете ctrl + I или кликаете СКМ, в открывшемся окне DOM Inspector'а смотрите селектор нужного элемента/примененные к нему стили и т.д.
По css-свойствам здесь и здесь читайте.
Отсутствует
DOM Inspector + Custom Buttons + кнопка Attributes Inspector.
Нажимаете кнопку Attributes Inspector'a, подсвечиваете нужный элемент, нажимаете ctrl + I или кликаете СКМ, в открывшемся окне DOM Inspector'а смотрите селектор нужного элемента/примененные к нему стили и т.д.
По css-свойствам здесь и здесь читайте.
Благодарю,это мне и было нужно
Никто не знает столько,сколько не знаю Я.
Отсутствует
Здравствуйте, у меня mozilla firefox 45.0.1, можно как-то через стили изменить форму оповещения в правом нижнем углу?
It's as easy as the ABC. Just do it!
Отсутствует
Laze
Можно. Например:
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); @namespace svg url(http://www.w3.org/2000/svg); @-moz-document url("chrome://global/content/alerts/alert.xul") { #alertNotification { padding: 5px !important; } #alertImage { max-height: 24px!important; max-width: 24px!important; margin: 4px 7px!important; padding: unset!important; } #alertTextBox { -moz-box-orient: horizontal!important; -moz-box-align: center!important; -moz-box-pack: center!important; } #alertBox { padding-block-end: 7px!important; box-shadow: rgba(84, 83, 87, 0.32) 0 0 5px!important; } }
Отсутствует
Спасибо, сейчас буду разбираться
Laze
Можно. Например:скрытый текстВыделить кодКод:
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); @namespace svg url(http://www.w3.org/2000/svg); @-moz-document url("chrome://global/content/alerts/alert.xul") { #alertNotification { padding: 5px !important; } #alertImage { max-height: 24px!important; max-width: 24px!important; margin: 4px 7px!important; padding: unset!important; } #alertTextBox { -moz-box-orient: horizontal!important; -moz-box-align: center!important; -moz-box-pack: center!important; } #alertBox { padding-block-end: 7px!important; box-shadow: rgba(84, 83, 87, 0.32) 0 0 5px!important; } }
Как найти селекторы нужных элементов и по css-свойствам - см. двумя постами выше.
It's as easy as the ABC. Just do it!
Отсутствует
Здравствуйте! Нужна помощь. Буду рад всем откликнувшимся
Отредактировано Yipikaye112 (15-04-2016 03:48:09)
Отсутствует
Yipikaye112
Время есть. Нет семерки. Вслепую тыкаться не возьмусь, ибо возни много, а результат не проверить.
Хотелось бы избавиться от этих расширений (и постоянно слетающей темы) и оформить все через userChrome.css
На первый взгляд, не вижу препятствий. Там все через стили сделано. Ковыряйте их с помощью упомянутых выше на странице инструментов.
Отсутствует
turbot
Спасибо, смог прописать прозрачность бланка и новой вкладки (- GlassMyFox). Однако, переделать шапку пока не смог, подожду, может кто с семеркой откликнется.
И еще обнаружил интересный момент: прописанные в userChrome.css стили не работают без Stylish, так и должно быть?
/*blank*/ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @media all and (-moz-windows-compositor) { #main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser { opacity: 0 !important; background-color: transparent !important; } #main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content{ background-color: rgba(255,255,127,.0) !important; } #appcontent, #content > tabbox > tabpanels { background-color: transparent !important; } } /*newtab*/ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @media all and (-moz-windows-compositor) { #main-window[stylish-url="about:newtab"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser { opacity: 0 !important; background-color:transparent !important; } #main-window[stylish-url="about:newtab"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content{ background-color: rgba(255,255,127,.0) !important; } #appcontent, #content > tabbox > tabpanels { background-color: transparent !important; } }
Отсутствует
Yipikaye112
Ну да, этот атрибут на окно браузера вешает стайлиш. #main-window[stylish-url="about:blank"] без него не заменить. Т.е., можно задать стиль для контента страницы, при определенном адресе, с
в userContent.css, но не элементам браузера, при текущей вкладке с таким адресом.
Стайлиш весьма полезен. Мой совет - не отказывайтесь от него. Я уж молчу про возможность быстрого включения/отключения стилей, их просмотр, без необходимости перезапуска браузера и, конечно, удобный редактор с автоподстановкой (который еще и кнопкой для Custom Buttons, с которой свои менюшки с шаблонами, можно добавить на панель редактора).
Отсутствует
turbot
Приветствую. У меня схожий вопрос.
Использую последний FF, а с ним CTR и Stylish.
Пытаюсь с помощью стиля сместить оранжевую кнопку меню (Та, которую CTR восстанавливает).
Так вот.
В userChrome.css у меня прописано следующее.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*CTR MENU BUTTON START*/ #main-window[sizemode="maximized"] #ctraddon_appbutton2{border-radius: 0 0 4px 4px !important;} #main-window[sizemode="maximized"] #ctraddon_appbutton2 > *{padding-top:3px !important;padding-bottom:4px !important;} #main-window[sizemode="normal"] #ctraddon_appbutton2{border-radius: 0 0 4px 4px !important;} #main-window[sizemode="normal"] #ctraddon_appbutton2 > *{padding-top:8px !important;padding-bottom:8px !important;} #main-window[sizemode="maximized"] #titlebar #titlebar-content #ctraddon_appbutton2{margin: 0px 0 2px 2px !important;} #main-window[sizemode="normal"] #titlebar #titlebar-content #ctraddon_appbutton2{margin: 0px 0 -3px 2px !important;} /*CTR MENU BUTTON END*/
И он почему-то не работает
Но если этот же стиль вставить в Stylish, то всё работает
/*AGENT_SHEET*/ @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); @-moz-document url(chrome://browser/content/browser.xul){ /*CTR TAB MENU BUTTON START*/ #main-window[sizemode="maximized"] #ctraddon_appbutton2{border-radius: 0 0 4px 4px !important;} #main-window[sizemode="maximized"] #ctraddon_appbutton2 > *{padding-top:3px !important;padding-bottom:4px !important;} #main-window[sizemode="normal"] #ctraddon_appbutton2{border-radius: 0 0 4px 4px !important;} #main-window[sizemode="normal"] #ctraddon_appbutton2 > *{padding-top:8px !important;padding-bottom:8px !important;} #main-window[sizemode="maximized"] #titlebar #titlebar-content #ctraddon_appbutton2{margin: 0px 0 2px 2px !important;} #main-window[sizemode="normal"] #titlebar #titlebar-content #ctraddon_appbutton2{margin: 0px 0 -3px 2px !important;} /*CTR TAB MENU BUTTON END*/}
При этом другие стили, прописанные в userChrome исправно работают.
Можете подсказать, почему может не срабатывать через userChrome?
Или это не реализуемо?
P.S. В целом интересно целесообразно ли всё перемещать часть стилей из Stylish в userChrome?
Даст ли это какую-либо выгоду (возможно повышение быстродействия или загрузки браузера).
Просьба сильно не пинать, так как только начинаю вникать в суть да дело.
Отредактировано Acid Crash (25-04-2016 23:55:14)
Отсутствует
И он почему-то не работает
И не будет. Стили ctr устанавливаются с более высоким приоритетом. А не которые и вовсе только /*AGENT_SHEET*/ (что работает только в stylish. Через cb также есть возможность регистрировать стили с правами AGENT_SHEET, но это другая тема) в начале стиля можно перебить. А для некоторых еще и дополнительные селекторы прописывать надо, например:
/*AGENT_SHEET*/ #main-window #urlbar { border: 1px solid rgba(0,0,0,0.32)!important; }
- не перебьет стиль CTR. Только:
/*AGENT_SHEET*/ #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme) { border: 1px solid rgba(0,0,0,0.32)!important; }
Отредактировано turbot (26-04-2016 00:07:01)
Отсутствует
И не будет...
Премного благодарен за пояснение. Пошел штудировать мат-часть
Отсутствует
Отсутствует
adrem475
Фрагмент этого стиля del
для панели навигации
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*AGENT_SHEET*/ /* Автор: Виталий В. Описание: Для Firefox 31 и выше. ОС: Windows, Linux. Сайт: https://sites.google.com/site/serials101 */ @-moz-document url("chrome://browser/content/browser.xul") { /*Панель навигации*/ #nav-bar .toolbarbutton-1:not([type="menu-button"]):not(:-moz-any(#back-button, #forward-button)), #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button, #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { padding: 1px !important; margin: 0 !important; } #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-padding-end: 0 !important; } #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { -moz-padding-start: 0 !important; } #nav-bar { padding-top: 0px !important; padding-bottom: 0px !important; } #back-button { padding-top: 2px !important; padding-bottom: 2px !important; -moz-padding-start: 3px !important; -moz-padding-end: 0px !important; } #back-button > .toolbarbutton-icon { border-style: solid !important; border-width: 1px !important; padding: 3px !important; width: 26px !important; max-width: none !important; min-width: 0 !important; transition: none !important; background-clip: padding-box !important; } #forward-button { padding-top: 0px !important; padding-bottom: 0px !important; } #nav-bar #PanelUI-menu-button { -moz-padding-start: 3px !important; -moz-padding-end: 3px !important; } #nav-bar toolbarbutton:not(#back-button):not(#forward-button):not(#PanelUI-menu-button).toolbarbutton-1[type="menu"] { -moz-padding-end: 3px !important; } #nav-bar #PanelUI-button { background: none !important; -moz-border-start: 1px solid; border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent); border-image-slice: 1; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper { -moz-margin-start: -6px !important; } @media (-moz-os-version: windows-win10) { #back-button > .toolbarbutton-icon { padding: 4px !important; width: 28px !important; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper { -moz-margin-start: -8px !important; } } #urlbar-search-splitter { min-width: 4px !important; width: 4px !important; -moz-margin-start: -3px !important; } /*-----------------------*/ /*Disconnect*/ #nav-bar #disconnect-badge { margin-top: 12px !important; margin-bottom: -12px !important; } /*----------------*/ }
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*AGENT_SHEET*/ @-moz-document url("chrome://browser/content/browser.xul") { /*Панель навигации*/ #nav-bar .toolbarbutton-1:not([type="menu-button"]):not(:-moz-any(#back-button, #forward-button)), #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button, #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { padding-left: 1px !important; padding-right: 1px !important; margin-left: 0 !important; margin-right: 0 !important; } #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-padding-end: 0 !important; } #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { -moz-padding-start: 0 !important; } #nav-bar #PanelUI-menu-button { -moz-padding-start: 3px !important; -moz-padding-end: 3px !important; } #nav-bar toolbarbutton:not(#back-button):not(#forward-button):not(#PanelUI-menu-button).toolbarbutton-1[type="menu"] { -moz-padding-end: 3px !important; } #nav-bar #PanelUI-button { background: none !important; -moz-border-start: 1px solid; border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent); border-image-slice: 1; } #urlbar-search-splitter { min-width: 4px !important; width: 4px !important; -moz-margin-start: -3px !important; } /*-----------------------*/ }
Отредактировано Vitaliy V. (08-02-2017 20:22:40)
Отсутствует
Фрагмент этого стиля https://sites.google.com/site/serials10 … unded-tabs
для панели навигации
Спасибо, не знаю, важно ли это - у меня URL bar почищен (тоже стилем), там нет никаких кнопок и элементов, кроме собственно URL и иконки сайта).
Т.е. меня только расстояние между кнопками расширений на тулбаре интересует (его уменьшение).
Отредактировано adrem475 (01-05-2016 17:33:03)
Отсутствует
меня только расстояние между кнопками расширений на тулбаре интересует
Ну второй стиль должен подойти, если ваш стиль не помешает.
Отсутствует
Ну второй стиль должен подойти, если ваш стиль не помешает.
Хм, попробовал второй стиль и со своим кодом и вообще на чистом userChrome.css - ничего не меняется. От версии FF это не может зависеть?
Нашел еще такой код:
toolbarbutton {padding: 0px !important;}
Он сработал, но... только для панели закладок. Расстояние между значками расширений на тулбаре осталось прежним. Этот же код кстати сжимает и размер панелей (тулбар + панель закладок) по вертикали до минимума.
Отредактировано adrem475 (01-05-2016 18:19:30)
Отсутствует