Полезная информация

Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.

№672624-10-2019 11:59:04

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1833
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

ofizer пишет

размер отображения подсказок в поисковой строке, который стал слишком маленьким, если возможно:

скрытый текст

Выделить код

Код:

#PopupSearchAutoComplete > richlistbox.search-panel-tree {
  font-size: 1.3em !important;
}


kokoss
var scriptsName = ["custom_scrollbars","restart_item_in_menu"]; // названия файлов без .uc.js
custom_scrollbars нужно убрать чтобы в консоли ошибки не было.

А не работать может из-за того что нужно очистить startupCache вручную или моей кнопкой перезапуска по ПКМ,
надо было вам это написать

v4386 пишет

но мне не нравится у него сама иконка с коричневой подложкой.

ну так замените в чем проблема или саму иконку или
user_chrome_files/vertical_top_bottom_bar/vertical_top_bottom_bar.css

скрытый текст

Выделить код

Код:

#add-restart-app {
    list-style-image: url("chrome://browser/skin/reload.svg") !important;
    fill: red !important;
}
#add-restart-app .toolbarbutton-icon {
    transform: scaleX(-1) !important;
}

solombala пишет

@media  {

что это, где условие? Или удали вообще

Отредактировано Vitaliy V. (24-10-2019 12:56:49)

Отсутствует

 

№672724-10-2019 12:37:39

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1833
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

Это же часть вашего кода с которым вы мне помогли:

И? скрипта custom_scrollbars.uc.js в вашем выложенном архиве нет же, зачем он здесь var scriptsName = ["custom_scrollbars"...

kokoss пишет

Не написал, потому что и так понятно что нужно перезапустить браузер!

обычный перезапуск не поможет

Отредактировано Vitaliy V. (24-10-2019 12:38:29)

Отсутствует

 

№672824-10-2019 12:45:24

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Это в скине Browser.css Сделал я и радиус, а что делать с flip Close ?, привык...

Отсутствует

 

№672924-10-2019 13:19:24

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1833
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala пишет

а что делать с flip Close ?, привык...

переписывать в web experiments надо или в виде скрипта, или CB

kokoss пишет

а так можно ["ContextTranslate","addRestartButton"];, если работает ?

я этого не писал, хорош тупить какие скрипты используете такие и добавляете в массив var scriptsName = []
если какого-то скрипта нет в папке в консоле будет ошибка, но те что есть разумеется будут работать

Отсутствует

 

№673024-10-2019 13:33:20

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 784
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

В 70-й отвалилась возможность добавления иконок в меню ПКМ на странице (начиная с 68-й удалили menu.xml из omni.ja, но работало, если добавить от 67-й).

скрытый текст

Выделить код

Код:

#context-searchselect {
   -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
    list-style-image: url("data:image/ico;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAABILAAASCwAAAAAAAAAAAAAAAAAsAAAAUwAAAF8AAABfAAAAXwAAAF8AAABfAAAAXwAAAF8AAABfAAAAXwAAADjBwcEAwcHBAMHBwQDBwcEAAAAAUbq6uurExMT/xMTE/8TExP/ExMT/xMTE/8TExP/ExMT/xMTE/8TExP9ubm6QAAAALcTExADExMQAxMTEAAAAAFrHx8f/x8fH/8fHx//Hx8f/x8fH/8fHx//Hx8f/x8fH/8fHx//Hx8f/vr6+7h4eHmQAAAAQx8fHAMfHxwAAAABXy8vL/8vLy/+UlM3/AADU/4+Pzv/Ly8v/g4PO/wwM0//Ly8v/y8vL/8vLy/+kpKS6AAAAM8vLywDLy8sAAAAAU9DQ0P/Q0ND/0NDQ/05O2f8dHd3/y8vQ/4eH1f8MDN7/0NDQ/9DQ0P/Q0ND/0NDQ/2VlZXsAAAAk0NDQAAAAAE/U1NT/1NTU/9TU1P/Fxdb/FBTq/3Bw3/+Jidz/DAzr/9TU1P/U1NT/1NTU/9TU1P/JycnkDw8PUwAAAAcAAABL2dnZ/9nZ2f/Z2dn/2dnZ/4WF5f8KCvb/ODjv/w0N9f/Z2dn/2dnZ/9nZ2f/Z2dn/2dnZ/6ioqKYAAAAqAAAASOLi4v/i4uL/4uLi/6io6v8LC/7/QkL2/zo69/8NDf3/4uLi/+Li4v/i4uL/4uLi/+Li4v/g4OD7AAAARgAAAETx8fH/8fHx//Hx8f81Ovz/bG/5//Hx8f+fovb/GB3+//Hx8f/x8fH/8fHx//Hx8f/x8fH/7+/v+wAAAEIAAABA9vb2//b29v/29vb/HSz//7K3+f/29vb/qK35/yUz/v/29vb/9vb2//b29v/29vb/9vb2/8jIyKMAAAAkAAAAPPn5+f/5+fn/+fn5/z5U/v+osvv/+fn5/6+4+/80TP//+fn5//n5+f/5+fn/+fn5//Dw8OMXFxdBAAAABgAAADj7+/v/+/v7//v7+/+Ro/3/UG7+/7/J/P+crf3/Q2P///v7+//7+/v/+/v7//v7+/+Tk5NnAAAAGfv7+wAAAAA1/f39//39/f/9/f3/9vj9/4yk/v9Td///QWn//05z///9/f3//f39//39/f/c3NysAAAAH/39/QD9/f0AAAAAMv7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v/+/v7//v7+//7+/v/5+fnpPj4+PgAAAAn+/v4A/v7+AAAAACn39/fi////////////////////////////////////////////////tbW1cgAAABf///8A////AP///wAAAAAVAAAAKAAAAC4AAAAuAAAALgAAAC4AAAAuAAAALgAAAC4AAAAuAAAALgAAABv///8A////AP///wD///8AAA8AAAAHAAAAAwAAAAMAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAMAAAADAAAABwAAAA8AAA==") !important;
    -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}
#context-searchselect > .menu-iconic-left {
    -moz-appearance: menuimage !important;
}


Может, есть другое решение, как это сделать через css или теперь окончательно всё?

Отсутствует

 

№673124-10-2019 13:45:44

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

Отсутствует

 

№673224-10-2019 14:47:14

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1833
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

del

Отредактировано Vitaliy V. (25-10-2019 15:59:31)

Отсутствует

 

№673324-10-2019 14:55:34

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 264
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Спасибо!

Отредактировано ofizer (24-10-2019 15:00:45)

Отсутствует

 

№673424-10-2019 15:10:39

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 100
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет

ну так замените в чем проблема ...... или
user_chrome_files/vertical_top_bottom_bar/vertical_top_bottom_bar.css

Заменил код в vertical_top_bottom_bar.css - всё стало СУПЕР! Как всегда, огромное спасибо!
Vitaliy V. и уж тогда обращусь ещё с одной хотелкой, подсмотренной у пользователя kokoss: вы когда-то написали мне код, раскрашивающий иконки на Панели управления, так вот, что нужно добавить в ваш код

скрытый текст

Выделить код

Код:

/* Разноцветные кнопки управления */
#pocket-button:not([open]),
#PanelUI-quit:not(:hover),
#web-apps-button,
#e10s-button,
#panic-button,
.tabs-closebutton:hover,
.tab-close-button:hover,
#cut-button,
#zoom-out-button,
#zoom-in-button,#stop-button,
#stop-button .toolbarbutton-animatable-image,
#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image{
  fill: red !important;
}

 /*Deep Pink*/
#save-page-button ,
#back-button,
#forward-button,
#new-window-button,
#new-tab-button,
#alltabs-button,
.scrollbutton-up,
.scrollbutton-down,
#navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down,
.search-go-button,
#downloads-button,
#downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon,
#copy-button,
#find-button,
#sidebar-button,
#PanelUI-customize,
#password-notification-icon,
#PanelUI-fxa-status,
#sync-button,
#tabview-button,
#social-share-button{
  fill: #ee1289 !important;
}

/*green*/
#PanelUI-menu-button,
#search-go-button,
.search-go-button,
#urlbar-go-button,
.urlbar-go-button,
#paste-button,
#email-link-button,
#reload-button,
#fullscreen-button,
#reload-button .toolbarbutton-animatable-image,
#add-ons-button{
  fill: #0ad60a !important;
}

/*orange*/
#open-file-button,
#home-button,
#feed-button{
  fill: orange !important;
}

 /*PURPLE*/
#history-button,
#history-panelmenu,
#library-button,
#privatebrowsing-button,
#print-button{
  fill: #bf3eff !important;
}

 /*AZURE*/
#webide-button,
#pageActionButton,
#nav-bar-overflow-button,
#bookmarks-menu-button,
#bookmarks-button,
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon{
  fill: #00bfff !important;
}

/* gray*/
#developer-button,
#preferences-button,
#characterencoding-button {
  fill: gray !important;
}


чтобы раскрасить иконки и в этом меню, примерно также, как это сделано у kokoss
скрытый текст
11e9b06da79d10c9fb045c122b98f84f.jpeg

Отредактировано v4386 (24-10-2019 15:11:41)

Отсутствует

 

№673524-10-2019 15:56:49

ImTempos
Участник
 
Группа: Members
Зарегистрирован: 23-05-2018
Сообщений: 11
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

Подскажите пожалуйста где лучше\проще увеличить расстояние между верхним краем вкладки и низом панели закладок. Или сделать саму панель закладок больше по высоте - нижний край текста закладок не нравится.
FF.jpg

Отсутствует

 

№673624-10-2019 16:09:12

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1833
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

v4386 пишет

вы когда-то написали мне код, раскрашивающий иконки на Панели управления, так вот, что нужно добавить в ваш код

может я пример привёл, но это не мой код...
у Aris смотрите раскраски такие, вот это наверно https://github.com/Aris-t2/CustomCSSfor … orized.css
забавно у него :-moz-lwtheme:-moz-lwtheme-brighttext

Отсутствует

 

№673724-10-2019 16:37:49

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 964
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

v4386 пишет

чтобы раскрасить иконки и в этом меню, примерно также, как это сделано у kokoss

скрытый текст

Выделить код

Код:

/* blue */
#appMenu-fxa-status image,
:-moz-any(#appMenu-new-window-button,#appMenu-zoomEnlarge-button,#appMenu-fullscreen-button,#appMenu-copy-button,#appMenu-find-button,#appMenu-library-downloads-button,#appMenu-library-downloads-show-button,#appMenu-library-remotetabs-button,#PanelUI-remotetabs-view-sidebar,#PanelUI-remotetabs-view-managedevices,#PanelUI-remotetabs-syncnow,#appMenu-save-file-button) .toolbarbutton-icon {
  fill: #4169e1 !important; 
}
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #appMenu-fxa-status image,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext :-moz-any(#appMenu-new-window-button,#appMenu-zoomEnlarge-button,#appMenu-fullscreen-button,#appMenu-copy-button,#appMenu-find-button,#appMenu-library-downloads-button,#appMenu-library-downloads-show-button,#appMenu-library-remotetabs-button,#PanelUI-remotetabs-view-sidebar,#PanelUI-remotetabs-view-managedevices,#PanelUI-remotetabs-syncnow,#appMenu-save-file-button) .toolbarbutton-icon {
  fill: #00d2ff !important; 
}

/* purple */
:-moz-any(#appMenu-private-window-button,#appMenu-library-button,#appMenu-print-button,#appMenu-library-history-button,#appMenuViewHistorySidebar,#appMenuClearRecentHistory,#appMenuRecentlyClosedTabs,#appMenuRecentlyClosedWindows) .toolbarbutton-icon {
  fill: #800080 !important;
}
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext :-moz-any(#appMenu-private-window-button,#appMenu-library-button,#appMenu-print-button,#appMenu-library-history-button,#appMenuViewHistorySidebar,#appMenuClearRecentHistory,#appMenuRecentlyClosedTabs,#appMenuRecentlyClosedWindows) .toolbarbutton-icon {
  fill: #ff00ff !important;
}

/* orange */
:-moz-any(#appMenuRestoreLastSession,#appMenu-library-screenshots,#appMenu-open-file-button,#appMenu-taskmanager-button) .toolbarbutton-icon {
  fill: orange !important;
}

/* red */
:-moz-any(#appMenu-zoomReduce-button,#appMenu-cut-button,#appMenu-quit-button,#appMenu-tp-label,#appMenu-library-pocket-button,#appMenu-logins-button,#appMenu-tp-button) .toolbarbutton-icon {
  fill: red !important;
}
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext :-moz-any(#appMenu-zoomReduce-button,#appMenu-cut-button,#appMenu-quit-button,#appMenu-tp-label,#appMenu-library-pocket-button,#appMenu-logins-button) .toolbarbutton-icon {
  fill: #ff5a5a !important;
}


/* green */
:-moz-any(#appMenu-paste-button, #appMenu-addons-button) .toolbarbutton-icon {
  fill: green !important;
}
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext :-moz-any(#appMenu-paste-button, #appMenu-addons-button) .toolbarbutton-icon {
  fill: lightgreen !important;
}

/* grey */
:-moz-any(#appMenu-preferences-button,#appMenu-developer-button) .toolbarbutton-icon {
  fill: grey !important;
}
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext :-moz-any(#appMenu-preferences-button,#appMenu-developer-button) .toolbarbutton-icon {
  fill: lightgrey !important;
}

/* dark blue */
:-moz-any(#appMenu-customize-button,#appMenu-help-button ,#appMenu-library-bookmarks-button,#panelMenuBookmarkThisPage,#panelMenu_bookmarkingTools,#panelMenu_searchBookmarks,#panelMenu_toggleBookmarksMenu,#panelMenu_viewBookmarksSidebar,#panelMenu_viewBookmarksToolbar,#appMenu-more-button) .toolbarbutton-icon{
  fill: #336699 !important;
}
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext :-moz-any(#appMenu-customize-button,#appMenu-help-button ,#appMenu-library-bookmarks-button,#panelMenuBookmarkThisPage,#panelMenu_bookmarkingTools,#panelMenu_searchBookmarks,#panelMenu_toggleBookmarksMenu,#panelMenu_viewBookmarksSidebar,#panelMenu_viewBookmarksToolbar,#appMenu-more-button) .toolbarbutton-icon{
  fill: #64a3e2 !important;
}


Взят у Aris

Отсутствует

 

№673824-10-2019 16:46:41

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 2868
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

ImTempos
Может так проще/лучше?
about:config - layout.css.devPixelsPerPx
Где: 1.05 - 105%, 1.15 - 115%, 1.20 - 120%...и т.д.

Отсутствует

 

№673924-10-2019 16:58:16

ImTempos
Участник
 
Группа: Members
Зарегистрирован: 23-05-2018
Сообщений: 11
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

oleg.sgh, не, это в итоге масштабирует всё вместе. Не то.

Отсутствует

 

№674024-10-2019 17:06:26

Алексей+
Участник
 
Группа: Members
Зарегистрирован: 24-10-2019
Сообщений: 2
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

Здравствуйте.
С обновлением на 70 версию перестал работать код для компактности адресной строки:

скрытый текст
#urlbar-container, #urlbar
{
    margin: 1px 1px 1px 1px !important;
}

Как его переделать чтобы он вновь заработал?

Отсутствует

 

№674124-10-2019 17:19:05

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 964
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Подскажите пожалуйста, стиль для скрытия этого блока: c650ce6e2215.png
а то этот стиль в [firefox] 70 не работает;

Выделить код

Код:

#identity-box {
  max-width:24px!important
}

Добавлено: нашёл решение:

скрытый текст

Выделить код

Код:

#identity-box{
    max-width:25px !important;
    overflow:hidden !important;
}

Отредактировано kokoss (29-10-2019 14:46:38)

Отсутствует

 

№674224-10-2019 18:57:51

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 100
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.

Vitaliy V. пишет

у Aris смотрите раскраски такие, вот это наверно https://github.com/Aris-t2/CustomCSSfor … orized.css

kokoss

kokoss пишет

Взят у Aris

Спасибо вам за наводку! Подправил цвета под себя - теперь, прям мечта перфекциониста получилась.
Сейчас вот сижу, смотрю на скрин kokoss и не могу определиться, нужна мне Адресная панель с закруглениями, как у kokoss или оставить стандартную прямоугольную??? И закруглённая круто смотрится, и прямоугольная.
kokoss может скинете код стиля для закруглённой Адресной панели "на попробовать" - посмотреть, как будет у меня смотреться.

Отсутствует

 

№674324-10-2019 19:12:23

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 964
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

v4386

Выделить код

Код:

/* Изменяет форму адресной строки и строки поиска */
#searchbar, #urlbar {
  border-radius: 48px !important;}

Отредактировано kokoss (25-10-2019 11:53:39)

Отсутствует

 

№674424-10-2019 20:19:08

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 100
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss
Спасибо! Поставил себе - смотрится прикольно. На новый Хром стал похож, только круче.

Отредактировано v4386 (24-10-2019 20:19:57)

Отсутствует

 

№674524-10-2019 20:48:56

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1833
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

Подскажите пожалуйста, стиль для скрытия этого блока:

иконку так

скрытый текст

Выделить код

Код:

#identity-box > #permissions-granted-icon {
    display: none !important;
}


а промежутка там не должно быть, смотрите стили свои

Отсутствует

 

№674624-10-2019 21:30:58

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1203
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

Алексей+ пишет

Здравствуйте.
С обновлением на 70 версию перестал работать код для компактности адресной строки:

Здравствуйте. Попробуйте этот стиль https://github.com/Aris-t2/CustomCSSfor … height.css, если правильно вас понял.

Отсутствует

 

№674724-10-2019 21:41:26

katari4688908
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 18
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

/* Изменяет форму адресной строки и строки поиска */
.searchbar-textbox, #urlbar {
  border-radius: 48px !important;}

прикольно выглядит. у меня только строка поиска не изменилась ,осталась в квадратном окне. как и её закруглить подскажите .

скрытый текст
image.jpg

Отредактировано katari4688908 (24-10-2019 21:44:53)

Отсутствует

 

№674824-10-2019 21:49:28

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 964
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Спасибо, иконку скрывает, но остаётся пустой блок, оказалось что из за стиля "favicon_in_urlbar";

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url-prefix("chrome://browser/content/browser.x") {

#urlbar #identity-box {
    -moz-binding: url("./bindings/favicon_in_urlbar.xml#favicon") !important;
}

#urlbar[pageproxystate="valid"] > #identity-box:not([busy]):not(.chromeUI)[videntityiconimage="true"] > #identity-icon {
    list-style-image: var(--v-identity-icon-image) !important;
    -moz-image-region: auto !important;
}

#urlbar > #urlbar-input-container > #identity-box::before {
    display: -moz-box !important;
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    margin-inline-end: 4px !important;
    background-image: url("chrome://browser/skin/identity-icon.svg") !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px !important;
    -moz-context-properties: fill, fill-opacity !important;
}

#urlbar > #urlbar-input-container > #identity-box:not([busy]):not(.chromeUI)[videntityiconimage="true"]::before {
    background-image: var(--v-identity-icon-image) !important;
}

#urlbar > #urlbar-input-container > #identity-box:-moz-any(.unknownIdentity,.chromeUI)::before {
    visibility: collapse !important;
    width: 0 !important;
}

}


что нужно изменить в этом стиле что бы скрыть этот пустой блок?

Добавлено 24-10-2019 21:59:39

katari4688908 пишет

прикольно выглядит. у меня только строка поиска не изменилась ,осталась в квадратном окне. как и её закруглить подскажите .

На самом деле не работает, до этого работал, я просто уже не использую строку поиска, поэтому и не заметил.

Выделить код

Код:

/* Изменяет форму адресной строки и строки поиска */
#searchbar, #urlbar {
  border-radius: 48px !important;
}

Отредактировано kokoss (24-10-2019 21:59:39)

Отсутствует

 

№674924-10-2019 22:03:43

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1203
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

katari4688908 пишет: у меня только строка поиска не изменилась ,осталась в квадратном окне. как и её закруглить подскажите

скрытый текст

Выделить код

Код:

#urlbar, #searchbar, .searchbar-textbox {
  border-radius: 20px !important;
}


https://github.com/Aris-t2/CustomCSSfor … ndness.css

Алексей+ пишет: Здравствуйте. С обновлением на 70 версию перестал работать код для компактности адресной строки:

Здравствуйте. Попробуйте этот стиль https://github.com/Aris-t2/CustomCSSfor … height.css, если правильно вас понял. Можно же использовать компактные значки и адресная и поисковая строки станут меньше.

скрытый текст
d3d406633d2f.png

Отредактировано sandro79 (24-10-2019 23:09:26)

Отсутствует

 

№675024-10-2019 22:06:42

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 964
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

sandro79
Не знал что у Aris есть такой стиль :beer:

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]