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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№535125-12-2018 07:51:39

skynet281978
Участник
 
Группа: Members
Зарегистрирован: 09-03-2011
Сообщений: 497
UA: Firefox 54.0

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

Vitaliy V. пишет

skynet281978 пишет: применяя эту тему этой полосы не видно.

скорее всего потому что скрыт #titlebar если включена тема :-moz-lwthemeскрытый

:root[tabsintitlebar] > #titlebar:-moz-lwtheme {    visibility: hidden;  }  :root[tabsintitlebar] #titlebar-content:-moz-lwtheme {    visibility: visible;  }
или так в новых

:root[tabsintitlebar]:not([inDOMFullscreen]) > #navigator-toolbox > #titlebar:-moz-lwtheme {    visibility: hidden;  }  :root[tabsintitlebar]:not([inDOMFullscreen]) #toolbar-menubar:-moz-lwtheme,  :root[tabsintitlebar]:not([inDOMFullscreen]) #TabsToolbar:-moz-lwtheme {    visibility: visible;  }

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

Сделал эту полосу белой чтобы наглядно было, а выше рамку окна (бордюр) сделал красной, также чтобы нагляднее.
место для перетаскивания тоже скрыто. но оно принимает нужный фон если открываю.
эта полоса принимает цвет в зависимости от выбранной темы. белая - значит белая полоса и т.д.
давным давно с помощью дом инспектора я эту полосу как-то идентифицировал. в новых версиях инспектор не видит эту полосу.



dd649e26a8c55003a5b7b88a9d17706a2e7767328373089.png

Отсутствует

 

№535225-12-2018 10:26:47

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

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

skynet281978
понятно, я думал вы пытаетесь на дефолтной теме фон сделать, и тот код из новых версий имелось ввиду 65+
ну и это всё равно бы ничего не изменило, я просто привёл исходный код, чтобы применить его на дефолтной теме нужно убрать :-moz-lwtheme

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

P.S. можно ещё кнопки управления окном уменьшить


Выделить код

Код:

@media (-moz-windows-compositor) {
    #main-window[uidensity="compact"][sizemode="normal"] vbox#titlebar {
        -moz-appearance: none !important;
    }
}

Отредактировано Vitaliy V. (25-12-2018 12:58:52)

Отсутствует

 

№535325-12-2018 15:08:24

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 137
UA: Firefox 64.0

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

Vitaliy V.
не получается кнопки управления окном уменьшить вашим кодом

Отсутствует

 

№535425-12-2018 15:23:20

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

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

Вит пишет

не получается кнопки управления окном уменьшить вашим кодом

на [windows] 7 они системные их можно разве что заменить...
тот код для [windows] 10

Отсутствует

 

№535525-12-2018 16:07:57

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 137
UA: Firefox 64.0

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

Vitaliy V.
Ясно, жаль, а на win7 как заменить?

Отсутствует

 

№535625-12-2018 18:28:47

skynet281978
Участник
 
Группа: Members
Зарегистрирован: 09-03-2011
Сообщений: 497
UA: Firefox 54.0

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

Vitaliy V. пишет

skynet281978
понятно, я думал вы пытаетесь на дефолтной теме фон сделать, и тот код из новых версий имелось ввиду 65+
ну и это всё равно бы ничего не изменило, я просто привёл исходный код, чтобы применить его на дефолтной теме нужно убрать :-moz-lwtheme

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

P.S. можно ещё кнопки управления окном уменьшить


спасибо за ответы.
в теме mac lion bg откуда я взял фон этот отступ не убирается. он насколько я понимаю закрашивается темой. если я не ошибаюсь конечно. вот и получается, что его можно не прятать, а изменить фон. как-то :)

Выделить код

Код:

@media (-moz-windows-compositor) {
    #main-window[uidensity="compact"][sizemode="normal"] vbox#titlebar {
        -moz-appearance: none !important;
    }
}

Отсутствует

 

№535726-12-2018 00:31:51

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

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

Вит пишет

а на win7 как заменить?

смотря какая тема в win7, если аэро то можно заменить только с потерей эффекта прозрачности окна
если устроит могу попробовать сделать стилем, для старых версий [firefox] уже делал но он вряд ли подойдёт...

skynet281978 пишет

вот и получается, что его можно не прятать, а изменить фон. как-то

конечно можно добавьте его к #main-window а не к панели вкладок
примерно так для встроенной тёмной темы


Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul") {
    
#main-window:-moz-lwtheme-brighttext[style*="--lwt-accent-color:rgb(12, 12, 13);"] {
    background-image: linear-gradient(rgb(123, 123, 133), rgb(123, 123, 133)) !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}

}

Отредактировано Vitaliy V. (26-12-2018 00:34:12)

Отсутствует

 

№535826-12-2018 00:40:10

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 64.0

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

Vitaliy V.
Получилось перекрасить. Спасибо большое!

Отсутствует

 

№535926-12-2018 07:23:12

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 137
UA: Firefox 64.0

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

Vitaliy V.
сделайте, пожалуйста. А там как пойдет, спасибо

Отсутствует

 

№536026-12-2018 18:15:32

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

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

Вит
Замена кнопок управления окном не только для [windows], но и для [linux],
[macos] не имею, даже не знаю как там будет работать стиль


Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root {
    --v-titlebar-button-vert-padding: 5px;
    --v-titlebar-button-horizont-padding: 10px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>");
    --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
    --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>");
    --v-titlebar-button-image-height: 12px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: rgba(0,0,0,.12);
    --v-titlebar-button-background-active: rgba(0,0,0,.22);
    --v-titlebar-close-background-hover: rgb(227, 27, 93);
    --v-titlebar-close-background-active: rgb(191, 22, 78);
    --v-windows-glass-default-background: ActiveCaption;
    --v-windows-glass-default-background-inactive: InactiveCaption;
}

@media (-moz-windows-glass), (-moz-os-version: windows-win8) {
    *|*:root[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
        margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important;
    }

    *|*:root[sizemode="normal"] > #titlebar > #titlebar-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    *|*:root[sizemode="normal"] > #navigator-toolbox,
    *|*:root[sizemode="normal"] > box > #navigator-toolbox {
        border-top: none !important;
        padding-top: 0 !important;
        box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important;
    }

    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    *|*:root {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

    *|*:root:-moz-window-inactive {
        background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important;
    }

    #TabsToolbar:-moz-lwtheme-darktext {
        color: inherit !important;
        --lwt-toolbarbutton-icon-fill: currentColor !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) {
        color: inherit !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
    }
}

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
}

@media not all and (-moz-os-version: windows-win7) {
    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        -moz-box-align: start !important;
        -moz-box-pack: end !important;
    }
}

#titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close) > .toolbarbutton-icon,
:-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}

#titlebar-buttonbox > #titlebar-min,
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
}

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    -moz-image-region: auto !important;
}

*|*:root[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
*|*:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    -moz-image-region: auto !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover,
:-moz-any(#minimize-button,#restore-button):hover {
    background-color: var(--v-titlebar-button-background-hover) !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover:active,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover:active,
:-moz-any(#minimize-button,#restore-button):hover:active {
    background-color: var(--v-titlebar-button-background-active) !important;
}

#titlebar-buttonbox > #titlebar-close,
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    -moz-image-region: auto !important;
}

#titlebar-buttonbox > #titlebar-close:hover,
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
    background-color: var(--v-titlebar-close-background-hover) !important;
    color: white !important;
}

#titlebar-buttonbox > #titlebar-close:hover:active,
.titlebar-buttonbox > .titlebar-close:hover:active,
#close-button:hover:active {
    background-color: var(--v-titlebar-close-background-active) !important;
    color: white !important;
}
}

Отредактировано Vitaliy V. (21-01-2020 15:13:20)

Отсутствует

 

№536126-12-2018 18:42:09

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 64.0

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

Vitaliy V.
kzofstli.jpg
Хотел Hover на закладки в SM , как на скрине на букве "И" и затупил. Так сделал, но не то..
oldrgtnu.jpg


Выделить код

Код:

border: 1px solid #B7B7B7 !important;
   background-image: url("chrome://navigator/skin/icons/tab-bg-active.png");
   border-radius: 3px !important;
   background-repeat: repeat-x !important;
   background-position: left center !important;
   color: red !important;
   background-color: #33FF33 !important;

Отсутствует

 

№536226-12-2018 18:51:30

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

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

Vitaliy V. Доброго Здравия! После перехода [nightly] на 66 версию перекосило стиль выпадаюшего списка адресной строки, а также кнопки перезапуска firefox и открытия профиля вообще пропали. Подправьте пожалуйста, если это ещё возможно сделать и не отнимет много времени. Спасибо.

скрытый текст
Скрин nightly на чистом профиле с одним только стилем для адресной строки

ofizer пишет:  А так?

А вы проверяли этот стиль в 66 [nightly]? Конечно та же петрушка, если это вообще не тот же самый стиль, что я просил попрвить.

Отредактировано sandro79 (26-12-2018 19:31:31)

Отсутствует

 

№536326-12-2018 19:06:57

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 137
UA: Firefox 64.0

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

Vitaliy V.
Отлично ваш стиль с кнопками применился!, хотелось бы увеличить расстояние между кнопками и значками на 2-3 px

Отсутствует

 

№536426-12-2018 19:10:07

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

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

sandro79
А так?


Выделить код

Код:

/*Сужение подсказок до размеров адресной строки*/
#urlbar > popupset[anonid="popupset"] {
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:html='http://www.w3.org/1999/xhtml' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='urlbar-rich-result-popup'><implementation><constructor><![CDATA[ var PopupAutoComplete = document.getElementById('PopupAutoCompleteRichResult'); if (!PopupAutoComplete._openAutocompletePopup) return; PopupAutoComplete._openAutocompletePopup = function(aInput, aElement) { if (this.mPopupOpen) return; if (!this.style.direction) this.style.direction = aElement.ownerGlobal.getComputedStyle(aElement).direction; let popupDirection = this.style.direction; let rect = aElement.getBoundingClientRect(); let width = rect.right - rect.left; this.setAttribute('width', width); this.setAttribute('flip', 'slide'); this.mInput = aInput; this.input.controller.setInitiallySelectedIndex(this._isFirstResultHeuristic ? 0 : -1); this.input.userSelectionBehavior = 'none'; this._invalidate(); try { let whichNotification = aInput.whichSearchSuggestionsNotification; if (whichNotification != 'none') { let impressionId = this._searchSuggestionsImpressionId = {}; this.addEventListener('popupshown', () => { if (this._searchSuggestionsImpressionId == impressionId) aInput.updateSearchSuggestionsNotificationImpressions(whichNotification); }, {once: true}); this._showSearchSuggestionsNotification(whichNotification, popupDirection); } else if (this.classList.contains('showSearchSuggestionsNotification')) { this._hideSearchSuggestionsNotification(); } } catch (ex) { } this.openPopup(aElement, 'after_start', 0, 0, false, false); }; ]]></constructor></implementation></binding></bindings>#urlbar-rich-result-popup") !important;
}

#PopupAutoCompleteRichResult {
    margin-inline-start: 0px !important;
}

#PopupAutoCompleteRichResult .ac-type-icon {
    margin-inline-start: 2px !important;
}

Отсутствует

 

№536526-12-2018 19:57:50

Karn
Участник
 
Группа: Members
Зарегистрирован: 11-12-2018
Сообщений: 45
UA: Firefox 64.0

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

Vitaliy V.
Можете подсказать, какие ещё существуют названия скроллбаров на страничках? Несмотря на код ниже, на рутрекере в поиске и на технопоинте в фильтрах, он не подействовал на толщину, хотя цвет изменил.



Выделить код

Код:

html, body, div, textarea {
    scrollbar-color: rgb(100,156,206) transparent !important;
    scrollbar-width: thin !important;
}

Отсутствует

 

№536626-12-2018 20:23:20

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

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

drage2
а что это за "И" кнопка?
наверно к ней системный стиль применяется

sandro79
заменил только селектор

с кнопками аналогично исправил там https://forum.mozilla-russia.org/viewto … 15#p763715

Вит пишет

увеличить расстояние между кнопками и значками на 2-3 px

изменить размер кнопок есть переменные
    --v-titlebar-button-vert-padding: 5px;
    --v-titlebar-button-horizont-padding: 10px;
если нужен отступ между ними
то добавьте в конце перед последней скобкой


Karn пишет

названия скроллбаров

это не названия скроллбаров стиль нужно применить к скролл бокс
попробуйте такие тэги
select, ul

Выделить код

Код:

toolbarbutton.bookmark-item:not(:-moz-lwtheme) {
    -moz-appearance: toolbarbutton  !important;
}

Отредактировано Vitaliy V. (26-12-2018 20:41:38)

Отсутствует

 

№536726-12-2018 21:06:20

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 64.0

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

Vitaliy V.
Да, уделал...Как бы тест в адресе приподнять без удара по кнопкам в том же адресе...SM ///В FF без проблем:
.urlbar-input-box {
  margin: 0;
padding-bottom: 1px;
}

Отсутствует

 

№536826-12-2018 21:15:33

Karn
Участник
 
Группа: Members
Зарегистрирован: 11-12-2018
Сообщений: 45
UA: Firefox 64.0

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

Vitaliy V.
Работает, спасибо! :)

Отсутствует

 

№536926-12-2018 22:07:15

skynet281978
Участник
 
Группа: Members
Зарегистрирован: 09-03-2011
Сообщений: 497
UA: Firefox 54.0

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

skynet281978
вот и получается, что его можно не прятать, а изменить фон. как-то

конечно можно добавьте его к #main-window а не к панели вкладок примерно так для встроенной тёмной темы
@-moz-document url("chrome://browser/content/browser.xul") {
   
#main-window:-moz-lwtheme-brighttext[style*="--lwt-accent-color:rgb(12, 12, 13);"] {
    background-image: linear-gradient(rgb(123, 123, 133), rgb(123, 123, 133)) !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}

}
Отредактировано Vitaliy V. (Сегодня 00:34:12)

дело в том, что в тёмной (и в светлой) теме этот отступ имеет такой же цвет как и выбираемая тема и его не видно поэтому. т.е. темы справляются с перекрашиванием этого отступа нормально. но тема mac-lion-bg или заменяет его своим фоном или скрывает его и оставляет только фон панели вкладок. и получается что этого отступа не видно в любом из приведённых мной вариантов.
Ваш вариант просто перекрашивает фон панели вкладок и этот отступ в серый цвет, что не требуется ибо этот отступ нужно как-то скрыть.

963f33d13324e7ea7f7f534f6c53d7292e7767328511113.png

а если применить тему mac-lion-bg и увеличить чтобы было видно, то получается, что видны граница окна и фон, без этого отступа, который я пытаюсь убрать.
как-то же тема справляется с этим отступом.

b305f865b9360ec55669c4f6fe99acf72e7767328511062.png

я бы оставил эту тему и так, но она перекрашивает панель навигации, иконки, менюшки в светлый. а я хочу оставить такой как имеет тёмная тема.
в тёмнной теме меня всё устраивает кроме фона вкладок - он слишком тёмный и из-за этого не видно фавиконы некоторых сайтов и вообще воспринимается чёрный фон не очень. если изменить цвет фона на чуть менее тёмный или как здесь на фоновую картинку, то сразу становится виден этот злополучный отступ :) который имеет цвет темы, цвет фона панели вкладок.

6e20adadbab483dbe84f73e7bfe4134c2e7767328510970.png


P.S: Получилось достичь желаемого результата таким образом:

/*Фон панели вкладок*/
#TabsToolbar {
    background-image: url("https://addons.cdn.mozilla.net/user-media/addons/322620/drawernav_bg-Copy.png") !important;
}

#main-window {
    background-image: url("https://addons.cdn.mozilla.net/user-media/addons/322620/drawernav_bg-Copy.png") !important;
}
/*Убираем тонкий отступ над панелью вкладок*/
@media (-moz-windows-compositor) {
    #main-window[uidensity="compact"][sizemode="normal"] vbox#titlebar {
        -moz-appearance: none !important;
    }
}
не знаю насколько верное решение, но отступ стал не отличим от фона

Отредактировано skynet281978 (26-12-2018 23:01:05)

Отсутствует

 

№537026-12-2018 23:09:38

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

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

drage2

или в тот код добавь padding https://forum.mozilla-russia.org/viewto … 55#p765455

skynet281978 пишет

Ваш вариант просто перекрашивает фон панели вкладок и этот отступ в серый цвет, что не требуется ибо этот отступ нужно как-то скрыть.

Нуу... я же вам дал код чтобы подставить ваше изображение
background-image: linear-gradient(rgb(123, 123, 133), rgb(123, 123, 133)) !important;
заменяете на
background-image: url("./drawernav_bg-Copy.png") !important;
используйте локальный путь а не https://

Выделить код

Код:

toolbar textbox *|*.textbox-input {
    padding-bottom: 1px !important;
}

Отредактировано Vitaliy V. (26-12-2018 23:15:46)

Отсутствует

 

№537127-12-2018 00:05:59

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 624
UA: Firefox 64.0

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

Встретил на просторах интернета полный список элементов контекстного меню (без подменю). Тем, кто умеет использовать "Инструменты браузера" это особо не нужно, но пусть будет в общей копилке форума. В основном все элементы переведены на русский язык правильно, но некоторые элементы из списка я не встречал в браузере. Может кто знает/найдёт и поправит, тогда внесём поправки в перевод.

Начало всех строк закомментировано символами /*. Чтобы скрыть какой-нибудь элемент конекстного меню, нужно просто убрать символы /* в начале строки и перезагрузить браузер. Эти строки можно скопировать прямо в файл userChrome.css или лучше импортировать в него из него другого файла *.css



Выделить код

Код:

/* Скрыть элементы Контекстного меню */

/*                    #mainPopupSet,                      /******************** ВСЁ контекстное меню ********************/


/*                    #tabContextMenu,                    /******************** Контекстное меню на ВКЛАДКАХ ********************/
/*                    #context_reloadTab,                /* Обновить вкладку */
/*                    #context_toggleMuteTab,            /* Убрать звук во вкладке */
/*         #context_toggleMuteTab + menuseparator,        /* Разделитель */
/*                    #context_pinTab,                        /* Закрепить вкладку */
/*                    #context_unpinTab,                    /* Открепить вкладку */
/*                    #context_duplicateTab,                /* Дублировать вкладку */
/*            #context_duplicateTab + menuseparator,        /* Разделитель */
/*                    #context_selectAllTabs,                /* Выбрать все вкладки */
/*                    #context_bookmarkSelectedTabs,    /* Добавить выбранные вкладки в закладки... */
/*                    #context_bookmarkTab,            /* Добавить вкладку в закладки... */
/*                    #context_reopenInContainer,        /* Переоткрыть в контейнере */
/*                    #context_moveTabOptions,         /* Переместить вкладку */
/*                    #context_openTabInWindow,        /* Открыть вкладку в новом окне */
/*            #context_sendTabToDevice_separator,    /* Разделитель */ 
/*                    #context_sendTabToDevice,        /* Отправить вкладку на устройство */ 
/*            #context_sendTabToDevice + menuseparator,        /* Разделитель */
/*                    #context_reloadAllTabs,            /* Обновить все вкладки */
 /*                #context_bookmarkAllTabs,        /*Добавить вкладки в закладки... */
/*                    #context_closeTabsToTheEnd,    /* Закрыть вкладки справа */
/*                    #context_closeOtherTabs,            /*Закрыть другие вкладки */
/*            #context_closeOtherTabs + menuseparator,        /* Разделитель */
/*                    #context_undoCloseTab,            /* Восстановить закрытую вкладку */
/*                    #context_closeTab,                    /* Закрыть вкладку */


/*                    #contentAreaContextMenu,        /******************** Контекстное меню на СТРАНИЦЕ ********************/
/*                    #context-navigation,                    /* Скрыть всю панель навигации со значками */
/*                    #context-back,                        /* скрыть значок назад */
/*                    #context-forward,                    /* скрыть значок вперед */
/*                    #context-reload,                        /* скрыть значок обновить */
/*                    #context-stop,                        /* скрыть значок стоп */
/*                    #context-bookmarkpage,            /* скрыть значок звёздочка (добавить в закладки) */
/*            #context-sep-navigation,                    /* Разделитель */
/*            #page-menu-separator,                        /* Разделитель */
/*                    #spell-no-suggestions,                /* (вариантов не найдено) */ 
/*                    #spell-add-to-dictionary,                /* Добавить в словарь */
/*                    #spell-undo-add-to-dictionary,        /* Отменить добавление в словарь */
/*            #spell-suggestions-separator,                /* Разделитель */


/*                    #context-openlinkincurrent,            /******************** Открыть ссылку в текущей вкладке ********************/ 
/*                    #context-openlinkincontainertab,    /* Открыть ссылку новой вкладке текущего контейнера */
/*                    #context-openlinkintab,                /* Открыть ссылку в новой вкладке */
/*                    #context-openlinkinusercontext-menu,    /* Открыть ссылку в новой вкладке в контейнере */
/*                    #context-openlink,                    /* Открыть ссылку в новом окне */
/*                    #context-openlinkprivate,            /* Открыть ссылку в новом приватном окне*/
/*            #context-sep-open,                            /* Разделитель */
/*                    #context-bookmarklink,                /* Добавить ссылку в закладки */
/*                    #context-savelink,                    /* Сохранить объект как... */
/*                    #context-savelinktopocket,            /* Сохранить ссылку в Pocket */
/*                    #context-sendlink,                    /* Отправить ссылку по электронной почте */ 
/*                    #context-copyemail,                    /* Копировать адрес электронной почты */
/*                    #context-copylink,                    /* Копировать ссылку */
/*            #context-sep-copylink,                        /* Разделитель */


/*                    #context-media-play,                /******************** Воспроизвести ********************/
/*                    #context-media-pause,                /* Пауза */
/*                    #context-media-mute,                /* Убрать звук */
/*                    #context-media-unmute,            /* Включить звук */
/*                    #context-media-playbackrate,        /* Скорость воспроизведения */
/*                    #context-media-loop,                /* Повторять */
/*                    #context-media-showcontrols,        /* Показать элементы управления */


/*                    #context-media-hidecontrols,        /******************** Скрыть пуль управления ********************/
/*                    #context-video-fullscreen,            /* Полный экран */
/*                    #context-leave-dom-fullscreen,    /* Выход из полноэкранного режима */
/*            #context-media-sep-commands,            /* Разделитель */


/*                    #context-reloadimage,                /******************** Обновить изображение ********************/
/*                    #context-viewimage,                    /* Открыть изображение */ 
/*                    #context-viewvideo,                    /* Открыть видео */
/*                    #context-copyimage-contents,    /* Копировать изображение */
/*                    #context-copyimage,                /* Копировать ссылку на изображение */
/*                    #context-copyvideourl,                /* Копировать ссылку на видео */
/*                    #context-copyaudiourl,                /* Копировать ссылку на аудио */
/*            #context-sep-copyimage,                    /* Разделитель */
/*                    #context-saveimage,                /* Сохранить изображение как... */
/*                    #context-sendimage,                /* Отправить изображение по почте... */
/*                    #context-setDesktopBackground,    /* Сделать фоновым рисунком рабочего стола... */
/*                    #context-blockimage,                /* Блок изображения */
/*                    #context-viewimageinfo,            /* Информация об изображении */
/*                    #context-viewimagedesc,            /* Просмотр дополнительных сведений о изображении */


/*                    #context-savevideo,                    /******************** Сохранить видео как... ********************/
/*                    #context-saveaudio,                    /* Сохранить аудио как... */
/*                    #context-video-saveimage,        /* Сохранить кадр как... */
/*                    #context-sendvideo,                    /* Отправить видео по почте...  */
/*                    #context-sendaudio,                    /* Отправить аудио по почте... */
/*                    #context-ctp-play,                    /* Включить этот подключаемый модуль */
/*                    #context-ctp-hide,                    /* Скрыть этот подключаемый модуль*/
/*            #context-sep-ctp,                            /* Разделитель */


/*                    #context-savepage,                    /******************** Сохранить (страницу) как... ********************/
/*                    #context-pocket,                        /* Сохранить страницу в Pocket */
/*            #context-sep-sendpagetodevice,            /* Разделитель */
/*                    #context-sendpagetodevice,        /* Отправить страницу на устройство */
/*                    #context-sendpage,                    /* Блок Отправить URL страницы по электронной почте */
/*            #context-sep-viewbgimage,                /* Разделитель */
/*                    #context-viewbgimage,                /* Открыть фоновое изображение */ 
/*                    #context-undo,                        /* Отменить */
/*            #context-sep-undo,                            /* Разделитель */
/*                    #context-cut,                            /* Вырезать */
/*                    #context-copy,                        /* Копировать */
/*                    #context-paste,                        /* Вставить */
/*                    #context-delete,                        /* Удалить */
/*            #context-sep-paste,                            /* Разделитель*/
/*                    #context-selectall,                    /* Выбрать все */
/*            #context-sep-selectall,                        /* Разделитель */
/*                    #context-keywordfield,                /* Дать краткое имя для данного поиска... */ 
/*                    #context-searchselect,                /* Искать выделенный "текст" в Яндекс, Google и т.д. */ 
/*            #context-sep-sendlinktodevice,            /* Разделитель */
/*                    #context-sendlinktodevice,            /* Отправить ссылку на устройство */
/*            #frame-sep,                                    /* Разделитель */


/*                    #frame,                                    /******************** В этом фрейме ********************/
/*                    #context-viewpartialsource-selection,    /* Исходный код выделенного фрагмента */
/*                    #context-viewpartialsource-mathml,        /* Показать MathML источник */
/*            #context-sep-viewsource,                    /* Разделитель */
/*                    #context-viewsource,                /* Исходный код страницы*/
/*                    #context-viewinfo,                    /* Информация о странице*/
/*                    #context-metadata,                    /* Метадата (свойства) */


/*                    #spell-separator,                        /* Разделитель*/
/*                    #spell-check-enabled,                /******************** Проверка орфографии ********************/
/*                    #spell-add-dictionaries-main,        /* Добавить словарь...*/
/*                    #spell-dictionaries,                    /* Язык */
/*                    #context-spell-check-enabled,        /* Включить проверку орфографии флажок */
/*            #context-sep-bidi,                            /* Разделитель */
/*                    #context-bidi-text-direction-toggle,    /* Переключение направления текста */
/*                    #context-bidi-page-direction-toggle,    /* Переключение ориентации страницы */
/*            #fill-login-separator,                            /* Разделитель*/
/*                    #fill-login,                                /* Ввести логин-пароль */ 
/*            #inspect-separator,                            /* Разделитель*/
/*                    #context-inspect,                        /* Исследовать элемент */
/*            #context-media-eme-separator,            /* Разделитель*/
/*                    #context-media-eme-learnmore,        /* DRM подробности.. */


/*                    #placesContext,                        /******************** Контекстное меню в Меню закладок ********************/
/*                    #placesContext_open,                /* Открыть */
/*                    #placesContext_open\:newtab,    /* Открыть в новой вкладке */
/*                    #placesContext_openContainer\:tabs,    /* Открыть все на вкладке */
/*                    #placesContext_openLinks\:tabs,        /* Открыть все на вкладке */
/*                    #placesContext_open\:newwindow,        /* Открыть в новом окне */
/*                    #placesContext_open\:newprivatewindow,        /* Открыть в новом приватном окне */
/*            #placesContext_openSeparator,            /* Разделитель*/
/*                    #placesContext_new\:bookmark,        /* Новая закладка... */
/*                    #placesContext_new\:folder,        /* Новая папка... */
/*                    #placesContext_new\:separator,        /* Новый разделитель */
/*            #placesContext_newSeparator,            /* Разделитель */
/*                    #placesContext_createBookmark,    /* Добавить страницу в закладки */
/*                    #placesContext_cut,                    /* Вырезать */
/*                    #placesContext_copy,                /* Копировать */
/*                    #placesContext_paste,                /* Вставить */
/*            #placesContext_editSeparator,            /* Разделитель */
/*                    #placesContext_delete,                /* Удалить */
/*                    #placesContext_delete_history,    /* Удалить страницу */
/*                    #placesContext_deleteHost,        /* Очистка истории этого сайта */
/*            #placesContext_deleteSeparator,            /* Разделитель */
/*                    #placesContext_sortBy\:name,    /* Сортировать по имени */
/*                    #placesContext_reload,                /* Обновить закладки */
/*                    #placesContext_show\:info,        /* Варианты размещения */
    #context-zaglushka /* Это строка-заглушка нужна, чтобы последняя закомментированная строка не отменяла все верхние строки */
{
  display: none !important;
}

Отредактировано dreamkz (27-12-2018 12:53:10)

Отсутствует

 

№537227-12-2018 00:20:38

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 593
UA: Firefox 64.0

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

dreamkz не /* Добавить выбранные вкладки в закладки... */, а "выделенные" (в [firefox] 64 по крайней мере.
Но я не о том: везде где написано "..." должны быть не три ".", а "…" (Alt+0133). Было дело "не скрывались" "Добавить краткое имя для данного поиска…", "Отправить изображение по почте…", "Сделать фоновым рисунком рабочего стола…" и т.п.

Отсутствует

 

№537327-12-2018 01:21:09

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 624
UA: Firefox 64.0

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

vitalii201, спасибо большое за уточнения! У меня в контекстном меню на [firefox] 64 когда выбираешь элемент "Выбрать все вкладки", то потом появляется элемент "Добавить вкладки в закладки...". Я написал "Добавить выбранные вкладки в закладки...", чтобы было более понятно о чём речь.

Я так понял, что если не брать в кавычки текст с многоточием, то он может "сломать" строку? Хотя, у меня всё работает без проблем.

Кстати, про эти вкладки. Когда выбираешь все вкладки или некоторые из них, то вызывается элемент меню #context_bookmarkSelectedTabs. А как вызвать элемент меню #context_bookmarkAllTabs?

Отредактировано dreamkz (27-12-2018 01:44:26)

Отсутствует

 

№537427-12-2018 02:00:11

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 593
UA: Firefox 64.0

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

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

Отсутствует

 

№537527-12-2018 10:43:10

ALEX_45_ORP
Участник
 
Группа: Members
Зарегистрирован: 18-01-2018
Сообщений: 80
UA: Firefox 64.0

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

dreamkz а может вы знаете как такое меню появляется? (и, кстати, без правки userChrome.css)
O_o___.jpg
один раз проскочило с сборке, а больше вызвать не могу ...


Reality leaves a lot to the imagination

Отсутствует

 

Board footer

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