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

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

№1257628-11-2022 20:53:00

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 42
UA: Chrome 85.0

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

Dumby, а без добавления стиля в config.css можно подправить config.xhtml?
spacer flex="2" --> spacer style="-moz-box-flex: 2"

Отсутствует

 

№1257728-11-2022 21:30:53

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 1863
UA: Firefox 78.0

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

6e73epo
Да, можно, это работает.
Если так больше нравится, то почему бы нет.

Отсутствует

 

№1257828-11-2022 23:14:11

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 42
UA: Chrome 85.0

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

xrun1, на счет замены кнопок управления окном , то мерцание бакграунда при наведении мыши (в режиме показа главного меню через Alt) смог избежать только после схлопа:

Выделить код

Код:

#toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > .titlebar-buttonbox-container {
	visibility: collapse !important;
}

Отсутствует

 

№1257929-11-2022 16:49:36

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 42
UA: Chrome 85.0

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

Часто в инструментах разработчика наблюдаю перечеркнутые стили, которые однако переопределяют незачеркнутые стили. Почему так происходит?

Отсутствует

 

№1258003-12-2022 04:27:44

klim09
Участник
 
Группа: Members
Зарегистрирован: 19-09-2019
Сообщений: 31
UA: Firefox 109.0

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

Подлечите плиз.
Боковая панель появляющаяся по наведению курсора - в 75 работало нормально, но в последней ночной(да наверное и в стабилке) остается фон занимающий часть экрана. Сами закладки появляются-исчезают как надо.

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
:root {
  --sidebar-min-width: 1px;
  --sidebar-visible-width: 300px;
}

#sidebar-header {
  overflow: hidden !important;
}

#sidebar-box #sidebar-header {
  display: none !important;
}

#sidebar,
#sidebar-header {
  position: relative !important;
  min-width: var(--sidebar-min-width) !important;
  max-width: var(--sidebar-min-width) !important;
transition: .2s ease .25s;
  z-index:1;
}

#sidebar-box:hover :-moz-any(#sidebar,#sidebar-header) {
  background-color: var(--toolbar-bgcolor) !important;
  min-width: var(--sidebar-visible-width) !important;
  max-width: var(--sidebar-visible-width) !important;
  margin-right: calc((var(--sidebar-visible-width) - var(--sidebar-min-width)) * -1) !important;
  z-index:1;
  position: relative !important;
transition: .1s ease .10s;

}

https://forum.mozilla-russia.org/viewto … 07#p802707
Отлично! Только анимацию вырубил. Жутко бесит.

Отредактировано klim09 (07-12-2022 03:12:56)

Отсутствует

 

№1258103-12-2022 09:54:06

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

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

klim09
В актуальных версий Фокса работает... ->

auto hide sidebar

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
#sidebar-box {
    --v-sidebar-min-width: 2px; /* зона открытия от края экрана */
    --v-sidebar-min-width-normal: 5px;
    --v-sidebar-max-width: 30em; /* ширина */
    --v-sidebar-transition-delay-show: .3s; /* время до открытия */
    --v-sidebar-transition-delay-hide: .6s; /* время до закрытия */
    --v-sidebar-transition-duration: .3s; /* время анимации */
    /* ********************************************** */

    position: relative !important;
    z-index: 2 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
    --v-sidebar-transform-locale-dir: -1;
    --v-sidebar-transform-locale-dir-visible: 1;
    margin-inline-start: 0 !important;
    margin-inline-end: var(--v-sidebar-margin-max-width) !important;
    border: none !important;
    border-inline-end: 1px solid var(--sidebar-border-color, ThreeDShadow) !important;
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
    transition-timing-function: linear, step-start !important;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)) !important;
    transition-duration: var(--v-sidebar-transition-duration), 0s !important;
    transition-property: transform, opacity !important;
}
#sidebar-box[positionend="true"] {
    margin-inline-start: var(--v-sidebar-margin-max-width) !important;
    margin-inline-end: 0 !important;
    border-inline-start: 1px solid var(--sidebar-border-color, ThreeDShadow) !important;
    border-inline-end: none !important;
}
#sidebar-box[positionend="true"]:-moz-locale-dir(ltr),
#sidebar-box:not([positionend="true"]):-moz-locale-dir(rtl) {
    --v-sidebar-transform-locale-dir: 1;
    --v-sidebar-transform-locale-dir-visible: -1;
}
:root[v_vertical_bar_autohide][v_vertical_bar_sidebar="true"] #sidebar-box:not(:hover,[sidebardrag]),
:root[v_vertical_bar_autohide]:not([v_vertical_bar_sidebar]) #sidebar-box:not(:hover,[sidebardrag]) {
    transition-delay: 0s, var(--v-sidebar-transition-duration) !important;
}
:root[sizemode="normal"] #sidebar-box {
    --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
}
#sidebar-box:hover,
#sidebar-box[sidebardrag] {
    transform: translateX(0px) !important;
    opacity: 1 !important;
    transition-delay: var(--v-sidebar-transition-delay-show) !important;
}
:root[v_vertical_bar_visible][v_vertical_bar_start="true"] #sidebar-box:not([positionend="true"]),
:root[v_vertical_bar_visible][v_vertical_bar_start="false"] #sidebar-box[positionend="true"] {
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir-visible) * var(--v-vertical_bar_width, 0px))) !important;
    opacity: 1 !important;
    transition-delay: 0s !important;
}
#browser > #sidebar-splitter {
    display: none !important;
}
#sidebar-box > #sidebar {
    min-width: 30px !important;
    width: auto !important;
    max-width: none !important;
    -moz-box-flex: 1 !important;
}
}


Win7

Отсутствует

 

№1258204-12-2022 14:42:46

ВВП
Участник
 
Группа: Members
Зарегистрирован: 13-03-2021
Сообщений: 308
UA: Firefox 107.0

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

del

Отредактировано ВВП (04-12-2022 17:46:46)

Отсутствует

 

№1258309-12-2022 18:31:16

noname2471
Участник
 
Группа: Members
Зарегистрирован: 09-12-2022
Сообщений: 3
UA: Firefox 107.0

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

Пересел с 7 на 10, и в ФФ появились огромные отступы между строк в любом раскрывающемся меню - из панели меню, гамбургера, пкм. Нашёл тут несколько постов с похожими проблемами, но ни с одним из предложенных вариантов css ничего не изменилось.
toolkit.legacyUserProfileCustomizations.stylesheets поставлено true, директория верная, для проверки пробовал код на перекраску меню - работает.
Что-нибудь посоветуете?

Отредактировано noname2471 (09-12-2022 20:49:17)

Отсутствует

 

№1258409-12-2022 21:30:11

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

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

noname2471
https://github.com/black7375/Firefox-UI-Fix

Отсутствует

 

№1258510-12-2022 10:28:23

noname2471
Участник
 
Группа: Members
Зарегистрирован: 09-12-2022
Сообщений: 3
UA: Firefox 107.0

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

_zt
Спасибо. Только можно ли как-то убрать иконки в панели меню?
image.png

Отредактировано noname2471 (10-12-2022 12:11:51)

Отсутствует

 

№1258610-12-2022 12:22:40

longtime user
Участник
 
Группа: Members
Зарегистрирован: 16-07-2022
Сообщений: 27
UA: Firefox 107.0

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

Спрятать этот пункт с разделителем можно?

скрытый текст
9f60a834917b38f3d71a0961369b5f75.png

Отредактировано longtime user (10-12-2022 16:18:06)

Отсутствует

 

№1258710-12-2022 12:54:39

LGS
Участник
 
Группа: Members
Зарегистрирован: 17-09-2022
Сообщений: 34
UA: Firefox 68.0

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

noname2471

noname2471 пишет

можно ли как-то убрать иконки в панели меню?

В userChrome.css из комплекта Lepton найти и удалить или закомментировать:

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

Выделить код

Код:

/* Menubar */
#main-menubar > menu {
  background-position: left var(--context-menu-background-padding-default) center !important;
  padding-inline-start: calc(16px + var(--context-menu-background-padding-default)) !important;
  padding-inline-end: 3px;
}
#main-menubar > menu:first-child {
  background-position: left calc(3px + var(--context-menu-background-padding-default)) center !important;
  padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
}
#main-menubar > menu > menupopup {
  --menuitem-image: none; /* Prevent Image Inheritance */
}
Выделить код

Код:

/** Global Menu ***************************************************************/
/*= main-menubar =============================================================*/
#file-menu {
  --menuitem-image: url("./icons/mail-inbox-all.svg");
}
#edit-menu {
  --menuitem-image: url("chrome://global/skin/icons/edit.svg");
}
#view-menu {
  --menuitem-image: url("./icons/content-view.svg");
}
#history-menu {
  --menuitem-image: url("chrome://browser/skin/history.svg");
}
#bookmarksMenu {
  --menuitem-image: url("chrome://browser/skin/bookmark.svg");
}
#tools-menu {
  --menuitem-image: url("./icons/toolbox.svg");
}
#helpMenu {
  --menuitem-image: url("chrome://global/skin/icons/help.svg");
}

Отсутствует

 

№1258810-12-2022 13:48:32

noname2471
Участник
 
Группа: Members
Зарегистрирован: 09-12-2022
Сообщений: 3
UA: Firefox 107.0

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

LGS
Разобрался, спасибо.

Отсутствует

 

№1258910-12-2022 19:16:12

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

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

longtime user пишет

Спрятать этот пункт с разделителем можно?

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

Выделить код

Код:

#BMB_viewBookmarksToolbar,
#BMB_viewBookmarksToolbar+menuseparator {
    display: none;
}

Win7

Отсутствует

 

№1259011-12-2022 01:29:36

longtime user
Участник
 
Группа: Members
Зарегистрирован: 16-07-2022
Сообщений: 27
UA: Firefox 107.0

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

kokoss, спасибо.

Отсутствует

 

№1259111-12-2022 19:52:12

Zloitypoiyrod
Участник
 
Группа: Members
Зарегистрирован: 11-12-2022
Сообщений: 5
UA: Firefox 107.0

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

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

Отсутствует

 

№1259212-12-2022 21:55:40

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 296
UA: Firefox 108.0

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

ребята подскажите пожалуйста что изменить в этом коде что бы поднять панель с кнопками и URL баром к табам в [firefox] 108.0

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

Выделить код

Код:

:root {
  --tab-curve-width: 26px;
  --tabs-border: transparent !important;
  --tab-border-radius: 0 !important;
}

.tabbrowser-arrowscrollbox .arrowscrollbox-scrollbox {
  padding-inline-start: 10px !important;
}

/* To be able to see the top border of the tab */
.tab-stack {
  margin-top: 2px !important;
}

/* To prevent tab label appearing on pinned tab in compact mode. */
.tab-content {
  padding: 0 18px !important;
}

/* When the window is maximized, the first pinned tab is properly displayed. */
#TabsToolbar  {
  padding-inline-start: 15px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}

.tabbrowser-tab[first-visible-tab="true"] {
  padding-left: 12px !important;
}

#tabbrowser-tabs {
  margin-left: -15px !important;
}

.titlebar-placeholder {
  border: none !important;
}

.titlebar-spacer {
  border: none !important;
}

/* Styles to account for when tab scrollbar is visible, and margin-inline-start kicks in */
.tabbrowser-tab[pinned="true"] {
  width: 41px !important; /* Actual photon pinned tab is 41px, but 40px removes pixelated artifact from pinned tab favicon */
}

.tabbrowser-tab[pinned="true"][style^="margin-inline-start"] {
  padding-left: 12px !important;
}

/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
  border: none !important;
}

/* Remove uneeded styles from Proton */
.tabbrowser-tab {
  padding-inline: 0px !important;
}

.tab-background {
  margin-bottom: 0 !important;
  display: flex !important;
}

.tab-background > .tab-context-line {
  flex: 1 !important;
}

#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
  margin-inline-start: 0px !important;
}

.tabbrowser-tab {
  margin-inline-start: -16px !important;
}

/* Remove container colors */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  background-color: rgba(0,0,0,0) !important;
  height: inherit !important;
  border-radius: 0px !important;
  margin: 0px !important;
}

/* Default theme customization: Vibrant (transparent, dark) titlebar for mac */
:root:is([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) {
  background-color: #232323 !important;
  color: hsl(240, 9%, 98%) !important;
  text-shadow: none !important;
}

#navigator-toolbox {
  background-color: transparent !important;
}

#new-tab-button > .toolbarbutton-icon,
#tabs-newtab-button > .toolbarbutton-icon {
  fill: rgb(249,249,250) !important;
}
/* End default theme customizations */

/* Windows 7 specific */
@media (-moz-os-version: windows-win7) {
  .tabbrowser-tab {
    background-color: transparent !important;
    border: none !important;
  }

  @media (-moz-windows-default-theme) {
    .tabbrowser-tab:not(:-moz-lwtheme) {
      background-color: transparent !important;
      border: none !important;
    }
  }
}

.tabbrowser-tab > .tab-stack > .tab-background {
  background-image: none !important;
  -moz-box-orient: horizontal !important;
  background-color: transparent !important;
  margin-top: 1px !important;
}

.tab-background[selected="true"] {
  border: none !important;
}

.tab-background {
  pointer-events: none !important;
}

.tab-line {
  display: none !important;
}

.tab-bottom-line {
  display: none !important;
}

/* Match height of new tab button (right svg) on hover */
#tabs-newtab-button {
  margin: 0 !important;
}

/* overlap the tab curves */
.tab-background {
  -moz-margin-end: -15px !important;
  -moz-margin-start: -15px !important;
}

/* Remove blue animation on tab on page load complete */
.tab-loading-burst {
  display: none !important;
}

/* Begin tab background customizations */
.tab-background[selected="true"]::before {
  border: none !important;
  content: "" !important;
  width: 34px !important;
  min-height: 26px !important;
  display: -moz-box !important;
  background-repeat: no-repeat !important;
}

tabbrowser-tab[pinned="true"][first-visible-tab="true"] .tab-background::before,
.tabbrowser-tab[pinned="true"][first-visible-tab="true"]:hover > .tab-stack > .tab-background:not([selected=true])::before {
  width: 42px !important;
}

.tabbrowser-tab[pinned="true"][first-visible-tab="true"] .tab-content {
  padding: 0px 18px 0px 22px !important;
}

#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
  margin-inline-start: -16px !important;
}

.tab-background[selected="true"]::after {
  border: none !important;
  content: "" !important;
  width: 34px !important;
  min-height: 26px !important;
  display: -moz-box !important;
  background-repeat: no-repeat !important;
}

.tab-background[selected="true"] > spacer {
  margin-top: 0px !important;
}

#new-tab-button,
#tabs-newtab-button {
  width: calc(36px + 30px) !important;
  margin-inline-start: -16px !important;
  margin-top: 1px !important;
}

/* Tab hover customizations */
.close-icon:hover {
  border-radius: 50% !important;
}
 .tab-close-button:hover {
  fill: red !important;
  padding: 3px !important;
} 
.tab-close-button {
	width: 20px !important;
	height: 20px !important;
	padding: 3px !important;
}

/* Regular tabs */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  display: -moz-box !important;
  background-repeat: no-repeat !important;
  content: "" !important;
  width: 34px !important;
  max-height: 26px !important;
  background-color: transparent !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  display: -moz-box !important;
  background-repeat: no-repeat !important;
  content: "" !important;
  width: 34px !important;
  max-height: 26px !important;
  background-color: transparent !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  margin-top: 0px !important;
}

#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
#tabs-newtab-button:hover,
#tabs-newtab-button:hover::before,
#tabs-newtab-button:hover::after {
  background-color: transparent !important;
}

/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), #tabs-newtab-button:hover {
  background-position: 0px 2px, 30px 4px , 36px 2px !important;
  background-repeat: no-repeat !important;
  background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
}

#tabs-newtab-button:hover > .toolbarbutton-icon {
  background: none !important;
  background-color: transparent !important;
}


/* Color specific customizations */
:root {
  --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(249,249,250);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(249, 249, 255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --background-selected-middle:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
    linear-gradient(
      transparent
      2px,
      rgb(249,249,255) 2px,
      rgb(249,249,255)
    ),
    none;

  --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='26px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='26' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");

  --background-hover-middle:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
    linear-gradient(
      transparent
      2px,
      rgba(255,255,255,.1) 2px,
      rgba(255,255,255,.1)
    ),
    none;

  --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='26px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"),
  linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
}


/* OS-specific color variables */
@media screen and (-moz-windows-theme) {
  :root {

  }
}

@media not screen and (-moz-windows-theme) {
  :root {

  }
}

.tab-background[selected="true"]::before {
  background-image: var(--svg-selected-before) !important;
    background-position: right top;
}

.tab-background[selected="true"]::after {
  background-image: var(--svg-selected-after) !important;
}

.tab-background[selected="true"] > .tab-context-line {
  background-image: var(--background-selected-middle) !important;
}

.tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background {
  box-shadow: none !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  background-image: var(--svg-hover-before) !important;
    background-position: right top;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  background-image: var(--svg-hover-after)  !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > .tab-context-line {
  background-image: var(--background-hover-middle) !important;
}

#tabs-newtab-button:hover {
  background-image: var(--newtab-hover) !important;
  margin-inline-start: -16px !important;
}



/*Fix под кнопками управления окном */
 .titlebar-buttonbox-container {
        padding: 4px 0px !important;
}

/*убрать туман на панели вкладок
#TabsToolbar {
    background-image: none !important;
}*/

/*Белый шрифт и динамик и иконки на неактивных вкладках*/
.tabbrowser-tab:not([visuallyselected="true"], [multiselected]) {
	color: white !important;
}
.tab-icon-overlay:not([selected="true"]), 
.tabbrowser-tab:not([selected="true"]) .tab-icon-image {
	fill: white !important;
}

/*Высота вкладок*/
*|*#main-window:not([uidensity="touch"]) {
    --tab-min-height: 26px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar {
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 3px !important;
}
*|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
}
@media (-moz-windows-compositor) {
    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox {
        -moz-box-align: start !important;
    }

    *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox .titlebar-button {
        margin: 0 !important;
        padding: 4px 8px !important;
    }

    *|*#main-window:not([uidensity="touch"])[sizemode="normal"]  vbox#titlebar {
        -moz-appearance: none !important;
    }
}


/*Ширина вкладок*/
.tabbrowser-tab[fadein]:not([pinned]) {
    min-width: 90px !important;
    max-width: 90px !important;
}

/* поднимаем панель с табами выше, чтобы меньше места занимала */
#TabsToolbar{
margin-top: -4px !important;
}

/* Когда много мелких табов при выборе или наведении мыши таб растягивается */
.tabbrowser-tab[fadein][selected]:not([pinned]), .tabbrowser-tab:hover[fadein]:not([pinned])
{
    min-width: 90px !important;
}

e92e9bc948302a6f87795bd4dca3b255.png и еще сделать панель закладок тоньше

Отредактировано egorsemenov06 (13-12-2022 20:38:08)

Отсутствует

 

№1259313-12-2022 11:31:47

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

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

Zloitypoiyrod пишет

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

https://github.com/Aris-t2/CustomCSSfor … bar.css#L6 или https://github.com/Aris-t2/CustomCSSfor … alt.css#L2

Отсутствует

 

№1259413-12-2022 20:35:33

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 296
UA: Firefox 108.0

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

sandro79,Dumby ну помогите пожалуйста убогому с этими чертовыми вкладками https://forum.mozilla-russia.org/viewto … 02#p802802 ,у меня уже голова дымиться .если вот здесь ставлю   margin-top 5рх

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

Выделить код

Код:

.tabbrowser-tab > .tab-stack > .tab-background {
  background-image: none !important;
  -moz-box-orient: horizontal !important;
  background-color: transparent !important;
  margin-top: 5px !important;
}

то вкладки становяться так а надписи иконки кнопки уходят вверх
094bfd6c0e48da167a375e32d92b60ad.png

Отсутствует

 

№1259513-12-2022 23:16:05

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 1863
UA: Firefox 78.0

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

egorsemenov06 пишет

Dumby ну помогите пожалуйста

Не люблю CSS, к тому же у меня Win7.


Похоже, что это .tab-label-container расколбас даёт, но непонятно почему.
Наверно, и не может быть понятно, наезд на moz box layout — он просто такой как есть.


Попробуй назначить для .tab-label-container свойство height
со значением меньше 2.7em, или вообще unset

Отсутствует

 

№1259613-12-2022 23:56:11

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 296
UA: Firefox 108.0

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

Dumby пишет
egorsemenov06 пишет

Dumby ну помогите пожалуйста

Не люблю CSS, к тому же у меня Win7.


Похоже, что это .tab-label-container расколбас даёт, но непонятно почему.
Наверно, и не может быть понятно, наезд на moz box layout — он просто такой как есть.


Попробуй назначить для .tab-label-container свойство height
со значением меньше 2.7em, или вообще unset

Вы мой кумир!!!От души Вам Огромнейшее Спасибо!!!!!!

Отсутствует

 

№1259714-12-2022 07:52:31

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 169
UA: Firefox 108.0

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

sandro79, подскажите пожалуйста вот по этому вашему сообщению https://forum.mozilla-russia.org/viewto … 02#p797402, в котором все пояснительные скриншоты умерли. Просто после перехода на последнюю версию [firefox] опять пришлось обновлять Lepton, а как удалить "иконки и создающие для них пространство строки" я сам уже не помню. :|


Windows 10 LTSC

Отсутствует

 

№1259814-12-2022 08:57:56

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

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

Отсутствует

 

№1259914-12-2022 09:08:14

Gostunsky
Участник
 
Группа: Members
Зарегистрирован: 14-12-2022
Сообщений: 9
UA: Firefox 108.0

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

noname2471 пишет

Пересел с 7 на 10, и в ФФ появились огромные отступы между строк в любом раскрывающемся меню - из панели меню, гамбургера, пкм. Нашёл тут несколько постов с похожими проблемами, но ни с одним из предложенных вариантов css ничего не изменилось.
toolkit.legacyUserProfileCustomizations.stylesheets поставлено true, директория верная, для проверки пробовал код на перекраску меню - работает.
Что-нибудь посоветуете?

Если эта проблема у многих, хоть бы ее в отдельную тему выделить. Где тут о ней что-то почитать? Это и контекстного меню касается тоже, хотя оно меньше беспокоит.

Отсутствует

 

№1260014-12-2022 10:14:36

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 169
UA: Firefox 108.0

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

sandro79 пишет

Black_Monk, https://forum.mozilla-russia.org/viewto … 80#p802780

Ещё раз большое спасибо! :cool:


Windows 10 LTSC

Отсутствует

 

Board footer

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