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

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

№645105-09-2019 22:53:05

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

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

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

Отсутствует

 

№645205-09-2019 23:32:54

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

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

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

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

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

скрытый текст
https://a.radikal.ru/a26/1909/41/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
Сообщений: 1263
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
Сообщений: 109
UA: Firefox 69.0

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

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

Отсутствует

 

№645606-09-2019 05:15:03

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 576
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
Сообщений: 153
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
Сообщений: 231
UA: Firefox 69.0

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

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

Отсутствует

 

№646006-09-2019 13:36:52

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 576
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
Сообщений: 267
UA: Firefox 69.0

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

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

Отсутствует

 

№646206-09-2019 15:11:15

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

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

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

скрытый текст
https://a.radikal.ru/a40/1909/01/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
Сообщений: 718
UA: Firefox 71.0

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

iamgdv пишет:

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

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

скрытый текст
https://c.radikal.ru/c29/1909/0b/977a9324e0a2.png

Отсутствует

 

№646406-09-2019 15:59:23

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 577
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
Сообщений: 109
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
Сообщений: 20
UA: Chrome 76.0

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

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

Отсутствует

 

№646706-09-2019 19:39:46

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

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

Hobbix пишет:

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

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

Отсутствует

 

№646806-09-2019 21:06:06

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

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

kokoss пишет:

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

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

Hobbix пишет:

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

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

Выделить код

Код:

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

Отсутствует

 

№646906-09-2019 21:11:19

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

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

sandro79 пишет:

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

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

Отсутствует

 

№647006-09-2019 22:44:13

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

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

Hobbix пишет:

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

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

Hobbix пишет:

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

У меня не мелькает, а за стиль спасибо https://c.radikal.ru/c12/1904/57/529d356c7ab0.gif

Отсутствует

 

№647106-09-2019 23:26:16

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 15
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
Сообщений: 718
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
Сообщений: 15
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
Сообщений: 1263
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
Сообщений: 267
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–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]