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

На IRC-канале #mozilla-ru можно получить техническую консультацию онлайн и, конечно же, порцию общения.

№710107-12-2019 11:11:32

Topper
Участник
 
Группа: Members
Зарегистрирован: 11-11-2012
Сообщений: 65
UA: Firefox 71.0

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

GENNADICH пишет:

Так у меня то же так, а на каждой нетю

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

Отсутствует

 

№710207-12-2019 13:32:30

sibirnik
Участник
 
Группа: Members
Зарегистрирован: 11-08-2016
Сообщений: 20
UA: Firefox 68.0

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

/*--------Убрать крестик закрытия вкладки--------*/
.tab-close-button {
  display: none;
}

/*--------Появление крестика закрытия на вкладках, при наведении мыши--------*/
#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {
  display: -moz-box !important;
}
/*----------------------Конец----------------------------------*/

Отсутствует

 

№710307-12-2019 15:02:38

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 71.0

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

Здравствуйте! Опять я со своей нижней панелью, на которой отображаются кнопки дополнений и заголовок страницы.
После обновления на 71 версию кнопки на этой панели стали вести себя немного странновато: если раньше для выполнения клика по ним было достаточно кончика курсора мышки, то сейчас необходимо, чтобы курсор был над этой кнопкой "в полный рост". Это можно как-то исправить?
Если не ошибаюсь, вот этот код отвечает за такую панель:

скрытый текст
/*********************************************************************************/

toolbarpaletteitem[place="palette"] > toolbaritem.add-additional-springs {
    background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
    border: none !important;
    outline: 1px solid GrayText;
    outline-offset: -1px;
    min-height: 37px;
}

toolbarpaletteitem:-moz-any([place="toolbar"],[place="panel"],[place="menu-panel"]) > toolbaritem.add-additional-springs {
    background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
    border: none !important;
    min-width: 34px;
    min-height: 14px;
    outline: 1px solid GrayText;
    outline-offset: -1px;
    margin-top: 3px;
    margin-bottom: 3px;
}

toolbarpaletteitem[place="palette"][id*="add-additional-top-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-vertical-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-bottom-spring"] {
    vertical-align: top;
}

toolbarpaletteitem[place] > toolbaritem.add-additional-springs {
    -moz-window-dragging: no-drag !important;
}

#add-restart-app {
    list-style-image: url("./svg/restart-app-16.svg") !important;
}

#add-additional-vertical-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-top-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-bottom-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-view-history-sidebar-button {
    list-style-image: url("./svg/history-16.svg") !important;
}

#add-view-bookmarks-sidebar-button {
    list-style-image: url("./svg/bookmark-16.svg") !important;
}

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

#main-window:-moz-lwtheme {
    --lwt-background-tiling: repeat-y !important;
    background-repeat: repeat-y !important;
}

#browser-bottombox:-moz-lwtheme {
    background-color: transparent !important;
}

#add-additional-vertical-box {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar,
#add-additional-bottom-bar {
    -moz-appearance: none !important;
    -moz-window-dragging: no-drag !important;
    border: none !important;
    background-clip: border-box !important;
    background-origin: border-box !important;
    background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
    background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
}

#add-additional-bottom-bar {
    border-top: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1rem !important;
    min-width: 19px !important;
    width: auto !important;
    -moz-box-align: stretch !important;
    -moz-box-pack: start !important;
    -moz-box-orient: vertical !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:-moz-lwtheme,
#add-additional-bottom-bar:-moz-lwtheme {
    background-color: var(--toolbar-bgcolor, rgba(255,255,255,.4)) !important;
    background-image: none !important;
    color: var(--chrome-color, inherit) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme #add-additional-vertical-bar {
    background-repeat: repeat-y !important;
    background-size: auto auto !important;
    background-attachment: fixed !important;
    background-position: right top !important;
    background-color: var(--lwt-accent-color, white) !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))), var(--lwt-header-image, var(--v-lwt-header-image, none)) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme-brighttext #add-additional-vertical-bar {
    background-color: var(--lwt-accent-color, black) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]) {
    border-inline-end: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box[verticalbarstart="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    border-inline-end: none !important;
    border-inline-start: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar[collapsed="true"] {
    padding: 0 !important;
    border: none !important;
    min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons {
    -moz-box-orient: vertical !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons separator {
    display: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspring {
    min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarseparator {
    -moz-appearance: none !important;
    margin: 0.2em 2px !important;
    border-bottom: 1px solid ThreeDHighlight !important;
    border-top: 1px solid ThreeDShadow !important;
    height: 2px !important;
    border-left: none !important;
    border-right: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspacer {
    height: 15px !important;
}

#add-additional-vertical-container[vertautohide="true"] {
    position: relative !important;
    min-width: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
    overflow: visible !important;
    margin-inline-start: 0 !important;
    margin-inline-end: -100px !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

#add-additional-vertical-container[vertautohide="true"][verticalbarstart="false"] {
    margin-inline-start: -100px !important;
    margin-inline-end: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"] {
    position: absolute !important;
    z-index: 3 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    font-size: 0px !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"],
#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) {
    left: auto !important;
    right: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) {
    left: 0 !important;
    right: auto !important;
}

#add-additional-vertical-box[vertautohide="true"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: calc(-1 * (100% - 5px));
    right: auto;
    opacity: 0;
    animation-name: toolbar-hide !important;
    animation-timing-function: linear !important;
    animation-duration: 0.2s !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
    transition-property: opacity !important;
    transition-timing-function: step-start !important;
    transition-duration: 0s !important;
    transition-delay: 0.2s !important;
    pointer-events: auto !important;
    height: 100% !important;
    visibility: visible !important;
    position: relative !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: auto;
    right: calc(-1 * (100% - 5px));
    animation-name: toolbar-hide-rtl !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: calc(-1 * (100% - 5px));
    right: auto;
    animation-name: toolbar-hide !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: 0px;
    right: auto;
    opacity: 1;
    animation-name: toolbar-visible !important;
    transition-delay: 0s !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl)[auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"][auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: auto;
    right: 0px;
    animation-name: toolbar-visible-rtl !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl)[auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: 0px;
    right: auto;
    animation-name: toolbar-visible !important;
}

@keyframes toolbar-hide {
    from {
        left: 0px;
    }
    to {
        left: calc(-1 * (100% - 5px));
    }
}

@keyframes toolbar-hide-rtl {
    from {
        right: 0px;
    }
    to {
        right: calc(-1 * (100% - 5px));
    }
}

@keyframes toolbar-visible {
    from {
        left: calc(-1 * (100% - 5px));
    }
    to {
        left: 0px;
    }
}

@keyframes toolbar-visible-rtl {
    from {
        right: calc(-1 * (100% - 5px));
    }
    to {
        right: 0px;
    }
}

#main-window[inDOMFullscreen] #add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-bottom-bar[collapsed="true"][customizable="true"][customizing="true"],
#add-additional-vertical-box > #add-additional-vertical-bar > :-moz-any(#personal-bookmarks,#search-container) {
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    min-width: 0 !important;
}
}

Отредактировано IAmSelf (08-12-2019 00:52:04)


Брел, брел, брел...

Отсутствует

 

№710407-12-2019 15:50:25

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

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

Vitaliy V.
Не подскажите, что с окном в 71 ? Верха не видно, а главное, как нажму на "И" - инструменты , так вверх улетает пикселя на 3
https://s19.directupload.net/images/191207/temp/kzr37ius.png

Отсутствует

 

№710507-12-2019 17:30:09

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

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

IAmSelf пишет:

После обновления на 73 версию ... Если не ошибаюсь, вот этот код отвечает за такую панель:

Он старый, обновите user_chrome_files + перезапуск ПКМ встроенной кнопкой.
Попробуйте на чистом профиле без др. стилей. Вот если проблема не решится тогда обращайтесь.
А вообще зачем вам 73 или это опечатка? А с этим разобрались https://forum.mozilla-russia.org/viewto … 15#p773015 ?
Или так и используете два архива чего делать не нужно и не правильно

solombala пишет:

Не подскажите, что с окном в 71 ?

Да ничего такого по дефолту нет, а что в твой сборке мне не ведомо.
Стили скорей всего кривые на последних страницах их тут много было...

Отредактировано Vitaliy V. (07-12-2019 17:31:49)

Отсутствует

 

№710607-12-2019 18:39:16

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 84
UA: Firefox 71.0

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

Vitaliy V.
Обновил ваш user_chrome_files от 2019.11.27: всё подправил, всё работает, спасибо! Но SpecialWidget - Разделитель в Персонализации опять не хочет появляться. Причём, Auto Hide Sidebar работает, SpecialWidget - Растягивающийся интервал в Персонализации есть, а Разделителя -  нет. Вроде, в custom_style_user.css всё раскомментировал. А в custom_script_win.js не пойму, что нужно раскомментировать, чтобы весь SpecialWidget заработал. В Настройках все Стили и Скрипты подключены. Firefox 71.

И ещё, возможно ли в FF 71 сделать так, чтоб Адресная строка не расширялась, когда она активна?

Отредактировано v4386 (07-12-2019 19:04:43)

Отсутствует

 

№710707-12-2019 19:11:36

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

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

v4386 пишет:

что нужно раскомментировать, чтобы SpecialWidget заработал

// this.specialwidgets.constructor(); // <-- Special Widgets
// this.autohidesidebar.constructor(); // <-- Auto Hide Sidebar
убрать вначале //   и перезапуск ПКМ как всегда после редактирования...
полагаю у вас и Auto Hide Sidebar не раскомментирован только стиль работал

v4386 пишет:

И ещё, возможно ли в FF 71 сделать так, чтоб Адресная строка не расширялась, когда она активна?

это megabar что ли? а что со стилем https://forum.mozilla-russia.org/viewto … 86#p774586
для 71+ ?

Отредактировано Vitaliy V. (07-12-2019 19:11:52)

Отсутствует

 

№710807-12-2019 19:40:22

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 84
UA: Firefox 71.0

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

Vitaliy V. пишет:

// this.specialwidgets.constructor(); // <-- Special Widgets
// this.autohidesidebar.constructor(); // <-- Auto Hide Sidebar
убрать вначале //   и перезапуск ПКМ как всегда после редактирования...
полагаю у вас и Auto Hide Sidebar не раскомментирован только стиль работал

Фу-ты, чёрт! Я эти значения раскомментировал, но перезапуск делал ЛКМ вместо ПКМ, поэтому они и не появлялись.

Vitaliy V. пишет:

это megabar что ли? а что со стилем https://forum.mozilla-russia.org/viewto … 86#p774586
для 71+ ?

Да, это megabar, с вашим стилем закругления краёв Адресной строки, но Выпадающая панель по умолчанию FF 71, без вашего стиля, на который вы ссылаетесь. Так как, если применять  ваш стиль Выпадающей панели с включённым megabar, то нижние края Выпадающей панели получаются прямоугольными.

Отсутствует

 

№710907-12-2019 20:14:01

serega-stavr
Участник
 
Группа: Members
Зарегистрирован: 04-12-2019
Сообщений: 3
UA: Firefox 71.0

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

при расположении вкладок в 2 строки и более строки (адресная строка над вкладками) вторая  строка накладывается на страницу и перекрывает ее, скрин
если адресную строку перенести под вкладки то все нормально, но хочется классического расположения
использую стили от Aris-t2, как то можно сделать чтобы вкладки на страницу не накладывались?

Отсутствует

 

№711007-12-2019 20:44:14

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

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

sandro79
Спасибо, да Aris-a - будем разбираться.

Отсутствует

 

№711107-12-2019 20:57:38

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

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

serega-stavr
Рекомендованное автором для многострочной панели вкладок, как я понял, использование стиля /css/tabs/tabs_below_navigation_toolbar_fx65_v2.css ну и конечно /css/tabs/tabs_multiple_lines_fx71.css или следующий за ним стиль. Скачан последний новый комплект. Описанной вами проблемы не наблюдается.

скрытый текст
https://b.radikal.ru/b09/1912/7c/57574a4d40af.png

GENNADICH :beer:

Отсутствует

 

№711207-12-2019 21:30:37

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

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

v4386 пишет:

закругления краёв Адресной строки

Попробуйте с таким кодом закругления

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

Выделить код

Код:

#urlbar, #searchbar, .searchbar-textbox {
    border-radius: 1000px !important;
    overflow: hidden !important;
}

#urlbar.megabar, #urlbar.megabar > #urlbar-background {
    border-radius: calc(var(--urlbar-height) / 2) !important;
}

#urlbar.megabar > .urlbarView {
    border-bottom-left-radius: calc(var(--urlbar-height) / 2) !important;
    border-bottom-right-radius: calc(var(--urlbar-height) / 2) !important;
}

Отредактировано Vitaliy V. (08-12-2019 01:43:53)

Отсутствует

 

№711307-12-2019 23:10:13

serega-stavr
Участник
 
Группа: Members
Зарегистрирован: 04-12-2019
Сообщений: 3
UA: Firefox 71.0

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

sandro79 пишет:

serega-stavr
Рекомендованное автором для многострочной панели вкладок, как я понял, использование стиля /css/tabs/tabs_below_navigation_toolbar_fx65_v2.css ну и конечно /css/tabs/tabs_multiple_lines_fx71.css или следующий за ним стиль. Скачан последний новый комплект. Описанной вами проблемы не наблюдается.


GENNADICH :beer:

спасибо, заработало
думал что для 71-й версии строго соотв. стиль надо включать

Отсутствует

 

№711408-12-2019 02:31:35

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 71.0

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

Vitaliy V. пишет:

IAmSelf пишет:

После обновления на 73 версию ... Если не ошибаюсь, вот этот код отвечает за такую панель:

Он старый, обновите user_chrome_files + перезапуск ПКМ встроенной кнопкой.
Попробуйте на чистом профиле без др. стилей. Вот если проблема не решится тогда обращайтесь.
А вообще зачем вам 73 или это опечатка? А с этим разобрались https://forum.mozilla-russia.org/viewto … 15#p773015 ?
Или так и используете два архива чего делать не нужно и не правильно

Да, конечно же описался - я про версию 71...:)
С этим разобрался - нижнюю панель дополнений получил, используя user_chrome_files.zip, проблему с курсором решил его обновлением, заголовок страницы на нижней панели - с использованием подсказки от _zt.
Спасибо всем, помогающим таким как я - не разбирающимся в CSS и JS, но желающим удобства работы с неплохим, в общем-то, браузером.
:beer::beer::beer:

*****UPD*****

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

Отредактировано IAmSelf (08-12-2019 02:38:06)


Брел, брел, брел...

Отсутствует

 

№711508-12-2019 09:38:27

rbl_rbl
Участник
 
Группа: Members
Зарегистрирован: 22-04-2016
Сообщений: 34
UA: Firefox 71.0

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

sandro79
Спасибо за сборку.

Ребта, я добросовестно прочитал последние 5 страниц и возникло 2 вопроса:
1. Почему все помешались на вкладках которые под адресной строкой, есть вариант стиля где вкладки над адресной строкой?
2. Есть где-то место, где выыкладывают готовые стили, которые можно скачать и оставить понравившейся?

Отсутствует

 

№711608-12-2019 09:43:21

sibirnik
Участник
 
Группа: Members
Зарегистрирован: 11-08-2016
Сообщений: 20
UA: Firefox 68.0

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

rbl_rbl пишет:

Почему все помешались на вкладках которые под адресной строкой,

Просто так намного удобнее, чаще обращение идёт к вкладкам, чем к остальному...Хотя уж каждого свой вкус и цвет...

Отсутствует

 

№711708-12-2019 10:06:36

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 153
UA: Firefox 68.0

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

rbl_rbl пишет:

1. Почему все помешались на вкладках которые под адресной строкой, есть вариант стиля где вкладки над адресной строкой?

Так по умолчанию вкладки и так над адресной строкой, поэтому использование большинства стилей так и оставит вкладки над адресной строкой. А в общем стили тут и на https://github.com/Aris-t2/CustomCSSforFx/ , может, еще где.

Отсутствует

 

№711808-12-2019 10:52:12

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

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

IAmSelf
Смотрите. Там есть строка /*background: #1B2128 !important;*/, уберите в ней временно  /* и */, после этого вы увидите какое поле стиль использует. Отрегулируйте его так, чтобы ничего не перекрывало, в этих строках
    left: 400px !important; /* поле контента */
    right: 242px !important; /* поле контента */
а потом можете назад закомментировать строку "background", т.е. вернуть /* и */.

Отредактировано _zt (08-12-2019 10:55:35)

Отсутствует

 

№711908-12-2019 12:21:55

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 71.0

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

_zt пишет:

IAmSelf
Смотрите. Там есть строка /*background: #1B2128 !important;*/, уберите в ней временно  /* и */, после этого вы увидите какое поле стиль использует. Отрегулируйте его так, чтобы ничего не перекрывало, в этих строках
    left: 400px !important; /* поле контента */
    right: 242px !important; /* поле контента */
а потом можете назад закомментировать строку "background", т.е. вернуть /* и */.

Все, разобрался! Спасибо еще раз!
Тяжело разбираться, когда в этом не шаришь...:blush:
В общем, если кому надо, вот мой my_userChrome.css:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url-prefix("chrome://browser/content/browser.x") {

/*********************Заголовок страницы где указано*********************/
/***https://forum.mozilla-russia.org/viewtopic.php?pid=775433#p775433***/

#main-window::after {
    position: fixed !important;
    content: attr(title) !important;
    /*top: 7px !important; /* отступ сверху */
    /* или */
    bottom: 7px !important; /* отступ снизу */
    left: 30px !important; /* поле контента, начало (отступ от левого края окна FF) */
    right: 800px !important; /* поле контента (окончание, отступ от правого края окна FF) */
    padding-inline-start: 10px !important; /* отступ текста в начале поля контента */
    padding-inline-end: 10px !important; /* отступ текста в конце поля контента */
    text-align: left !important;/**/
    font-size: 12px !important;/**/
    /*font-weight: bold !important;/**/
    color: #000000 !important;/**/
    /*color: #FFFFFF !important;/**/
    /*opacity: 0.8 !important;/**/
    /*background: #000000 !important;/**/
    /*text-shadow: 2px 2px 3px black !important;/**/
}
/****************************************************************************/

Подключается через добавление в userChrome.css вот такого кода:
скрытый текст
/************************************************************************************************/
/************************************************************************************************/
/* Create a new file "my_userChrome.css" and add own/custom code to it. *************************/
@import "./my_userChrome.css"; /**/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

(Взято из Custom CSS for Firefox 60+)


Брел, брел, брел...

Отсутствует

 

№712008-12-2019 12:26:06

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

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

IAmSelf пишет:

если добавить заголовок на нижнюю панел

В 72 этот код не будет работать из-за отсутствия атрибута title на #main-window
пробуйте так

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    position: fixed !important;
    content: attr(label) !important;
    display: block !important;
    bottom: 2px !important; /* отступ снизу */
    left: 0px !important;
    right: 0px !important;
    padding-inline-start: 30px !important; /* отступ в начале */
    padding-inline-end: 30px !important; /* отступ в конце */
    font-size: inherit !important;
    font-weight: bold !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.3em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])):-moz-lwtheme #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    color: var(--toolbar-color, inherit) !important;
    text-shadow: inherit !important;
}
}

Отредактировано Vitaliy V. (08-12-2019 13:00:02)

Отсутствует

 

№712108-12-2019 12:34:00

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 39
UA: Firefox 68.0

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

Vitaliy V.
Здравствуйте!
Давно не был в теме, все ваши работы использую, всё работало, но вот вчера дёрнуло меня обновить user_chrome_files. Результат обновления - перестал работать скроллбар. Посмотрел файл custom_style_agent, он пустой. Попробовал найти информацию, используя поиск; через полчаса безрезультатного ковыряния темы, решил вас побеспокоить своим вопросом. Как с новыми вашими файлами установить скроллбар? Подскажите, пожалуйста, если будет время и желание. Спасибо, всего наилучшего!:)


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№712208-12-2019 12:43:22

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

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

m_nikolay
Отсюда https://github.com/VitaliyVstyle/Vitali … full_theme
замените custom_style_agent.css и добавьте css_agent.css
в настройках должен подключен custom_style_agent.css

Отсутствует

 

№712308-12-2019 12:47:54

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 71.0

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

Vitaliy V. пишет:

IAmSelf пишет:

если добавить заголовок на нижнюю панел

В 72 этот код не будет работать из-за отсутствия атрибута title на #main-window
пробуйте так

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    position: fixed !important;
    content: attr(label) !important;
    display: block !important;
    bottom: 2px !important; /* отступ снизу */
    left: 0px !important;
    right: 0px !important;
    padding-inline-start: 30px !important; /* отступ в начале */
    padding-inline-end: 30px !important; /* отступ в конце */
    font-size: inherit !important;
    font-weight: bold !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.3em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]:-moz-lwtheme::before {
    color: var(--toolbar-color, inherit) !important;
    text-shadow: inherit !important;
}
}


Спасибо! Тоже работает!
Так же сделал из этого кода свой my_userChrome.css...


Брел, брел, брел...

Отсутствует

 

№712408-12-2019 12:54:19

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 28
UA: Firefox 71.0

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

Vitaliy V.
можно код под 71.0, смена цвета выделения адресной строки?
этот код не рабочий

Выделить код

Код:

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: #7a7a7a  !important;
}

Отредактировано tagnupip (08-12-2019 12:58:21)

Отсутствует

 

№712508-12-2019 13:09:14

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

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

tagnupip пишет:

смена цвета выделения адресной строки?

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

Выделить код

Код:

:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
    background-color: grey !important;
    color: white !important;
}


не только адресной...

Отредактировано Vitaliy V. (08-12-2019 13:10:02)

Отсутствует

 

Board footer

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