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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№645105-09-2019 22:53:05

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 608
UA: Firefox 69.0

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

"Папка закладки" в [firefox] 69 не работает. Как исправить?

На форуме

 

№645205-09-2019 23:32:54

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

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

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

Что бы добавить дополнительную панель в нижней части окна браузера, необходимо применить один из этих способов, желательно третий, и установить этот скрипт.

Добавлено: и будет вот так:

скрытый текст
b9627d539457.png

Отредактировано kokoss (06-09-2019 16:22:43)

Отсутствует

 

№645305-09-2019 23:45:26

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

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

iamgdv пишет

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

скрытый текст
1. Скачать два архива из этого поста
2. Из архива user_chrome_files.zip:
2.1. Содержимое папки chrome извлечь в папку <профиль Firefox>\chrome
2.2. Содержимое папки Firefox поместить в директорию установки Firefox
3. Содержимо архива vertical_top_bottom_bar.zip извлечь в папку <профиль Firefox>\chrome
При этом, если у Вас уже есть Ваш userChrome.css, то их содержимое можно объединить.
4. Перезапустить Firefox
5. ПКМ по любой кнопке дополнения - выбрать пункт "Нижняя панель".
Далее все как раньше.

У меня заработало после этого.


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

Отсутствует

 

№645406-09-2019 00:06:41

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

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

IAmSelf
vertical_top_bottom_bar.zip и user_chrome_files.zip нельзя использовать вместе,
там и там создаются одни и те же три панели но разными способами...

Отсутствует

 

№645506-09-2019 02:19:44

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 118
UA: Firefox 69.0

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

После обновления на Firefox 69 в адресной строке браузера появилась анимационная иконка в виде щита во время загрузки вкладки. Подскажите как её убрать из адресной строки или хотя бы отключить анимацию (чтобы сразу появлялась и была сразу серого цвета).
1f03473f585c.gif

Отсутствует

 

№645606-09-2019 05:15:03

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 662
UA: Firefox 69.0

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

До 69-й работал стиль, который при выделении строки адреса или поиска изменял фоновый цвет. Теперь для urlbar работает, а для searchbar перекрашивается только текстовую часть. Замена .searchbar-textbox на #searchbar не помогает. Можно как-то подправить?

Выделить код

Код:

#urlbar:not(:-moz-lwtheme)[focused],
.searchbar-textbox:not(:-moz-lwtheme)[focused] {
    border-color: Blue !important;
    background-color: #FFD700 !important;
    box-shadow: none !important;
}

Отредактировано xrun1 (06-09-2019 13:38:19)

Отсутствует

 

№645706-09-2019 08:13:57

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

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

Hobbix, user_pref("toolkit.cosmeticAnimations.enabled",false); //=Анимированные иконки и пробегающие по вкладкам, цветовые всплохи, F11.
А сам щит можно убрать about:preferences#privacy, ну или стилем.

Отредактировано func4ptch4 (06-09-2019 08:15:28)

Отсутствует

 

№645806-09-2019 10:32:47

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

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

Vitaliy V. пишет

IAmSelf
vertical_top_bottom_bar.zip и user_chrome_files.zip нельзя использовать вместе,
там и там создаются одни и те же три панели но разными способами...

Ну не знаю... У меня "взлетело" только после того, как применил оба архива...;)


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

Отсутствует

 

№645906-09-2019 11:38:21

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

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

Vitaliy V.
Я так понимаю, фишка с тремя точками на вкладке,того...Эта затухающая дрянь, парит реально...

Отсутствует

 

№646006-09-2019 13:36:52

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 662
UA: Firefox 69.0

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

solombala пишет

Эта затухающая дрянь, парит реально...

В стилях от Aris-t2 есть стиль, убирающий размытие /css/tabs/tab_titles_remove_blur.css

Выделить код

Код:

.tab-label-container[textoverflow]:not([pinned]) {
  mask-image: unset !important;
}

Отсутствует

 

№646106-09-2019 13:46:01

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 272
UA: Firefox 69.0

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

Vitaliy V.
Крестик на нижней панели я убрал, а как задать цвет нижней панели?

Отсутствует

 

№646206-09-2019 15:11:15

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 45
UA: Firefox 69.0

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

ВОПРОС РЕШЕН: это была доппанель.... просто отключил ее ))
вставил содержимое из архивов user_chrome_files.zip и  vertical_top_bottom_bar.zip в нужные папки...
получил:

скрытый текст
5d9af52a1dae.jpg

как бы уменьшить высоту панели адресной строки? (красная стрелка)
userChrome.css теперь такой:
скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
display: block !important;
}
.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
display: none !important;
}
.tabbrowser-tab {
min-height: var(--tab-min-height) !important;
vertical-align: bottom !important;
}


/* изм высоты вкладок? */

#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
    --tab-min-height: 28px !important;
    --toolbarbutton-inner-padding: 5px !important;
}

@media (-moz-windows-compositor) {
    #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"] > #titlebar {
        -moz-appearance: none !important;
    }
}

/* изм высоты вкладок? */


/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/

@-moz-document url("chrome://browser/content/browser.xhtml") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window: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;
}
#main-window: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) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/* tab close - always visible*/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}

/**/


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url-prefix("chrome://browser/content/browser.x") {
vbox#browser-bottombox {
    -moz-binding: url("./bindings/toolbars.xml#toolbars") !important;
}

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;
}
}

Отредактировано iamgdv (06-09-2019 21:13:37)

Отсутствует

 

№646306-09-2019 15:49:55

sandro79
Участник
 
Группа: Members
Откуда: Таёжный тупик
Зарегистрирован: 15-11-2017
Сообщений: 1087
UA: Firefox 71.0

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

iamgdv пишет

вставил содержимое из архивов user_chrome_files.zip и  vertical_top_bottom_bar.zip в нужные папки...

А зачем содержимое из обоих архивов? Достаточно использования одного из упомянутых архивов.
На скрине ниже использовался архив user_chrome_files.zip

скрытый текст
977a9324e0a2.png

Отсутствует

 

№646406-09-2019 15:59:23

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

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

iamgdv пишет

как бы уменьшить высоту панели адресной строки? (красная стрелка)
userChrome.css теперь такой:

Судя по скрину, у вас включена дополнительная панель, просто отключите её в настройках user chrome files

Отсутствует

 

№646506-09-2019 19:06:01

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 118
UA: Firefox 69.0

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

func4ptch4 пишет

Hobbix, user_pref("toolkit.cosmeticAnimations.enabled",false); //=Анимированные иконки и пробегающие по вкладкам, цветовые всплохи, F11.
А сам щит можно убрать about:preferences#privacy, ну или стилем.

Спасибо, способ рабочий, но убивает и некоторую полезную анимацию. Через about:preferences можно отключить только для конкретных сайтов-исключений, либо вообще отключить эту защиту, чего делать не хочется.
А как через стили убрать иконку этого щита?

Отредактировано Hobbix (06-09-2019 19:11:44)

Отсутствует

 

№646606-09-2019 19:24:53

skillful
Участник
 
Группа: Members
Зарегистрирован: 18-06-2015
Сообщений: 21
UA: Chrome 76.0

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

Подскажите пожалуйста id панели закладок и адресной строки....

Отсутствует

 

№646706-09-2019 19:39:46

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

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

Hobbix пишет

Спасибо, способ рабочий, но убивает и некоторую полезную анимацию

А можно поподробнее?

Отсутствует

 

№646806-09-2019 21:06:06

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 118
UA: Firefox 69.0

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

kokoss пишет

А можно поподробнее?

Ну, например, опция toolkit.cosmeticAnimations.enabled до кучи отключает анимацию открытия/закрытия вкладок.
Кроме того, даже с отключенной анимацией значок щита всё равно мелькает в строке адреса.
9ba3aa1df061.gif

Hobbix пишет

После обновления на Firefox 69 в адресной строке браузера появилась анимационная иконка в виде щита во время загрузки вкладки. Подскажите как её убрать из адресной строки или хотя бы отключить анимацию (чтобы сразу появлялась и была сразу серого цвета).
1f03473f585c.gif

Впрочем решение я для себя уже нашел самостоятельно через стили. Если вдруг кому понадобится, то держите.

Выделить код

Код:

#tracking-protection-icon-box {
    display: none !important;
}

Отсутствует

 

№646906-09-2019 21:11:19

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 45
UA: Firefox 69.0

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

sandro79 пишет

На скрине ниже использовался архив user_chrome_files.zip

если использую только этот, нижней панели нет

Отсутствует

 

№647006-09-2019 22:44:13

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

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

Hobbix пишет

Ну, например, опция toolkit.cosmeticAnimations.enabled до кучи отключает анимацию открытия/закрытия вкладок.

В моём [firefox] 69 цветная вкладка, так что эта анимация и так незаметна.

Hobbix пишет

Кроме того, даже с отключенной анимацией значок щита всё равно мелькает в строке адреса.

У меня не мелькает, а за стиль спасибо 529d356c7ab0.gif

Отсутствует

 

№647106-09-2019 23:26:16

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

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

Ещё раз спрошу: кто-нибудь знает, как вернуть появление крестиков закрытия на вкладках, при наведении мыши, в новом Firefox 69?

Раньше это было так:

Выделить код

Код:

#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {
  display: -moz-box !important;
}

Отсутствует

 

№647206-09-2019 23:39:58

sandro79
Участник
 
Группа: Members
Откуда: Таёжный тупик
Зарегистрирован: 15-11-2017
Сообщений: 1087
UA: Firefox 71.0

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

Zver555 пишет

как вернуть появление крестиков закрытия на вкладках, при наведении мыши, в новом Firefox 69?

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

Выделить код

Код:

.tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
  visibility: collapse !important;
}

.tabbrowser-tab:not([pinned]):hover .tab-close-button {
  visibility: visible !important;
  display: block !important;
}

Отсутствует

 

№647306-09-2019 23:44:49

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

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

sandro79 пишет

Спасибо, только первая часть не нужна, она убирает крестик на активной вкладке.

Отредактировано Zver555 (06-09-2019 23:45:36)

Отсутствует

 

№647407-09-2019 14:43:34

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

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

solombala пишет

Я так понимаю, фишка с тремя точками на вкладке,того...

нет не того, атрибут crop="end" работает но не для textContent
пробуй так

скрытый текст
static get inheritedAttributes() {
      return {
        ".tab-background": "selected=visuallyselected,fadein,multiselected",
        ".tab-line":
          "selected=visuallyselected,multiselected,before-multiselected",
        ".tab-loading-burst": "pinned,bursting,notselectedsinceload",
        ".tab-content":
          "pinned,selected=visuallyselected,titlechanged,attention",
        ".tab-throbber":
          "fadein,pinned,busy,progress,selected=visuallyselected",
        ".tab-icon-pending":
          "fadein,pinned,busy,progress,selected=visuallyselected,pendingicon",
        ".tab-icon-image":
          "src=image,triggeringprincipal=iconloadingprincipal,requestcontextid,fadein,pinned,selected=visuallyselected,busy,crashed,sharing",
        ".tab-sharing-icon-overlay": "sharing,selected=visuallyselected,pinned",
        ".tab-icon-overlay":
          "crashed,busy,soundplaying,soundplaying-scheduledremoval,pinned,muted,blocked,selected=visuallyselected,activemedia-blocked",
        ".tab-label-container":
          "pinned,selected=visuallyselected,labeldirection",
        ".tab-label":
          "value=label,accesskey,fadein,pinned,selected=visuallyselected,attention",
        ".tab-icon-sound":
          "soundplaying,soundplaying-scheduledremoval,pinned,muted,blocked,selected=visuallyselected,activemedia-blocked,pictureinpicture",
        ".tab-close-button": "fadein,pinned,selected=visuallyselected",
      };
    }

и так
скрытый текст
get fragment() {
      if (!this._fragment) {
        this._fragment = MozXULElement.parseXULToFragment(`
        <stack class="tab-stack" flex="1">
          <vbox class="tab-background">
            <hbox class="tab-line"/>
            <spacer flex="1" class="tab-background-inner"/>
            <hbox class="tab-bottom-line"/>
          </vbox>
          <hbox class="tab-loading-burst"/>
          <hbox class="tab-content" align="center">
            <hbox class="tab-throbber" layer="true"/>
            <hbox class="tab-icon-pending"/>
            <image class="tab-icon-image" validate="never" role="presentation"/>
            <image class="tab-sharing-icon-overlay" role="presentation"/>
            <image class="tab-icon-overlay" role="presentation"/>
            <hbox class="tab-label-container"
                  onoverflow="this.setAttribute('textoverflow', 'true');"
                  onunderflow="this.removeAttribute('textoverflow');"
                  flex="1">
              <label class="tab-text tab-label" role="presentation"  crop="end" flex="1"/>
            </hbox>
            <image class="tab-icon-sound" role="presentation"/>
            <image class="tab-close-button close-icon" role="presentation"/>
          </hbox>
        </stack>
      `);
      }
      return this.ownerDocument.importNode(this._fragment, true);
    }

leshiy_odessa пишет

а как задать цвет нижней панели?

если для любой темы так

Выделить код

Код:

#add-additional-bottom-bar {
    --toolbar-bgcolor: red !important;
    --chrome-color: white !important;
    --toolbar-color: white !important;
}
iamgdv пишет

если использую только этот, нижней панели нет

повторяю ещё раз не нужно использовать два архива они между собой не связаны,
смотрите где ошиблись, если всё правильно очистите папку startupCache
в [windows] находится  здесь
C:\Users\имя пользователя\AppData\Local\Mozilla\Firefox\Profiles\xxxxxxxx.название профиля

skillful пишет

Подскажите пожалуйста id панели закладок и адресной строки....

#PersonalToolbar  #urlbar
а вообще используйте Browser Toolbox https://developer.mozilla.org/en-US/doc … er_Toolbox

Отредактировано Vitaliy V. (07-09-2019 14:55:31)

Отсутствует

 

№647507-09-2019 15:09:22

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 272
UA: Firefox 69.0

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

А кто-то уже сделал кнопку #downloads-button, чтобы она не меняла цвет на синий, когда что-то скачал?
Было вот так, но перестало работать :

Выделить код

Код:

/* ------------ Значок  «ЗАГРУЗКИ» красится в синий цвет, когда что-то загружалось ------------ */
#downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon,
#downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-outer 
{fill: rgb(0, 0, 0) !important}

Отсутствует

 

Board footer

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