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

Mozilla Россия — свежие версии программ Mozilla, а также масса полезной информации по каждому продукту.

№535125-12-2018 07:51:39

skynet281978
Участник
 
Группа: Members
Зарегистрирован: 09-03-2011
Сообщений: 480
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;  }

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

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



http://f24.ifotki.info/org/dd649e26a8c55003a5b7b88a9d17706a2e7767328373089.png

Отсутствует

 

№535225-12-2018 10:26:47

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

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

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

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

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

Выделить код

Код:

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


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

Выделить код

Код:

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    padding: 5px 10px !important;
}

#titlebar-buttonbox,
.titlebar-buttonbox {
    -moz-box-align: start !important;
}

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

Отсутствует

 

№535325-12-2018 15:08:24

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

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

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

Отсутствует

 

№535425-12-2018 15:23:20

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

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

Вит пишет:

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

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

Отсутствует

 

№535525-12-2018 16:07:57

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

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

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

Отсутствует

 

№535625-12-2018 18:28:47

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

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

Vitaliy V. пишет:

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

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

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

Выделить код

Код:

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


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

Выделить код

Код:

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    padding: 5px 10px !important;
}

#titlebar-buttonbox,
.titlebar-buttonbox {
    -moz-box-align: start !important;
}


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

Отсутствует

 

№535726-12-2018 00:31:51

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1063
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
Сообщений: 129
UA: Firefox 64.0

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

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

Отсутствует

 

№536026-12-2018 18:15:32

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

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

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

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul") {
: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(215,0,34);
    --v-titlebar-close-background-active: rgb(178,0,28);
    --v-windows-glass-default-background: ActiveCaption;
    --v-windows-glass-default-background-inactive: InactiveCaption;
}

:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255,255,255,.22);
    --v-titlebar-button-background-active: rgba(255,255,255,.12);
}

@media (-moz-windows-glass) {
    #main-window[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;
    }

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

    #main-window[sizemode="normal"] > #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;
    }

    #main-window {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

    #main-window:-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;
}

#main-window[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
#main-window[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. (30-01-2019 13:30:55)

Отсутствует

 

№536126-12-2018 18:42:09

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

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

Vitaliy V.
https://fs1.directupload.net/images/181226/temp/kzofstli.jpg
Хотел Hover на закладки в SM , как на скрине на букве "И" и затупил. Так сделал, но не то..
https://fs1.directupload.net/images/181226/temp/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
Сообщений: 587
UA: Firefox 58.0

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

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

Скрин nightly на чистом профиле с одним только стилем для адресной строки
https://b.radikal.ru/b00/1812/6c/4f0d6c0b7d89.png

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

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

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

Отсутствует

 

№536326-12-2018 19:06:57

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

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

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

Отсутствует

 

№536426-12-2018 19:10:07

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 198
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
Сообщений: 1063
UA: Firefox 65.0

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

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

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

Выделить код

Код:

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


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

Выделить код

Код:

#urlbar > .urlbar-history-dropmarker > image {
    -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;
}


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

Вит пишет:

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

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

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

Выделить код

Код:

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max,
#restore-button {
    margin-left: 2px !important;
    margin-right: 2px !important;
}


Karn пишет:

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

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

Отредактировано 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
Сообщений: 480
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 или заменяет его своим фоном или скрывает его и оставляет только фон панели вкладок. и получается что этого отступа не видно в любом из приведённых мной вариантов.
Ваш вариант просто перекрашивает фон панели вкладок и этот отступ в серый цвет, что не требуется ибо этот отступ нужно как-то скрыть.

http://f24.ifotki.info/org/963f33d13324e7ea7f7f534f6c53d7292e7767328511113.png

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

http://f24.ifotki.info/org/b305f865b9360ec55669c4f6fe99acf72e7767328511062.png

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

http://f24.ifotki.info/org/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
Сообщений: 1063
UA: Firefox 65.0

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

drage2

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

Выделить код

Код:

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


или в тот код добавь 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://

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

Отсутствует

 

№537127-12-2018 00:05:59

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 575
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
Сообщений: 577
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
Сообщений: 575
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
Сообщений: 577
UA: Firefox 64.0

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

dreamkz
я очень поверхностно(совсем около "нуля") в этом разбираюсь. Просто по подсказкам редактировал и выяснил этот нюанс. Уверен: компетентные в этих вопросах – подскажут.

Отсутствует

 

№537527-12-2018 10:43:10

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

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

dreamkz а может вы знаете как такое меню появляется? (и, кстати, без правки userChrome.css)
https://www.upload.ee/thumb/9349925/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]