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

Viatcheslav · №4026

leshiy_odessa пишет

C нижней панелью всё разрешилось, а верхняя не поддается. Цвет должен быть такой же как и на "Панель закладок"

А я думал, что это только у меня чего-то неладно

Вообще-то не критично, но интересно - почему цвета различаются?

Garalf пишет

Есть ли возможность в 60-й сделать вертикальную панель инструментов?

Vitaliy V. пишет

Думаю можно хотя ещё не пробовал, это очень нужно?

Ну так чтобы уж очень - нет, наверное, а вот дополнительное удобство - ещё какое Кнопок собралось достаточно - и встроенных, и от расширений, и от Custom Buttons. На одни нужно частенько "жмякать", на другие - пореже, третьи просто в статике "висят" для создания определённого функционала. Я, например, разделил бы их как раз на три группы. Верхняя и нижняя панели уже есть, левая сторона (у меня) - для боковой панели (закладки), Vitaliy V. - спасибо Вам большое, всё это Ваши труды. А вот правая сторона - свободна, как раз для вертикальной панели, так что сам Бог велел Vitaliy V. - если возьмётесь, по возможности, постарайтесь, пожалуйста, чтобы она (вертикальная панель) не конфликтовала с уже имеющимися. Спасибо, всех православных с праздником Святой Пасхи

Отредактировано Viatcheslav (08-04-2018 12:35:15)

Vitaliy V. · №4027

leshiy_odessa пишет

Цвет должен быть такой же как и на "Панель закладок"

Просто у меня нет классической темы в win 10, посмотрел в виртуалке, да есть такое.
добавьте этот код в стиль

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

Выделить код

Код:

@media (-moz-windows-classic) {
  #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #add-additional-top-bar:not(:-moz-lwtheme) {
    position: relative !important;
  }
}

Viatcheslav пишет

если возьмётесь, по возможности, постарайтесь, пожалуйста, чтобы она (вертикальная панель) не конфликтовала с уже имеющимися.

Хорошо, но проще, лучше добавить в toolbars.xml вместе с другими панелями чем искать новое место для привязки биндинга

Отредактировано Vitaliy V. (08-04-2018 13:01:47)

Garalf · №4028

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

Отредактировано Garalf (08-04-2018 15:29:36)

base239 · №4029

Vitaliy V. пишет

leshiy_odessa пишет
Цвет должен быть такой же как и на "Панель закладок"
Просто у меня нет классической темы в win 10, посмотрел в виртуалке, да есть такое.
добавьте этот код в стиль
скрытый текст
Выделить код
Код:
@media (-moz-windows-classic) {
  #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #add-additional-top-bar:not(:-moz-lwtheme) {
    position: relative !important;
  }
}
Viatcheslav пишет
если возьмётесь, по возможности, постарайтесь, пожалуйста, чтобы она (вертикальная панель) не конфликтовала с уже имеющимися.
Хорошо, но проще, лучше добавить в toolbars.xml вместе с другими панелями чем искать новое место для привязки биндинга

Тут в одну панель не знаю, что запехнуть... :rolleyes:

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

Viatcheslav · №4030

Vitaliy V. пишет

Просто у меня нет классической темы в win 10, посмотрел в виртуалке, да есть такое.
добавьте этот код в стиль
скрытый текст
Выделить код
Код:
@media (-moz-windows-classic) {
  #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #add-additional-top-bar:not(:-moz-lwtheme) {
    position: relative !important;
  }
}

Добавил - ничего не изменилось :blush: Да и тема у меня не классическая, а Windows 7 Aero

leshiy_odessa · №4031

Viatcheslav пишет

Добавил - ничего не изменилось Да и тема у меня не классическая, а Windows 7 Aero

Я добавил и у меня получилось. Правда добавил только — position: relative !important к существующему.

Выделить код

Код:

#add-additional-bottom-bar, /* Addon Bar  (Нижняя панель) */
#add-additional-top-bar /* Addon Bar  (Верхняя панель) */
{background: #d4d0c8 !important; box-shadow: none !important; background-clip: padding-box !important; border-color: #d4d0c8 !important; border-radius: 0 !important;  background-image: none !important; position: relative !important}

Проверял на классической теме и на AERO.

У вас видимо проблема в другом. Попробуйте добавить — box-shadow: none, background-clip: padding-box

Отредактировано leshiy_odessa (08-04-2018 16:33:20)

Vitaliy V. · №4032

Garalf

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

Выделить код

Код:

#nav-bar {
  box-shadow: none !important;
}

#urlbar {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

Viatcheslav
Я и не говорил что это тоже самое. Просто у вас изменено другими стилями - панель навигации она должна быть одного цвета с доп. панелью
а панель вкладок одного цвета с панелью меню и находится рядом с ней.
Так нормально?

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

Выделить код

Код:

#navigator-toolbox > #add-additional-top-bar:-moz-lwtheme {
    --toolbar-bgcolor: transparent !important;
}

код только для легких тем

leshiy_odessa · №4033

Vitaliy V.

Ха-ха, нашел свой давний пост с ответом на свой вопрос.

Только я сделал — position: static

Добавлено 08-04-2018 16:39:50

Viatcheslav пишет

Добавил - ничего не изменилос

Пальцем в небо, но попробуйте еще — -moz-appearance: none;

Отредактировано leshiy_odessa (08-04-2018 16:39:50)

Viatcheslav · №4034

Vitaliy V. пишет

Так нормально?
скрытый текст
Выделить код
Код:
#navigator-toolbox > #add-additional-top-bar:-moz-lwtheme {
    --toolbar-bgcolor: transparent !important;
}

Да, это то, что нужно. Спасибо :beer:

yuriymos · №4035

Кому интересно: небольшое изменение внешнего вида вкладок:
Компактная схема: маленький крестик, небольшие расстояния между объектами.

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

Выделить код

Код:

/* Меняем местами вкладки, строку адреса, и строку закладок */
#TabsToolbar {-moz-box-ordinal-group:3 !important; }
#PersonalToolbar {-moz-box-ordinal-group:2 !important; }
#nav-bar {-moz-box-ordinal-group:1 !important; }
https://i.gyazo.com/2fa5170af352724c0ec96b0a5852c802.png

/* Вкладки. Высота */
#tabbrowser-tabs .scrollbox-innerbox {
  max-height: 26px;
}
/* Вкладки. Высота стрелок*/
#tabbrowser-tabs .arrowscrollbox-scrollbox {
    max-height: 26px;
}
/*Вкладки. Высота и ширина*/
:root{
    --tab-min-width: 120px !important;
    --tab-min-height: 26px !important;
}
/*Вкладки. Отступы*/
.tab-content {
    padding-left: 5px !important;
}

/*Кнопка закрытия на каждой вкладке*/
@-moz-document url(chrome://browser/content/browser.xul) {
  .tab-close-button {
    display: inline !important;
    width: 19px;
    height: 22px;
    margin-right: -10px  !important;
    margin-left: -10px  !important;
    padding-left: 5px  !important;
    margin-bottom: 10px  !important;
    }
}


/* Значки на вкладках. Отступы */
.tabbrowser-tab .tab-icon-image { 
margin-right: 3px  !important;
margin-left: -2px  !important;
}

/* Разделители вкладок. Цвет и отступы */
.tabbrowser-tab::after, .tabbrowser-tab::before {
  /* border: none !important; */
  color: #bbb  !important;
  padding-left: -1px !important;
  padding-right: -2px !important;
}

/* Закладки. Отступы */
toolbarbutton.bookmark-item { 
margin-right: 0px  !important;
margin-left: 0px  !important;
padding-left: 2px !important;
padding-right: 2px !important;
}
toolbarbutton.bookmark-item > .toolbarbutton-icon { 
margin-right: 1px  !important; 
}

Добавлено 09-04-2018 23:50:10

Кстати, кто-нибудь знает, как при создании новой вкладки избавиться от надписи "Расширение (New Tab Tools)" (см. фото выше)?
Спасибо.

Отредактировано yuriymos (10-04-2018 00:00:30)

Viatcheslav · №4036

yuriymos пишет

как при создании новой вкладки избавиться от надписи "Расширение (New Tab Tools)" (см. фото выше)?

Автор набора стилей CustomCSSforFx реализует это так (код добавить в содержимое файла userChrome.css)

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

Выделить код

Код:

#identity-icon-labels {
  display: none !important;
}

#identity-box {
  padding-inline-end: 4px !important;
  margin-inline-end: 4px !important;
}

yuriymos · №4037

Спасибо. Сработало.

sandro79 · №4038

Ответ на это сообщение

yuriymos пишет

(Я удаляю описание закладки, чтобы оставались только значки).

Можно и так

Этот код кривоват, при захвате и перетаскивании вкладки тянет за собой всю панель

Выделить код

Код:

/* Меняем местами вкладки, строку адреса, и строку закладок */
#TabsToolbar {-moz-box-ordinal-group:3 !important; }
#PersonalToolbar {-moz-box-ordinal-group:2 !important; }
#nav-bar {-moz-box-ordinal-group:1 !important; }

Мне кажется, комплект стилей из сообщения Вячеслава, лучшее решение, там практически всё что надо есть, даже это, а чего нет можно подцепить через @import url(./css/my_userChrome/my_userChrome.css); /**/ Советую поэкспериментировать

yuriymos · №4039

Ещё один вариант компактных вкладок.
(для тех, кто привык закрывать вкладки кликом колёсика - крестики убрал;
разделительная черта сделана по всей высоте вкладки;
оптимизированы расстояния между объектами;
компактное расположение значков на панели закладок)

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

Выделить код

Код:

/* Меняем местами вкладки, строку адреса, истроку ярлыков */
#TabsToolbar {-moz-box-ordinal-group:3 !important; }
#PersonalToolbar {-moz-box-ordinal-group:2 !important; }
#nav-bar {-moz-box-ordinal-group:1 !important; }

/* Вкладки. Высота */
#tabbrowser-tabs .scrollbox-innerbox { max-height: 24px; }

/* Вкладки. Высота стрелок*/
#tabbrowser-tabs .arrowscrollbox-scrollbox { max-height: 24px; }

/*Вкладки. Высота и ширина*/
:root {
  --tab-min-width: 80px !important;
  --tab-min-height: 24px !important;
  --tab-min-height_tnot: 24px !important;
  }

/*Вкладки. Отступы*/
.tab-content {
  padding-left: 4px !important;
  padding-right: 2px !important;
  }
.tabbrowser-tab .tab-text { margin-top: 2px  !important; } 

/* Убираем кнопку закрытия*/
@-moz-document url(chrome://browser/content/browser.xul) { 
  .tab-close-button { display: none !important; }
  }

/* Убираем эффект исчезновения текста с вкладки */
/*.tab-label-container[textoverflow]:not([pinned]){
  mask-image: none !important;
}*/

/* Значки на вкладках. Отступы */
.tabbrowser-tab .tab-icon-image { 
  margin-right: 2px  !important;
  margin-left: 0px  !important;
  }

/* Разделители вкладок. Цвет и отступы */
.tabbrowser-tab::after, .tabbrowser-tab::before {
  color: #888  !important;
  padding-left: -1px !important;
  padding-right: -2px !important;
  margin-top: 1px  !important;
  margin-bottom: 0px  !important;
  }

/* Закладки. Отступы */
toolbarbutton.bookmark-item { 
  margin-right: 0px  !important;
  margin-left: 0px  !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  }
toolbarbutton.bookmark-item > .toolbarbutton-icon { margin-right: 1px  !important; }
  }

Отредактировано yuriymos (10-04-2018 17:39:08)

grayich · №4040

может у кого есть всётаки идеальный вариант multirow вкладок?

Viatcheslav · №4041

grayich пишет

может у кого есть всётаки идеальный вариант multirow вкладок?

Что значит "идеально" по-Вашему в данном случае? Есть вариант от разработчика Classic Theme Restorer, но у него есть свои недостатки

leshiy_odessa · №4042

grayich пишет

может у кого есть всётаки идеальный вариант multirow вкладок?

tabs_multiple_lines_v2.css

Viatcheslav пишет

но у него есть свои недостатки

Недостатки такие. Приблизительно после 8-10-12 вкладки перенести (сместить) вкладку горизонтально или вертикально не получится. Получится только перенос на на самую первую позицию (вкладку).

При закрытие браузера и повторном открытии не всё вкладки восстанавливаются. Опять же, начиная с 8-10-12 вкладок. Приходится пользоваться Tab Session Manager, который и так должен стоять у всех.

Отредактировано leshiy_odessa (10-04-2018 13:22:02)

yuriymos · №4043

sandro79 пишет

Этот код кривоват, при захвате и перетаскивании вкладки тянет за собой всю панель

Да. Панель немного подпрыгивает вверх (по кр. мере, так у меня).
Но как сделать, чтобы панель вообще не шевелилась, я не знаю...
Может быть, есть у кого-нибудь нормальный код?

То есть. Нужно, чтобы был такой порядок:
1. Адресная панель.
2. Панель закладок.
3. Панель вкладок.

Отредактировано yuriymos (10-04-2018 15:40:55)

Viatcheslav · №4044

yuriymos пишет

Да. Панель немного подпрыгивает вверх (по кр. мере, так у меня).
Но как сделать, чтобы панель вообще не шевелилась, я не знаю...
Может быть, есть у кого-нибудь нормальный код?

Сформулируйте более или менее чётко - чего хотите?

yuriymos · №4045

Viatcheslav пишет

Сформулируйте более или менее чётко - чего хотите?

Нужен такой порядок панелей:
1. Адресная панель.
2. Панель закладок.
3. Панель вкладок.

Спасибо.

sandro79 · №4046

yuriymos, ну попробуйте код, взятый у того же Arisa, огромный правда, может чего лишнего можно и чикнуть

Выделить код

Код:

:root {
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_border-tnot_normal_mode_size: 1px;
  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);
  --classic_squared_tabs_tab_text_color: black;
  --classic_squared_tabs_tab_text_shadow: transparent;
  --tab-min-height_tnot: 32px;
}

:root[uidensity=compact]  {
  --tab-min-height_tnot: 28px;
}

:root[uidensity=touch] {
  --tab-min-height_tnot: 40px;
}

/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar {
  -moz-padding-start: 2px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#TabsToolbar:-moz-lwtheme,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[sizemode="maximized"] #TabsToolbar,
#main-window[tabsintitlebar][style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"][style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"][style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] #TabsToolbar {
  -moz-padding-start: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
  margin-top: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  padding-top: 0px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
#main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* tab title in titlebar support */
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* titlebar button support */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{
  margin-top: 2px !important;
}

/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][inFullscreen] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar  #PanelUI-button {
  visibility: collapse !important;
}

#main-window[inDOMFullscreen="true"] #TabsToolbar {
  opacity: 0 !important;
}

/* tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height_tnot) !important;
}

/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/

/* toolbar colors */
#TabsToolbar:not(:-moz-lwtheme){
  -moz-appearance: none !important;
  background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
}

/* remove color overlay for lw-themes */
#main-window:not([style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']) :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}

/* adjust compact themes background color */
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  -moz-appearance: none !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
}
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-darktext #TabsToolbar:-moz-lwtheme {
  -moz-appearance: none !important;
  background: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
}

#main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {
  fill: black !important;
  color: black !important;
}

/* toolbar borders */
#main-window #navigator-toolbox::after {
  opacity: 0 !important;
}

#TabsToolbar{
  margin-bottom: 0px !important;
  border-bottom: 1px solid #5f7181 !important;
}

#main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  background-clip: padding-box !important;
}

#main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: 0px !important;
  border-right: 0px !important;
}

#main-window:not([style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'])[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme,
#main-window:not([style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'])[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}

#main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
  -moz-margin-end: 0px !important;
}

#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  visibility: collapse !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 21px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 20px !important;
}

#tabbrowser-tabs .tab-drop-indicator {
  margin-bottom: 0px !important;
}

#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
  background-image: none !important;
  box-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
  box-shadow: unset !important;
}

/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
  padding-bottom: unset !important;
}

#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}

#TabsToolbar[movingtab] + #nav-bar {
  margin-top: unset !important;
}

/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  fill: black !important;
}

/* Fx58+ titlebar placeholders */
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"]{
  display: none !important;
}

/* tab text colors */
.tabbrowser-tab {
  color: #000000 !important;
}

@media (-moz-os-version: windows-win7) {
  @media (-moz-windows-default-theme) {
    .tabbrowser-tab:not([selected]) {
      color: #ffffff !important;
    }
  }
}

#TabsToolbar:-moz-lwtheme-darktext .tabbrowser-tab {
  color: #000000 !important;
}

#TabsToolbar:-moz-lwtheme-brighttext .tabbrowser-tab {
  color: #ffffff !important;
}

@media (-moz-os-version: windows-win10) {
    #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
}

@media (-moz-windows-classic) {

    /* tweaks for Windows Classic theme */
    #nav-bar:not(:-moz-lwtheme),
    #PersonalToolbar:not(:-moz-lwtheme),
    #main-window:not([tabsintitlebar])  #TabsToolbar:not(:-moz-lwtheme) {
      border-left: unset !important;
      border-right: unset !important;
      background: unset !important;
    }

    #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
      border-left: 0px !important;
      border-right: 0px !important;
    }

    #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
      background: unset !important;
      box-shadow: unset !important;
      border-bottom: unset !important;
    }

    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
      background: unset !important;
      box-shadow: unset !important;
      border: unset !important;
      border-image: unset !important;
    }

    #main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
      background: unset !important;
    }

}

/* black tab text color */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  color: var(--classic_squared_tabs_tab_text_color) !important;
  text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;
}

yuriymos · №4047

sandro79
Спасибо. Здесь ничего не дергается - и это хорошо. Позже поковыряюсь подробней.

UPD
Моя компактная схема отлично работает с этим кодом.
(В "Персонализации" фаерфокса выбрал "Компактные" значки. Внес у себя одну правку. Выше свой код обновил.)
Еще раз спасибо.

Отредактировано yuriymos (10-04-2018 17:59:26)

Gladius333 · №4048

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

Infocatcher · №4049

Gladius333 пишет

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

https://developer.mozilla.org/en-US/Add … p_resizing

Popups resize automatically to fit their content.

Растягивает автоматически.
Но можно попробовать через userContent.css добавить HTML-файлу панели какой-нибудь body { min-width: 800px; }
Например, так:

Выделить код

Код:

.panel > #anonymox-panel-main {
    min-width: 800px !important;
}

Gladius333 · №4050

Infocatcher пишет

Gladius333 пишет
Кто знает, как можно увеличить ширину чтобы влезало полностью? сам пытался, но походу я туп для такого.
[url]https://developer.moz....

Там ведь он какбы вылазит из "More tools...", мне просто так удобно чтобы кнопки и т.д не мешали, но оттуда попап кривоват.
Пробовал вот эти но криво снова, я не шарю, просто инспектором пытался.

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul");
.panel-arrowcontainer {min-width: 800px !important;}

@-moz-document url("chrome://browser/content/browser.xul");
.panel-arrowcontent {min-width: 800px !important;}

Это касается не только этого расширения, там надо саму стрелку какбы поправить стандартные размеры.
Заметил эти классы влияют еще и на "Open menu" который справа. Мне кажется это не поправить правками, там наверно вшито в какой-то файл?

Твой код помог, только с панелью "anonymox", и то я его какбы сплющил , но отображается норм все влезло.

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

Выделить код

Код:

.panel > #anonymox-panel-main{max-width:300px!important;}

Отредактировано Gladius333 (11-04-2018 15:25:31)

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

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

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

Код:

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

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

Код:

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

Код:

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

Код:

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

Код:

Код:

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

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

Код:

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

Код:

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

Код:

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

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

Код:

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

Код:

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

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

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

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

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

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

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

Код:

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

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

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

Код:

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

Код:

Код:

Board footer