После обновления на версию 69 возникла проблема... пропали крестики закрытия при наведении мыши на неактивные вкладки.
Раньше работал код такой:
#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button { display: -moz-box !important; }
Как теперь это делать, кто знает?
Отсутствует
Retif пишет: Обновился сегодня Firefox до 69-й версии и опять все поплыло Стилями делаю вкладки внизу, но куда-то пропала полоса, которая была сзади них, теперь всё какое-то прозрачное за вкладками. Даже не прозрачная, а эта панель куда-то уехала, что ли?В общем вроде сделал, вроде и работает, только там треш такой уже, ибо делается методом тыка, я к сожалению, в CSS этих ничего не понимаю, может кто поможет разгрести это:
скрытый текстurl("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once *//* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 2 !important;
box-shadow: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 1 !important;
border-top: 1px solid ThreeDShadow !important;}
/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }/* Более толстые кнопки Вперед-Назад */
#main-window:not(#f) #back-button {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}/* Hide blue stripe on active tab
.tab-line[selected="true"] {
opacity: 0 !important;
}
*//* Цвет линии для активной вкладки
.tab-line[selected="true"] {
background-color: #68768a !important;
}
*//* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
opacity: 0 !important;
}/*** Секция для вкладок внизу ***/
/* Вкладки в низ окна */
#TabsToolbar {
position: fixed;
bottom: -0.3em;
width: 100%;
}
#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em;
}/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}#tabbrowser-tabs {
width: 100vw !important;
#content-deck { margin-bottom: 0em; }
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}/*** Конец секции для вкладок внизу ***/
/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {/* Position the Find Bar above the page */
-moz-box-ordinal-group: 0;/* Move Find Bar border from top to bottom */
border-top: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */
#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}
Вроде вкладки внизу норм отображаются. А как туда же и панель с адресной строкой спустить?
Отсутствует
IAmSelf
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url("chrome://browser/content/browser.xhtml"), url("chrome://browser/content/browser.xhtml") { #urlbar #identity-icon { -moz-binding: url("./bindings/favicon_in_urlbar.xml#favicon") !important; width: 16px; height: 16px; } #urlbar[pageproxystate="valid"] > #identity-box:not(.chromeUI) > #identity-icon:not([busy]) { list-style-image: var(--v-identity-icon-image, url("chrome://browser/skin/identity-icon.svg")) !important; -moz-image-region: auto !important; } /*****************************Заголовок страницы в нижней панели*******************************/ #main-window::after { position: fixed !important; content: attr(title) !important; display: -moz-box !important; bottom: 7px !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;*/ text-align: left !important; white-space: pre !important; line-height: 1em !important; overflow: hidden !important; text-overflow: ellipsis !important; pointer-events: none !important; color: var(--toolbar-color, -moz-DialogText) !important; text-shadow: none !important; visibility: visible !important; opacity: 1 !important; } #main-window:-moz-lwtheme::after { color: var(--chrome-color, inherit) !important; text-shadow: inherit !important; } #main-window:-moz-any([customizing="true"],[inFullscreen])::after { opacity: 0 !important; } /**********Разделители для кастомных панелей*********************************************/ toolbarpaletteitem[place="toolbar"] > toolbarspring[id^="customizableui-special-spring"] { background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat !important; border: none !important; min-width: 34px !important; min-height: 14px !important; outline: 1px solid GrayText !important; outline-offset: -1px !important; margin-top: 3px !important; margin-bottom: 3px !important; opacity: 1 !important; } toolbarpaletteitem[place="palette"] > toolbarspacer[id^="customizableui-special-spacer"] { background: rgba(255,255,255,0.6) !important; border: none !important; outline: 1px solid GrayText !important; outline-offset: -1px !important; min-height: 37px !important; width: 15px !important; } toolbarpaletteitem[place="toolbar"] > toolbarspacer[id^="customizableui-special-spacer"] { background: rgba(255,255,255,0.6) !important; border: none !important; outline: 1px solid GrayText !important; outline-offset: -1px !important; min-height: 14px !important; width: 15px !important; margin-top: 3px !important; margin-bottom: 3px !important; } toolbarpaletteitem[place="palette"] > toolbarseparator[id^="customizableui-special-separator"] { -moz-appearance: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; border-top: none !important; border-bottom: none !important; border-left: 1px solid GrayText !important; border-right: 1px solid rgba(255,255,255,0.6) !important; min-height: 37px !important; width: 2px !important; } toolbarpaletteitem[place="toolbar"] > toolbarseparator[id^="customizableui-special-separator"] { margin-top: 2px !important; margin-bottom: 2px !important; } toolbarpaletteitem[place] > :-moz-any(toolbarspring[id^="customizableui-special-spring"],toolbarspacer[id^="customizableui-special-spacer"],toolbarseparator[id^="customizableui-special-separator"]) { -moz-window-dragging: no-drag !important; } toolbar:not(#nav-bar) toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"], toolbar:not(#nav-bar) toolbarspring { max-width: none !important; } #customization-container #customization-footer > spacer:first-of-type { -moz-binding: url("./bindings/specialwidget.xml#specialwidget") !important; } /**/ /* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ /****************************************************************************************/ /* multirow / multiple tab lines - modified for CustomCSSforFx **************************/ /* all credits go to the original authors: **********************************************/ /* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/ /* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */ /****************************************************************************************/ /* NOTE ********************************************************************************/ /* Variables are set inside '.\config\' folders CSS files, if complete package is used! */ :root{ --tabs-lines: 4; --tab_min_width_mlt: 80px; --tab_max_width_mlt: 200px; --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */ } #tabbrowser-tabs{ min-height: unset !important; padding-inline-start: 0px !important } /* Test for Firefox > 66 */ @supports (inset-block:auto){ #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ display: flex; flex-wrap: wrap; overflow-y: auto; max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines)); } #tabbrowser-tabs > .tabbrowser-arrowscrollbox { overflow: -moz-hidden-unscrollable; display: block; margin-bottom:-1px !important; } } /* Test for Firefox < 66 */ @supports not (inset-block:auto){ #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: unset !important; } #tabbrowser-tabs .scrollbox-innerbox{ display: flex; flex-wrap: wrap; } #tabbrowser-tabs .arrowscrollbox-scrollbox { overflow: -moz-hidden-unscrollable; display: block; } } .tabbrowser-tab{ height: var(--tab-min-height_mlt); } #tabbrowser-tabs .tabbrowser-tab[pinned]{ position: static !important; margin-inline-start: 0px !important; } .tabbrowser-tab[fadein]:not([pinned]) { flex-grow: 1; min-width: var(--tab_min_width_mlt) !important; max-width: var(--tab_max_width_mlt) !important; } .tabbrowser-tab > stack{ width: 100%; height: 100%; } #tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, #alltabs-button, :root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, .tabbrowser-tab::after{ display: none !important; } #tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button, #tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > .tabs-newtab-button, #TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button { visibility: hidden !important; } /* hide private window indicator, window controls and titlebar placeholders */ #main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator, #main-window[tabsintitlebar] #TabsToolbar #window-controls, #main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"], #main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] { display: none !important; } #TabsToolbar .titlebar-placeholder[type="pre-tabs"], #TabsToolbar .titlebar-placeholder[type="post-tabs"] { opacity: 0 !important; } /* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */ .tabbrowser-tab::after, .tabbrowser-tab::before { border-left: unset !important; border-image: unset !important; border-image-slice: unset !important; border: 0 !important; } /* Fx66+ tab close fix */ #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button { visibility: visible !important; display: block !important; } #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button { visibility: hidden !important; display: block !important; -moz-margin-start: -18px !important; } /* fix scrollbar */ #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag !important; } /*lw theme fix */ #main-window:-moz-lwtheme { background: var(--lwt-header-image) !important; background-repeat: repeat-y !important; } /**/ }
//62+ //Components.classes|Components.interfaces|Components.utils=Cc|Ci|Cu //getBrowser ()|getBrowser()=gBrowser //nsILocalFile=nsIFile // //forum.mozilla-russia.org/viewtopic.php?pid=772884#p772884 - browser.xul|browser.xhtml // //document.createElement=document.createXULElement|document.createElementNS(xulns, //forum.mozilla-russia.org/viewtopic.php?pid=772997#p772997 //github.com/Infocatcher/Custom_Buttons/commit/bd4aac673fb3ae733bdd155ab09125fd057a0614#diff-23c16ca2b6d59468c6fe22dfec2a87eb //- - - - - - - - - - - - - - - - - - - //support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly //Ctrl+Shift+J Ctrl+Shift+Del Ctrl+Shift+D Ctrl+U Ctrl+Shift+H_Ctrl+H //- - - - - - - - - - - - - - - - - - - //chrome://browser/content/preferences/connection.xul|cookies.xul //chrome://browser/content/places/places.xul //chrome://passwordmgr/content/passwordManager.xul // //view-source:chrome://browser/content/browser.xhtml //- - - - - - - - - - - - - - - - - - - //developer.mozilla.org/en-US/docs/Archive/Add-ons/Code_snippets/File_I_O //
Отсутствует
"Папка закладки" в 69 не работает. Как исправить?
Отсутствует
разжуйте дилетанту, как включить нижнюю панель? у меня она была только до квантума......
Что бы добавить дополнительную панель в нижней части окна браузера, необходимо применить один из этих способов, желательно третий, и установить этот скрипт.
Добавлено: и будет вот так:
Отредактировано kokoss (06-09-2019 16:22:43)
Win7
Отсутствует
разжуйте дилетанту, как включить нижнюю панель? у меня она была только до квантума......
Брел, брел, брел...
Отсутствует
IAmSelf
vertical_top_bottom_bar.zip и user_chrome_files.zip нельзя использовать вместе,
там и там создаются одни и те же три панели но разными способами...
Отсутствует
После обновления на Firefox 69 в адресной строке браузера появилась анимационная иконка в виде щита во время загрузки вкладки. Подскажите как её убрать из адресной строки или хотя бы отключить анимацию (чтобы сразу появлялась и была сразу серого цвета).
Отсутствует
До 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)
Отсутствует
Hobbix, user_pref("toolkit.cosmeticAnimations.enabled",false); //=Анимированные иконки и пробегающие по вкладкам, цветовые всплохи, F11.
А сам щит можно убрать about:preferences#privacy, ну или стилем.
Отредактировано func4ptch4 (06-09-2019 08:15:28)
Отсутствует
IAmSelf
vertical_top_bottom_bar.zip и user_chrome_files.zip нельзя использовать вместе,
там и там создаются одни и те же три панели но разными способами...
Ну не знаю... У меня "взлетело" только после того, как применил оба архива...
Брел, брел, брел...
Отсутствует
Эта затухающая дрянь, парит реально...
В стилях от Aris-t2 есть стиль, убирающий размытие /css/tabs/tab_titles_remove_blur.css
Отсутствует
Vitaliy V.
Крестик на нижней панели я убрал, а как задать цвет нижней панели?
Отсутствует
ВОПРОС РЕШЕН: это была доппанель.... просто отключил ее ))
вставил содержимое из архивов user_chrome_files.zip и vertical_top_bottom_bar.zip в нужные папки...
получил:
#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)
Отсутствует
вставил содержимое из архивов user_chrome_files.zip и vertical_top_bottom_bar.zip в нужные папки...
А зачем содержимое из обоих архивов? Достаточно использования одного из упомянутых архивов.
На скрине ниже использовался архив user_chrome_files.zip
Отсутствует
как бы уменьшить высоту панели адресной строки? (красная стрелка)
userChrome.css теперь такой:
Судя по скрину, у вас включена дополнительная панель, просто отключите её в настройках user chrome files
Win7
Отсутствует
Hobbix, user_pref("toolkit.cosmeticAnimations.enabled",false); //=Анимированные иконки и пробегающие по вкладкам, цветовые всплохи, F11.
А сам щит можно убрать about:preferences#privacy, ну или стилем.
Спасибо, способ рабочий, но убивает и некоторую полезную анимацию. Через about:preferences можно отключить только для конкретных сайтов-исключений, либо вообще отключить эту защиту, чего делать не хочется.
А как через стили убрать иконку этого щита?
Отредактировано Hobbix (06-09-2019 19:11:44)
Отсутствует
А можно поподробнее?
Ну, например, опция toolkit.cosmeticAnimations.enabled до кучи отключает анимацию открытия/закрытия вкладок.
Кроме того, даже с отключенной анимацией значок щита всё равно мелькает в строке адреса.
После обновления на Firefox 69 в адресной строке браузера появилась анимационная иконка в виде щита во время загрузки вкладки. Подскажите как её убрать из адресной строки или хотя бы отключить анимацию (чтобы сразу появлялась и была сразу серого цвета).
Впрочем решение я для себя уже нашел самостоятельно через стили. Если вдруг кому понадобится, то держите.
Отсутствует
Ну, например, опция toolkit.cosmeticAnimations.enabled до кучи отключает анимацию открытия/закрытия вкладок.
В моём 69 цветная вкладка, так что эта анимация и так незаметна.
Кроме того, даже с отключенной анимацией значок щита всё равно мелькает в строке адреса.
У меня не мелькает, а за стиль спасибо
Win7
Отсутствует