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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№755114-01-2020 21:35:14

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

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

iamgdv пишет

как хотя бы близкий внешний вид получить на 72+ ?

Попробуйте стиль "вкладки не вверху" + tabs_multiple_lines_fx71 из Classic CSS tweaks, пофиксенный по рекомендации отсюда. Вроде работает в 72.

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
*|*:root:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
*|*:root:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    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;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    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"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
*|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
*|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
*|*:root:not([inFullscreen]) #navigator-toolbox::after,
*|*:root:not([inFullscreen]) #TabsToolbar::after,
*|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

*|*:root{
  --tabs-lines: 6;
  --tab_min_width_mlt: 80px;
  --tab_max_width_mlt: 200px;
  --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
}

#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important;
}

/* Selectors for Firefox 71+ */
/* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */
@-moz-document url(chrome://browser/content/browser.xhtml){
  .scrollbutton-up[orient="horizontal"][part]~spacer,
  .scrollbutton-up[orient="horizontal"][part],
  .scrollbutton-down[orient="horizontal"][part]{
      display: none !important;
  }

  scrollbox[part][orient="horizontal"]{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
}

/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
    /*margin-bottom:-1px !important;*/
  }
  
  :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
    height: var(--tab-min-height_mlt) !important;
  }
}

/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

.tabbrowser-tab{
  height: var(--tab-min-height_mlt);
}

#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}

.tabbrowser-tab > stack{
  width: 100%;
  height: 100%;
}

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
*|*:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{
  display: none !important;
}

#tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button),
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button),
#TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
  visibility: hidden !important;
}

/* hide private window indicator, window controls and titlebar placeholders */
*|*#main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator,
*|*#main-window[tabsintitlebar] #TabsToolbar #window-controls,
*|*#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"],
*|*#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
  opacity: 0 !important;
}

/* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  border-left: unset !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  border: 0 !important;
}

/* Fx66+ tab close fix */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
  visibility: hidden !important;
  display: block !important;
  -moz-margin-start: -18px !important;
}

/* fix scrollbar */
*|*#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}

/*lw theme fix */
*|*#main-window[style*='--lwt-header-image']:-moz-lwtheme {
  background-repeat: repeat-y !important;
}

*|*:root:not([customizing]) #navigator-toolbox #TabsToolbar #new-tab-button {
  display: unset !important;
  visibility: visible !important;
}

:-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
  display: none !important;
  visibility: hidden !important;
}


скрытый текст
957a04a41554.jpg

Отсутствует

 

№755214-01-2020 22:21:03

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

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

Vitaliy V. пишет

#main-window которая и не может быть #f

Разве дело в «не может»?
Псевдо-класс :not может использоваться как трюк для придания специфичности.

Безотносительно необходимости и полезности этого именно в данном случае,
следует признать, что такой феномен существует.

MDN пишет

Возможно переписать другие правила. Например foo:not(bar) найдёт тот же
элемент, что и простой foo. Тем не менее специфичность первого выше.

Отсутствует

 

№755315-01-2020 00:51:43

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

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

Dumby пишет

как трюк для придания специфичности.

Вот конкретно даже не задумался зачем там так было сделано, но да наверно чтобы перебить другие стили, похоже ещё для старых версий [firefox]
Про специфичность в курсе, почему не использовать нормальные реальные селекторы?! Или типа чтобы мой код никто не смог перебить?!

Отсутствует

 

№755415-01-2020 03:29:14

Mozillafire
Участник
 
Группа: Members
Зарегистрирован: 30-04-2014
Сообщений: 52
UA: Firefox 72.0

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

Кто-нибудь помогите вернуть рыжую кнопку? Пожалуйста.:)

Отсутствует

 

№755515-01-2020 10:02:41

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

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

Mozillafire
Вот отсюда читайте.
Или отсюда возьмите.
И не стесняйтесь читать, а не только писать.

Отсутствует

 

№755615-01-2020 10:30:00

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 71.0

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

Vitaliy V.
У меня два вопроса: bindings - накрылся окончательно  в72? . Как теперь с иконками? "Agent shift" тоже того? И рорup urlbar код новый? , а то опять длинный...

Отсутствует

 

№755715-01-2020 11:40:29

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

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

Mozillafire пишет

Кто-нибудь помогите вернуть рыжую кнопку?

Если используйте CustomCSSforFx от Aris, то просто включите строку: должно быть так -> @import "./css/appbutton/appbutton_in_titlebar.css"; /**/ /* <-- label only */, в файле userChrome.css


Win7

Отсутствует

 

№755815-01-2020 12:52:26

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 72.0

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

Vitaliy V.
Здравствуйте, у меня похоже сломался findbar не подхватывает .xml, а .css пашет, начиная с 72+.

Выделить код

Код:

:-moz-any(#tabbrowser-tabpanels,tabbrowser#content) findbar>.findbar-container>.find-status-icon{-moz-binding:url("../vertical_top_bottom_bar/findbar.xml#findbar")!important;}

наверно дело в синтаксисе кода? и что-то про биндинги писали, в коде вроде есть?

Отсутствует

 

№755915-01-2020 15:09:19

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

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

solombala пишет

И рорup urlbar код новый? , а то опять длинный...

В 72+ можно использовать этот способ https://forum.mozilla-russia.org/viewto … 26#p775226

func4ptch4 пишет

наверно дело в синтаксисе кода? и что-то про биндинги писали, в коде вроде есть?

Биндинги приказали долго жить. Есть правленный (10-01-2020 01:57:07) findbar здесь под вторым спойлером.

Vitaliy V.
Подскажите пожалуйста, код для изменения "Восстановить закрытую вкладку" на более компактное "Восстановить вкладку" в двух меню по ПКМ, на вкладке и на панели вкладок. Спасибо.

скрытый текст
cd0b8a921a8a.jpg

Отсутствует

 

№756015-01-2020 15:30:50

zhulcov
Участник
 
Группа: Members
Зарегистрирован: 17-09-2015
Сообщений: 10
UA: Firefox 73.0

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

Здравствуйте всем. Подскажите пожалуйста код для скрытия пункта " Защита приватности " из главного меню.

Отсутствует

 

№756115-01-2020 19:43:47

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

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

solombala пишет

Как теперь с иконками? "Agent shift" тоже того?

А что с иконками? Для меню можно так https://forum.mozilla-russia.org/viewto … 17#p774517
или шаблон без calc() в первом спойлере https://forum.mozilla-russia.org/viewto … 96#p774496
или так для [windows] без использования стиля для меню

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

Выделить код

Код:

menu::before, menuitem::before {
    width: 16px !important;
    height: 16px !important;
    display: -moz-box !important;
    margin-inline-start: 5px !important; /* отступ слева для иконок, для Linux или при использовании стиля для меню 0px */
    margin-inline-end: -21px !important; /* для Linux или при использовании стиля для меню -16px */
    position: relative !important;
    background-color: transparent !important;
    background-position: center !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
}
/* ************************************************ */

menuitem#bookmarksShowAll::before {
    content: "" !important;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:rgb(146,69,101);fill-opacity:1;' /><path style='opacity:0.25;fill:rgb(0,0,0);' d='M 24,3 11.1,45 14.1,48 H 45.58 C 46.93,48 48,46.9 48,45.53 V 22.2 L 45,19.2 39,18 Z'/><path style='fill:rgb(255,255,255);' d='M 45,19.05 C 45.09,19.34 36.05,30.02 35.96,30.3 35.86,30.57 37.21,44.81 36.97,45 36.76,45.15 24.28,39.43 24,39.43 23.73,39.43 11.25,45.16 11.03,45 10.79,44.81 12.11,30.57 12.02,30.3 11.94,30.02 2.911,19.34 3.001,19.05 3.087,18.77 16.37,15.69 16.6,15.53 16.82,15.35 23.72,3 24,3 24.28,3 31.18,15.35 31.4,15.53 31.63,15.69 44.88,18.75 45,19.05' /></g></svg>")  !important;
}


кто такой Agent shift может AGENT_SHEET ?
работает стиль для скролбара

func4ptch4
А что там было в биндинге закрытие панели по клику?

sandro79 пишет

код для изменения "Восстановить закрытую вкладку"

Может так, если на css и не используется стиль для иконок выше, в принципе можно с ::after сделать и добавить -moz-box-ordinal-group: 0 !important;

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

Выделить код

Код:

menuitem:not(.menuitem-iconic):-moz-any(#context_undoCloseTab,#toolbar-context-undoCloseTab)[label="Восстановить закрытую вкладку"]::before {
    display: -moz-box;
    content: "Восстановить вкладку";
    -moz-box-align: center;
    -moz-appearance: menuitemtext; /*  для Linux - none или удалить строку */
}
menuitem:not(.menuitem-iconic):-moz-any(#context_undoCloseTab,#toolbar-context-undoCloseTab)[label="Восстановить закрытую вкладку"] .menu-text {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    padding-inline-end: 0 !important;
    margin-inline-end: 0 !important;
    -moz-box-ordinal-group: 0 !important;
    -moz-appearance: none !important;
}

zhulcov пишет

код для скрытия пункта " Защита приватности " из главного меню.

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

Выделить код

Код:

toolbarbutton#appMenu-protection-report-button,
toolbarseparator#appMenu-tp-separator {
    display: none !important;
}

Отредактировано Vitaliy V. (15-01-2020 19:57:27)

Отсутствует

 

№756215-01-2020 20:09:04

zhulcov
Участник
 
Группа: Members
Зарегистрирован: 17-09-2015
Сообщений: 10
UA: Firefox 73.0

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

Vitaliy V. Благодарю.

Отсутствует

 

№756315-01-2020 21:12:26

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

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

Vitaliy V. пишет

Может так, если на css и не используется стиль для иконок выше, в принципе можно с ::after сделать и добавить -moz-box-ordinal-group: 0 !important;

Благодарю! Получилось. По аналогии изменил в меню вкладки "Добавить вкладку в закладки" на "Вкладку в закладку", но в принципе этот пункт там особо не нужен и я его наверное уберу вообще и на основном Firefox. Позже попробую переименовать некоторые другие пункты. Спасибо за помощь.

скрытый текст
c78d9eaa903d.jpg

Отсутствует

 

№756415-01-2020 21:16:40

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 72.0

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

Помогите пожалуйста в 7201 (Aris 2.9.9 v3) вкладки ниже опустить, что то старые методы не сработали.

Отредактировано GENNADICH (15-01-2020 21:18:20)

Отсутствует

 

№756515-01-2020 21:35:20

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

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

sandro79
Нет смысла использовать :-moz-any() для одного селектора

Отсутствует

 

№756615-01-2020 22:00:14

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

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

Vitaliy V.
Подскажите пожалуйста, как в [firefox] 72 изменить иконку в виде "Лупы" в адресной строке:

скрин
13cd5074fad8.png

ну например на такую:
скрин
4ea97095a550.png

и только на ➜ about:newtab.


Win7

Отсутствует

 

№756715-01-2020 22:21:41

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

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

GENNADICH пишет

Помогите пожалуйста в 7201 (Aris 2.9.9 v3) вкладки ниже опустить, что то старые методы не сработали.

Вот скачал новый комплект, раскомментировал строку @import "./css/tabs/tabs_below_navigation_toolbar_fx72.css"; /**/, вкладки переместились под адресную строку и панель закладок. Всё нормально, ниже снимок.

скрытый текст
d8d4db8dee74.jpg

Vitaliy V. пишет

Нет смысла использовать :-moz-any() для одного селектора

Понял, но хоть так пока, я только начал осваивать азы, вычислять селекторы. Надо конечно учить теорию, а не методом тыка по аналогии. Но для меня это всё же сложновато.
Виталий подскажите ещё, перестал работать код отображения кнопки всех вкладок на панели вкладок в 73+, селектор вроде тот же, но кнопка не отображается.

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

Выделить код

Код:

#alltabs-button{
  visibility: visible !important;
}

Отсутствует

 

№756815-01-2020 22:52:30

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 72.0

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

Vitaliy V. https://forum.mozilla-russia.org/viewto … 67#p776367 да там ctrl+f откр-закрытие, и таймер.

Отредактировано func4ptch4 (15-01-2020 22:52:46)

Отсутствует

 

№756916-01-2020 07:46:33

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 72.0

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

sandro79
Чудеса какие то - у меня не работает и firefox чистая восстановил только расширения и закладки, ща попробую переустановить

Отсутствует

 

№757016-01-2020 08:37:44

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 72.0

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

sandro79
:( Не нифига не получилось, активировал разные строки но вкладки по прежнему сверху. 
Папка "chrome" где должна располагаться - все как и было?

Отредактировано GENNADICH (16-01-2020 08:47:50)

Отсутствует

 

№757116-01-2020 10:30:54

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

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

GENNADICH пишет

Папка "chrome" где должна располагаться - все как и было?

Всё как и прежде, только забыл я упомянуть, отключена по умолчанию обработка файлов userContent.css и userChrome.css.
Проверьте состояние настройки toolkit.legacyUserProfileCustomizations.stylesheets, должна быть в true.

Vitaliy V.
Ну подскажите пожалуйста ещё, код для переименования "Прикрепить в расширенное меню" в панели инструментов. Тут наверное дело в селекторе #toolbar-context-menu > menuitem:nth-child(5) "Удалить с панели инструментов" то получилось переименовать. Спасибо.
59ba5d5e58fc.png

Отсутствует

 

№757216-01-2020 11:50:49

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 71.0

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

Vitaliy V.

Vitaliy V. пишет

AGENT_SHEET ?
работает стиль для скролбара

в 72 не работает, падает браузер. И с before тоже не могу , как в меню png прописать? Хоть один пример?
Плюс urlbar не того , urlbarupdate1 -true , так расширяется он ...

Отсутствует

 

№757316-01-2020 16:36:05

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

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

kokoss пишет

изменить иконку в виде "Лупы" в адресной строке: и только на ➜ about:newtab.

Одним стилем только везде получится изменить,
если считаете что из-за этого стоит применить скрипт тогда так:

user_chrome_files/custom_scripts/custom_script_win.js
добавить объект locationchanges: { ... } так же как там добавлен specialwidgets: { ... }

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

Выделить код

Код:

locationchanges: {
        lastUrl: null,
        constructor: function() {
            ucf_custom_script_win.unloadlisteners.push("locationchanges");
            try {
                var docEl = document.documentElement, currUrl = gBrowser.currentURI.spec;
                this.lastUrl = currUrl;
                docEl.setAttribute("v_current_uri", currUrl);
                gBrowser.addProgressListener(this);
                docEl.setAttribute("v_navigator_platform", navigator.platform);
                var appInfo = Services.appinfo;
                docEl.setAttribute("v_appInfo_name", appInfo.name);
                docEl.setAttribute("v_appInfo_version", appInfo.version);
            } catch(e) {}
        },
        onLocationChange: function(webProgress, request, uri, flags) {
            if (!uri) return;
            var currUrl = gBrowser.currentURI.spec;
            if (uri.spec != currUrl || this.lastUrl == currUrl) return;
            this.lastUrl = currUrl;
            document.documentElement.setAttribute("v_current_uri", currUrl);
        },
        destructor: function() {
            try {
                gBrowser.removeProgressListener(this);
            } catch(e) {}
        }
    },


и в // Здесь может быть ваш код который сработает по событию "load" не раньше
скрытый текст

Выделить код

Код:

this.locationchanges.constructor();


стиль user_chrome_files/custom_styles/
скрытый текст

Выделить код

Код:

*|*:root:-moz-any([v_current_uri="about:newtab"],[v_current_uri="about:home"]) #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon {
    list-style-image: url("./svg/globe.svg") !important;
}


и иконка user_chrome_files/custom_styles/svg/globe.svg
скрытый текст

Выделить код

Код:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
  <path fill="context-fill" fill-opacity="context-fill-opacity" d="M 8,0 A 8,8 0 1 0 16,8 8,8 0 0 0 8,0 Z M 13.2,4.96 H 11.6 A 7.7,7.7 0 0 0 10.6,2.58 6.03,6.03 0 0 1 13.2,4.96 Z M 14,8 A 5.96,5.96 0 0 1 13.7,9.96 H 11.9 A 12.4,12.4 0 0 0 12,8 12.4,12.4 0 0 0 11.9,6.04 H 13.7 A 5.96,5.96 0 0 1 14,8 Z M 8,14 C 6.93,14 5.96,12.8 5.43,11.1 H 10.6 C 10.1,12.8 9.07,14 8,14 Z M 5.17,9.96 A 11.1,11.1 0 0 1 5.17,6.04 H 10.9 A 11.1,11.1 0 0 1 11,8 11.1,11.1 0 0 1 10.9,9.96 Z M 2,8 A 5.96,5.96 0 0 1 2.34,6.04 H 4.16 A 12.4,12.4 0 0 0 4.16,9.96 H 2.33 A 5.96,5.96 0 0 1 2,8 Z M 8,2 C 9.07,2 10.1,3.2 10.6,4.96 H 5.43 C 5.96,3.2 6.93,2 8,2 Z M 5.44,2.58 A 7.7,7.7 0 0 0 4.39,4.96 H 2.84 A 6.03,6.03 0 0 1 5.44,2.58 Z M 2.84,11.1 H 4.39 A 7.7,7.7 0 0 0 5.44,13.4 6.03,6.03 0 0 1 2.84,11.1 Z M 10.6,13.4 A 7.7,7.7 0 0 0 11.6,11.1 H 13.2 A 6.03,6.03 0 0 1 10.6,13.4 Z"/>
</svg>


func4ptch4
ладно подумаю позже как скрипт сделать, пока только ctrl+f откр-закрытие успел сделать

sandro79

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

Выделить код

Код:

#toolbar-context-menu menuitem:not(.menuitem-iconic)[label="Прикрепить в расширенном меню"]::before {
    display: -moz-box;
    content: "Текст";
    -moz-box-align: center;
    -moz-appearance: menuitemtext; /*  для Linux - none или удалить строку */
}
#toolbar-context-menu menuitem:not(.menuitem-iconic)[label="Прикрепить в расширенном меню"] .menu-text {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    padding-inline-end: 0 !important;
    margin-inline-end: 0 !important;
    -moz-box-ordinal-group: 0 !important;
    -moz-appearance: none !important;
}

solombala пишет

в 72 не работает, падает браузер

Через скрипты регистрируй стиль AGENT_SHEET и ничего не падает

solombala пишет

И с before тоже не могу , как в меню png прописать? Хоть один пример?

там же полно примеров и у меня в шаблонах пример с svg после /* ************************************************ */
шапку не трогай добавляй после этой черты например "Восстановить закрытую вкладку"

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

Выделить код

Код:

menuitem#context_undoCloseTab::before, menuitem#toolbar-context-undoCloseTab::before {
    content: "" !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABZVBMVEX////w8PD09PTx8fHw8PCPkIvv7++LjIfw8PDu7u6ZmZXv7+/29vbw8PD///+Txdt8lJ2RkY2Sk4+bzeJcnLsbcp6LjIcwf6bg4N/m//+XyuDf7/+LvNGmr68ufqbg4N9OhaLm8PJvrstCjrPg4N9Rk7Q8hqfk8PRoqMc5h60vgKk9ia/f4N7w8PDi7/ZgpMOLtMny9fYmeaIqfaff4N6hpKLv7+/h8PVwqcTB1N3L3ebv7+9trMqLjIeOj4rf39719vbM7PaMt81hpMPL7fmbnJeoqaXr6+tin774+/vF2t+lq6qKlI+hop38/Pz7+/v5+fn9/f29vruLjIeqq6f7+/v5+fnGxsSLjId5rcfg8vw4ibN8ud3n8vgacZ2extrA5//4+/wacp4yha8ZcZ18wuyIxuthrNc5irdvt+KRzvO62ep+w+7N6PeY1/+U1v+h2/9am7sbcp4keaXm8/ovgq07jLe+yJo8AAAAWXRSTlMAES5KZr+CMJ7X7Lr4ZwHdD4f0yftxJtP6Cj4Q/EIe9HPg/tXy/kvL/fr++fGfuf3Bzv787+6DptCRyLvRDs/u+P3O+TSw5Or8ovXiHqKWW0aBpyVHNSZMDw1FfDAAAACvSURBVHhehchTcwRBAIXRXmewtG3btm0jtn9/elPZmpqnnKd7P0DgADK5glyUQpH4b0pYkJo730t1PADxBSiKhlVvT4v11myBgSHD8Vz+cP388rr7rGlg0CIIojccrx5v7u4fjDCYMAxLWm1f33bHcuWEwXUBuT3eS58/cBuEIcQ8iURj8cT7RwqkM1n6LzabXtgUS6BcqdLO6o1mC7Q7XepZrz8YgtGYQphMZ+BfP976HHRDoNUhAAAAAElFTkSuQmCC") !important;
}


и так далее

solombala пишет

urlbarupdate1 -true , так расширяется он

ну стиль же применить надо https://forum.mozilla-russia.org/viewto … 86#p774586

Отсутствует

 

№757416-01-2020 17:38:27

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 71.0

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

Vitaliy V.

Vitaliy V. пишет

Через скрипты регистрируй стиль AGENT_SHEET и ничего не падает

Это как? Кнопкой СВ можно?

Отсутствует

 

№757516-01-2020 18:58:33

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 72.0

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

sandro79
Большое спасибо всё заработало!;)

Отсутствует

 

Board footer

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