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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№1200111-02-2022 06:15:16

blazah
Участник
 
Группа: Members
Зарегистрирован: 08-02-2011
Сообщений: 35
UA: Firefox 68.0

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

Народ, а как перенести панель вкладок под адресную строку? Firefox 97. Тыркните пожалуйста сцылочкой или код приведите здесь плиз.

Отсутствует

 

№1200211-02-2022 06:26:22

Xenosag
Участник
 
Группа: Members
Зарегистрирован: 26-10-2019
Сообщений: 9
UA: Firefox 97.0

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

Что-то часто стал код ломаться, после обновления на 97-версию перестали выделяться вкладки(одно сплошное полотно). Подскажите, как вернуть контур(или цвет вкладки сделать сероватым) вокруг вкладки?

Отредактировано Xenosag (11-02-2022 06:27:58)

Отсутствует

 

№1200311-02-2022 06:57:17

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 91.0

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

blazah пишет

Народ, а как перенести панель вкладок под адресную строку? Firefox 97. Тыркните пожалуйста сцылочкой или код приведите здесь плиз.

https://forum.mozilla-russia.org/viewto … 10#p784310


«The Truth Is Out There»

Отсутствует

 

№1200411-02-2022 07:57:15

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

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

Отсутствует

 

№1200511-02-2022 08:13:44

Xenosag
Участник
 
Группа: Members
Зарегистрирован: 26-10-2019
Сообщений: 9
UA: Firefox 97.0

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

oleg.sgh пишет

Xenosaghttps://forum.mozilla-russia.org/viewto … 17#p791717

не работает. Попробовал сделать откат системы, так перестали работать активные элементы страницы, как нормально откатиться назад пока не найду решение?

Отредактировано Xenosag (11-02-2022 08:15:38)

Отсутствует

 

№1200611-02-2022 09:19:20

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

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

Xenosag
Работает. Включить стили about:config:
toolkit.legacyUserProfileCustomizations.stylesheets;true
browser.proton.enabled;true
Правда, у меня часть кода.

Выделить код

Код:

/* неактивные вкладки non_active_tab_shape */
@supports -moz-bool-pref("browser.proton.enabled") {
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: color-mix(in srgb, currentColor 27%, transparent);
}

Предположительно: попробуйте из  выше приведенного кода, по ссылке, убрать последнюю закрывающую скобку }
Откат системы не должен коснуться профиля...если не ошибаюсь.  Откатить профиль можно из бэкапа профиля, если таковой имеется.
Если речь об откате на предыдущую версию - удалить из профиля файл compatibility.ini и обновить Firefox поверх.

Отредактировано oleg.sgh (11-02-2022 09:22:49)

Отсутствует

 

№1200711-02-2022 10:05:25

Xenosag
Участник
 
Группа: Members
Зарегистрирован: 26-10-2019
Сообщений: 9
UA: Firefox 97.0

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

oleg.sgh пишет

Xenosag
Работает. Включить стили about:config:
toolkit.legacyUserProfileCustomizations.stylesheets;true
browser.proton.enabled;true
Правда, у меня часть кода.
Предположительно: попробуйте из  выше приведенного кода, по ссылке, убрать последнюю закрывающую скобку }
Откат системы не должен коснуться профиля...если не ошибаюсь.  Откатить профиль можно из бэкапа профиля, если таковой имеется.
Если речь об откате на предыдущую версию - удалить из профиля файл compatibility.ini и обновить Firefox поверх.

вероятно конфликтует с чем-то, не работает(стили включены). Может неправильно объяснил, вот что я имею ввиду:
1.jpg
2.jpg

P.S. У меня код тянется хрен знает с каких времён, вероятно он уже не актуален. Если кому-то не лень его посмотреть, то вот он:

скрытый текст
@-moz-document url("chrome://browser/content/browser.xhtml") {
*|*:root {
    --v-toolbar-menubar-height: 26px; /* высота панели меню, только чётные числа не меньше 20px,
    если изменяете эту переменную то и в --v-toolbar-menubar-height-content - атрибут height= нужно установить ровно в два раза больше*/
    --v-toolbar-menubar-height-content: url("data:image/svg+xml,<svg width='28' height='52' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' style='fill:transparent;'/></svg>");  /* height='2 * --v-toolbar-menubar-height' */
    --tab-border-radius: 4px !important;
 
    /* **************************************** */
    --proton-tab-block-margin: 0px !important;
    --tab-block-margin: 0px !important;
}
#navigator-toolbox {
    border-block: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox {
    position: relative !important;
}
#navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#navigator-toolbox > #nav-bar {
    margin-block: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-inline: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: var(--v-toolbar-menubar-height) !important;
}
#navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] > *|body::before {
    content: var(--v-toolbar-menubar-height-content) !important;
    display: -moz-box !important;
    -moz-box-flex: 0 !important;
    -moz-box-orient: vertical !important;
    -moz-box-pack: start !important;
    -moz-box-align: stretch !important;
    -moz-box-ordinal-group: 0 !important;
    margin-bottom: calc(-2 * var(--v-toolbar-menubar-height)) !important;
    box-sizing: content-box !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > *|body::before {
    -moz-appearance: -moz-window-titlebar !important;
    appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > *|body::before {
    -moz-appearance: -moz-window-titlebar-maximized !important;
    appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > *|body::before {
    visibility: hidden !important;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    position: static !important;
}
#toolbar-menubar {
    padding-block: 0 !important;
    margin-block: 0 !important;
    border: none !important;
    background: none !important;
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: calc((var(--v-toolbar-menubar-height) - 16px) / 2) !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
*|*:root:not(:is([inFullscreen],[chromehidden~="menubar"])) #toolbar-menubar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    height: var(--v-toolbar-menubar-height) !important;
    overflow: hidden !important;
}
#toolbar-menubar *|*.toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-block: 0 !important;
    margin-block: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    opacity: 0 !important;
    pointer-events: none !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(*[style*="-moz-box-ordinal-group: 1000;"],.titlebar-buttonbox-container) {
    order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :is(#search-container,#wrapper-search-container) {
    flex-grow: 100 !important;
}
#toolbar-menubar #search-container {
    padding-block: 0 !important;
}
#toolbar-menubar #searchbar {
    min-height: calc(var(--v-toolbar-menubar-height) - 2px) !important;
}
#TabsToolbar {
    -moz-appearance: none !important;
    appearance: none !important;
    padding-block: 0 !important;
    margin-block: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
    background-color: var(--toolbar-bgcolor, -moz-dialog) !important;
    background-image: var(--toolbar-bgimage, none) !important;
    color: var(--toolbar-color, -moz-dialogtext) !important;
    --lwt-toolbarbutton-icon-fill: inherit !important;
}
#TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#TabsToolbar .tabbrowser-tab {
    background-color: transparent !important;
    border-top: none !important;
}
#TabsToolbar .tab-background {
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
}
#TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#TabsToolbar .titlebar-buttonbox-container,
#navigator-toolbox::after,
#TabsToolbar::after,
#TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
#scrollbutton-up, #scrollbutton-down {
    border-block: none !important;
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
}
*|*:root[inFullscreen] #window-controls {
    position: absolute !important;
    display: flex !important;
    align-items: start !important;
    top: 0 !important;
    left: auto !important;
    right: 0 !important;
    margin: 0 !important;
}
*|*:root[inFullscreen] #window-controls:-moz-locale-dir(rtl) {
    left: 0 !important;
    right: auto !important;
}
*|*:root[inFullscreen] #navigator-toolbox > #nav-bar {
    padding-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
*|*:root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar {
    margin-top: 0 !important;
    padding-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
}
*|*:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar {
    pointer-events: none !important;
}
*|*:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar .titlebar-buttonbox-container {
    pointer-events: auto !important;
}
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
*|*:root[sizemode="normal"] #TabsToolbar {
    border-inline: 1px solid hsla(240,5%,5%,0.3) !important;
    background-clip: padding-box !important;
}
    @media (-moz-windows-classic: 0) {
*|*:root:not([inFullscreen])[v_menubar_autohide="true"][tabsintitlebar][sizemode="normal"] #navigator-toolbox > #nav-bar {
    margin-top: 1px !important;
}
*|*:root:not([inFullscreen])[sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items {
    margin-top: 1px !important;
}
    }
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox::before {
    content: "" !important;
    display: -moz-box !important;
    height: 4px !important;
    -moz-box-ordinal-group: 0 !important;
    visibility: visible !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #navigator-toolbox::before {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
    margin-top: 4px !important;
}
}
*|*:root[data-l10n-id="browser-main-window-mac"] {
    --v-toolbar-menubar-height: 0px !important;
    --v-toolbar-menubar-height-content: none !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #nav-bar {
    margin-inline-start: calc(var(--toolbarbutton-outer-padding, 2px) + var(--v-titlebar-button-horizont-padding, 6px) * 6 + var(--v-titlebar-button-image-width, 12px) * 3) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #TabsToolbar .titlebar-buttonbox-container {
    visibility: visible !important;
    display: -moz-box !important;
    position: absolute !important;
    display: flex !important;
    top: 0 !important;
}
}

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root[tabsintitlebar]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    --v-titlebar-top: 4px;  /* отступ сверху */
    inset-inline-start: 12px !important; /* отступ в начале */
    inset-inline-end: 110px !important; /* отступ в конце */
    text-align: start !important; /* выравнивание текста */
    font-family: inherit !important; /* имя шрифта */
    font-size: inherit !important; /* размер шрифта */
    font-weight: inherit !important; /* начертание шрифта */
    font-style: inherit !important; /* стиль шрифта */
   
    position: fixed !important;
    content: attr(label) !important;
    display: block !important;
    top: var(--v-titlebar-top) !important;
    white-space: nowrap !important;
    line-height: 1.3em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    color: -moz-DialogText !important;
    text-shadow: none !important;
    opacity: 1 !important;
    z-index: 3;
}

:root[tabsintitlebar]:-moz-lwtheme:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    color: var(--lwt-text-color, inherit) !important;
    text-shadow: inherit !important;
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme)  {
:root[tabsintitlebar][sizemode="maximized"]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    top: calc(var(--v-titlebar-top) + 8px) !important;
}
}
@media (-moz-windows-classic) {
:root[tabsintitlebar]:not([customizing],[inFullscreen],[chromehidden~="toolbar"]) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    top: calc(var(--v-titlebar-top) + 4px) !important;
}
}
}

:root:not([uidensity="touch"]) {
    --tab-min-height: 24px !important;
}

/* non_active_tab_shape */
@supports -moz-bool-pref("browser.proton.enabled") {
   
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: color-mix(in srgb, currentColor 11%, transparent);
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: color-mix(in srgb, currentColor 17%, transparent) !important;
}

}

.tab-icon-overlay[muted]:not([crashed]),
.tab-icon-overlay[soundplaying]:not([crashed]) {
    margin-inline-start: 20px !important; /* отступ от левого края вкладки */
    margin-inline-end: 2px !important; /* отступ от заголовка вкладки */
    padding: 1px !important; /* размер динамика */
}
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
    opacity: 1 !important;
}

#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
  height: auto !important;
}

Отредактировано Xenosag (11-02-2022 10:28:51)

Отсутствует

 

№1200811-02-2022 11:13:40

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

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

Xenosag пишет

вероятно конфликтует с чем-то, не работает

Вот с этим: @supports -moz-bool-pref("browser.proton.enabled") {
browser.proton.enabled уже не существует, вот актуальный стиль https://github.com/Aris-t2/CustomCSSfor … ced.css#L6
Удалите в своём коде (скриншот) @supports -moz-bool-pref("browser.proton.enabled") { и одну закрывающую скобку }

Отсутствует

 

№1200911-02-2022 11:27:26

Xenosag
Участник
 
Группа: Members
Зарегистрирован: 26-10-2019
Сообщений: 9
UA: Firefox 97.0

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

sandro79

спасибо, помогло.

Отсутствует

 

№1201011-02-2022 15:29:57

blazah
Участник
 
Группа: Members
Зарегистрирован: 08-02-2011
Сообщений: 35
UA: Firefox 68.0

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

unter_officer пишет

https://forum.mozilla-russia.org/viewto … 10#p784310

Спасибо, получилось. А ещё вопрос, накатывал тут разные стили, по ссылкам. Везде в меню стали выводиться иконки, в том числе и в верхнем меню, чего нет в стоке. Как их убрать и где смотреть?. И ещё если убрать верхнее меню, то само меню убирается, а вот место под ним не схлопывается наверх, просто пустое остаётся. Как это поправить?
Вот мой userchrome.css

скрытый текст
https://disk.yandex.ru/d/JvkaO5mhl7tLBA

Вот мой usecontent.css
скрытый текст
https://disk.yandex.ru/d/tJjJEZiEA1asxQ

Отсутствует

 

№1201111-02-2022 16:35:50

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 91.0

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

blazah пишет

И ещё если убрать верхнее меню, то само меню убирается, а вот место под ним не схлопывается наверх, просто пустое остаётся. Как это поправить?

Установить скрипт.
Ссылка таже, которую я давал выше: https://forum.mozilla-russia.org/viewto … 10#p784310, второй спойлер.


«The Truth Is Out There»

Отсутствует

 

№1201211-02-2022 16:58:40

blazah
Участник
 
Группа: Members
Зарегистрирован: 08-02-2011
Сообщений: 35
UA: Firefox 68.0

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

unter_officer пишет

Установить скрипт.

Я ещё только познаю азы тонких настроек на новых Firefox, можно краткий ликбез, как поставить скрипт.

Отсутствует

 

№1201311-02-2022 17:09:11

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 91.0

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

blazah пишет

Я ещё только познаю азы тонких настроек на новых Firefox, можно краткий ликбез, как поставить скрипт.

Если коротко.
Установить пакет user_chrome_files от Vitaliy V.
После чего подключить нужный вам скрипт.


«The Truth Is Out There»

Отсутствует

 

№1201412-02-2022 17:33:39

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

Уменьшил высоту вкладок с помощью кода:

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

Выделить код

Код:

:root {
  --tab-min-height: 24px !important;
}

:root[uidensity=touch] {
  --tab-min-height: 32px !important;
}

#TabsToolbar {
  height: calc(var(--tab-min-height) + 2px) !important;
}

Но при выходе из полноэкранного режима в режим окна вкладки почему-то сползают вниз и скрываются под панелью навигации
скрытый текст
be4fc927807a.jpg
Подскажите, пожалуйста, почему это происходит и как это можно исправить.

Отсутствует

 

№1201513-02-2022 09:49:11

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 97.0

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

Один из способов сменить фон пустой страницы

Выделить код

Код:

@-moz-document url-prefix(about:blank) {
  
html {
  background: #EAEAEA !important;
}
  
}

Но так перекрывает плеер на hdrezka
https://rezka.ag/series/action/43693-v- … -2018.html

Можно как то hdrezka в исключение внести? Через Stylus тоже бесполезно, т.к. css браузера перекрывает css страниц.

Отредактировано momo2000 (13-02-2022 15:50:56)

Отсутствует

 

№1201613-02-2022 16:09:40

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

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

momo2000 пишет

Один из способов сменить фон пустой страницы

Если правильно понял, то так:

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
#tabbrowser-tabpanels {
  background-color: var(--uc-light-bkgnd-color, rgba(18, 18, 18, 1)) !important;
}
}

добавить в userChrome.css

Отредактировано kokoss (13-02-2022 16:12:12)


Win7

Отсутствует

 

№1201713-02-2022 16:10:35

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

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

momo2000 пишет

Через Stylus тоже бесполезно

Попробуйте это правило в Stylus или userContent.css добавить

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

Выделить код

Код:

@-moz-document domain("rezka.ag") {
pjsdiv iframe {
  display: none !important;
}
}

Не, лучше так
скрытый текст

Выделить код

Код:

.b-player iframe {
  z-index: auto !important;
}

Отредактировано sandro79 (13-02-2022 17:00:09)

Отсутствует

 

№1201813-02-2022 20:12:32

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 97.0

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

sandro79:beer:
Спасаете не в первый раз!

Отредактировано momo2000 (13-02-2022 20:15:06)

Отсутствует

 

№1201914-02-2022 21:29:04

maxwell178
Участник
 
Группа: Members
Зарегистрирован: 22-12-2021
Сообщений: 7
UA: Firefox 96.0

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

Есть ли возможность сделать, чтобы боковая панель не сдвигала контент окна/вкладки, а всплывала над ней?

Отсутствует

 

№1202015-02-2022 08:23:59

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

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

Отсутствует

 

№1202116-02-2022 20:09:13

maxwell178
Участник
 
Группа: Members
Зарегистрирован: 22-12-2021
Сообщений: 7
UA: Firefox 97.0

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

Спасибо, посмотрю; после обновления до 97 версии, отвалилась настройка высоты вкладок в userChrome.css, как же всё это достало.


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


Кнопки развернуть, закрыть Firefox в виде дополнений я нашёл, осталось как-то со списком вкладок решить.
Почему хочу эту кнопку, там есть управление звуком и полное контекстное правление вкладками, чего нет в дополнениях.

Отредактировано maxwell178 (16-02-2022 20:10:22)

Отсутствует

 

№1202217-02-2022 20:33:34

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

С помощью этого кода создал границу для #identity-box, которая отделяет иконку защищенного или незащищенного соединения ("замок") от url-адреса:

Выделить код

Код:

#urlbar[pageproxystate="valid"] > #identity-box {
  border: none !important;
  border-right: 1px solid #cccccc !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  margin-inline-end: 6px !important;
  padding-inline-end: 6px !important;
}

Однако, на некоторых сайтах "замка" вообще нет, а граница все равно присутствует
ed52f356b446.jpg
Можно ли как-то внести такие адреса в исключения из этого правила (т. е. чтобы если нет иконки, границы тоже не было)?

Отсутствует

 

№1202318-02-2022 01:16:25

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1420
UA: Firefox 91.0

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

Алексей У.

Выделить код

Код:

#identity-icon-box {
    background: inherit !important;
    border-right: 1px solid #dddd !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-inline-end: 6px !important;
}

Только все конфликты не забудьте в своих стилях удалить.

Отредактировано _zt (18-02-2022 01:27:20)

Отсутствует

 

№1202418-02-2022 18:40:01

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

_zt пишет

Алексей У.

Выделить код

Код:

#identity-icon-box {
    background: inherit !important;
    border-right: 1px solid #dddd !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-inline-end: 6px !important;
}

С этим кодом вообще везде граница исчезла.

Только все конфликты не забудьте в своих стилях удалить.

Вот мой стиль для строки адреса, не знаю, с чем здесь может быть конфликт

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

Выделить код

Код:

:root {
  --urlbar-icon-padding: 4px !important;
}

#urlbar .urlbar-icon {
  width: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
  height: calc(2 * var(--urlbar-icon-padding) + 16px) !important;
  padding: var(--urlbar-icon-padding) !important;
}

#urlbar[pageproxystate="valid"] > #identity-box {
  border: none !important;
  border-right: 1px solid #cccccc !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  margin-inline-end: 6px !important;
  padding-inline-end: 6px !important;
}

#urlbar-container #identity-box:hover,
#urlbar-container #identity-box[open] {
  background-color: #ffffff !important;
}

#identity-icon {
  margin-inline-start: -24px !important;
}

#connection-icon {
  margin-inline-start: 7px !important;
}

#identity-box #tracking-protection-icon-box,
#blocked-permissions-container > .blocked-permission-icon:not(.plugin-icon) {
  display: none !important;
}

#urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon {
  margin-inline-start: 0px !important;
}

.panel-arrow {
  margin-left: 33px !important;
}

#identity-popup > .panel-arrowcontainer > .panel-arrowcontent,
#protections-popup > .panel-arrowcontainer > .panel-arrowcontent {
  margin-inline-start: 20px !important;
}

#notification-popup {
  margin-left: -42px !important;
}

#urlbar-container #urlbar-zoom-button,
#urlbar-container #pageActionButton,
#urlbar-container #pageActionSeparator {
  visibility: collapse !important;
}

#urlbar #star-button,
#main-window[uidensity=compact] #urlbar #star-button {
  padding: 2px 4px 2px !important;
}

#main-window[uidensity=compact] #urlbar[focused="true"] #star-button {
  padding: 1px 4px 1px !important;
}

#urlbar-container .urlbar-history-dropmarker {
  -moz-box-ordinal-group: 100 !important;
  opacity: 1 !important;
}

#urlbar-container .urlbar-history-dropmarker:hover,
#urlbar-container .urlbar-history-dropmarker[open],
#urlbar .urlbar-go-button {
  background-color: #ffffff !important;
}

Отсутствует

 

№1202518-02-2022 22:57:11

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1420
UA: Firefox 91.0

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

Алексей У.
Я не знаю что такое "вообще везде". У вас в коде "border: none !important;", чего вы от этого ждете? Удалите это блок и замените моим. А вообще хз, я только сейчас заметил, что у вас 68, возможно там по другому, даже наверняка, так как помню что после 68 код FavIcon in URL-bar не единожды ломался и правился.
 
И в моем коде в "border-right:" цвет исправьте.

Отредактировано _zt (18-02-2022 23:09:21)

Отсутствует

 

Board footer

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