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

kokoss · №7551

voqabuhe пишет

Пихаю его в Stylish, а он ни в какую не хочет работать. Как его заставить, или он для 72 версии не подходит?

При чём тут Stylish, этот стиль для файла userChrome.css!

Отредактировано kokoss (19-01-2020 00:11:20)

voqabuhe · №7552

kokoss

kokoss пишет

При чём тут Stylish, этот стиль для файла userChrome.css!

Ага, с файлом всё получилось. Надо же, а я всегда считал, что они взаимозаменяемы. :dumb: Спасибо. Это просто праздник какой-то. :beer:

oleg.sgh · №7553

Stkvsky

Когда открываешь новую вкладку или любой сайт, то страница сначала на секунду белая (белый фон)

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

Выделить код

Код:

/* цвет пустой страницы */    
browser {-moz-appearance: none !important;
    background: #000 !important;}

Отредактировано oleg.sgh (19-01-2020 07:10:59)

shadow_user · №7554

Stkvsky пишет

Когда открываешь новую вкладку или любой сайт, то страница сначала на секунду белая (белый фон)

about:config: browser.startup.blankWindow = false

Stkvsky · №7555

oleg.sgh
shadow_user
Супер, спасибо большое.

Не могли бы вы еще подсказать, как изменить белую новую вкладку?

Нашел:
browser.display.background_color

Отредактировано Stkvsky (19-01-2020 12:41:43)

solombala · №7556

Vitaliy V.
Ну что делать с этим мегабаром , urlbar . Ч\и при запуске и при клике расширяется ...(FF72)...Стиль Ваш использовал, тема дефолтная...В Dark , вроде, не дергается...

Stkvsky · №7557

solombala
Просто предупреждаю что в какой то момент тебе перестанут помогать, потому что поймут что конца этому не будет

kokoss · №7558

solombala пишет

Ну что делать с этим мегабаром , urlbar . Ч\и при запуске и при клике расширяется ...(FF72)

Вам же уже подсказывали! В "Конфиге" необходимо найти и переключить на true эти параметры: https://forum.mozilla-russia.org/viewto … 19#p775219, затем добавить стиль для [firefox] 71 от сюда: https://forum.mozilla-russia.org/viewto … 86#p774586, и наблюдаем результат:

скрин

solombala · №7559

kokoss
Не фига , Url - расширяется , при browser.urlbar.update1 = true ... Это Popup уже становится .
Короче, конфликт в стиле "вкладки вниз" и "main-window" и "titlebar-buttonbox" ...Хрен знает , где этот стиль есть...

Отредактировано solombala (19-01-2020 17:14:52)

solombala · №7560

Vitaliy V.
от где тут конфликт? В 72 с кодом ля мегабара ...Это вкладки вниз и окно , где-то не дает тому коду сработать полностью ...

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-titlebar-button-vert-padding: 2px;
    --v-titlebar-button-horizont-padding: 5px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='11' height='11' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='1.4' fill='none' shape-rendering='crispEdges' x1='1.2' y1='6.9' x2='10' y2='6.9'/></svg>");
--v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1.5' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='10' height='10'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black'  fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
   --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='2.9' d='M3,1 l 11,11 M3,12 l 11,-11'/></svg>");
    --v-titlebar-button-image-height: 11px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: rgba(0,0,0,.12);
    --v-titlebar-button-background-active: rgba(0,0,0,.22);
    --v-titlebar-close-background-hover: rgb(215,0,34);
    --v-titlebar-close-background-active: rgb(178,0,28);
    --v-windows-glass-default-background: ActiveCaption;
    --v-windows-glass-default-background-inactive: InactiveCaption;
}


:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255,255,255,.22);
    --v-titlebar-button-background-active: rgba(255,255,255,.12);
}

@media (-moz-windows-glass) {
    #main-window[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
        margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important;
    }

    #main-window[sizemode="normal"] > #titlebar > #titlebar-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #main-window[sizemode="normal"] > #navigator-toolbox {
        border-top: none !important;
        padding-top: 0 !important;
        box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important;
    }

    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main-window {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

    #main-window:-moz-window-inactive {
        background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important;
    }

    #TabsToolbar:-moz-lwtheme-darktext {
        color: inherit !important;
        --lwt-toolbarbutton-icon-fill: currentColor !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) {
        color: inherit !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
    }
}

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
}

@media not all and (-moz-os-version: windows-win7) {
    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        -moz-box-align: start !important;
        -moz-box-pack: end !important;
    }
}

#titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close) > .toolbarbutton-icon,
:-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}
#titlebar-buttonbox > #titlebar-min,
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
}

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
    
}

#main-window[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
#main-window[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    
    
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover,
:-moz-any(#minimize-button,#restore-button):hover {
    border: 1px solid #675 !important;
    background: linear-gradient(#00ffff,#00A653) !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):active,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):active,
:-moz-any(#minimize-button,#restore-button):hover:active {
   background: linear-gradient(red,brown) !important;
   border: 1px  solid #675 !important;
   color: #FFF !important; 
}

#titlebar-buttonbox > #titlebar-close,
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    color: #FFF !important;
    background: linear-gradient(red,brown) !important;
    margin-right: 1px !important;
    margin-left: 1px !important;
    border: 1px  solid #675 !important;
  
}

#titlebar-buttonbox > #titlebar-close:hover,
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
   background: linear-gradient(red,#DF0000) !important;
   border: 1px  solid #675 !important; 
   margin-right: 1px !important;
   margin-left: 1px !important;
}

#titlebar-buttonbox > #titlebar-close:active,
.titlebar-buttonbox > .titlebar-close:active,     
#close-button:hover:active {
    background: linear-gradient(#800000,#660000) !important;
    border: 1px  solid #675 !important;
    margin-right: 1px !important;
    margin-left: 1px !important;
}
}

@-moz-document url("chrome://browser/content/browser.xhtml")  {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    -moz-window-dragging: no-drag !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}

#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;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -moz-window-dragging: no-drag !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;
    -moz-window-dragging: no-drag !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;
    -moz-window-dragging: no-drag !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: grey !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;
    
    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 .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

kokoss · №7561

Del

Отредактировано kokoss (20-01-2020 16:03:00)

NikosColev · №7562

Подскажите, плз, в нижнюю панель (vertical_top_bottom_bar) нельзя перетащить/добавить или продублировать(!) кнопки навигации (на педыдущую/следующую страницу) или я что-то делаю не так?

Отредактировано NikosColev (20-01-2020 01:42:30)

harryk · №7563

В 72-м поломался этот скроллбар. Как-то можно починить? Или посоветуйте аналогичный.

xrun1 · №7564

user_chrome_files\custom_scripts\custom_script.js

Выделить код

Код:

// Этот скрипт можно использовать для создания кнопок с помощью CustomizableUI.createWidget

// var {classes: Cc, interfaces: Ci, utils: Cu} = Components;
// var {console} = Cu.import("resource://gre/modules/Console.jsm", {});

Для vertical_top_bottom_bar, который с биндингом, сделал несколько кнопок. Теперь биндинг отвалился. Как перенести код кнопки в скрипт, который выше? Пробовал просто скопировать.

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

Выделить код

Код:

// Этот скрипт можно использовать для создания кнопок с помощью CustomizableUI.createWidget

var {classes: Cc, interfaces: Ci, utils: Cu} = Components;
var {console} = Cu.import("resource://gre/modules/Console.jsm", {});
try {
    CustomizableUI.createWidget({
        id: "add-akelpad-app",
        label: "Akelpad",
        tooltiptext: "Запуск редактора Akelpad",
        onCommand: function(event) {
            var file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
            file.initWithPath("${String.raw`C:\\Program Files\\AkelPad\\AkelPad.exe`}");
            if (file.exists()) file.launch();
        }
    });
} catch(e) {}

Не работает. И как связать код из этого скрипта с иконкой, которую, как я думаю, надо прописать в user_chrome_files\custom_styles\custom_style_user.css?

Dumby · №7565

xrun1

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

Выделить код

Код:

//file.initWithPath("${String.raw`C:\\Program Files\\AkelPad\\AkelPad.exe`}");
            file.initWithPath("C:\\Program Files\\AkelPad\\AkelPad.exe");

Выделить код

Код:

#add-akelpad-app {
    list-style-image: url("moz-icon:file:///C:/Program Files/AkelPad/AkelPad.exe") !important;
}

Retif · №7566

Подскажите плиз, а можно как-то увеличить ширину панели с закладками (Bookmarks Toolbar)? Причем желательно сверху пару пикселей прибавить, снизу вроде ок.

С помощью Customize > Density могу увеличить ширину только панели с кнопками вперед-назад, а не панели закладок.

userChrome.css сейчас такой:

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

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

/* Цвет панелей */
:root:not(:-moz-lwtheme) {
--toolbar-bgcolor: #F2F2F2 !important;
--toolbar-color: black !important;
}

/* Цвет menubar */
#toolbar-menubar {
background-color: var(--toolbar-bgcolor) !important;
color: var(--toolbar-color) !important;
}

/* Цвет меню */
#toolbar-menubar menubar > menu {
color: var(--toolbar-color) !important;
}

/* 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;
//background-color: #F2F2F2 !important;
}

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 1 !important;
border-top: 1px solid ThreeDShadow !important;
//background-color: #F2F2F2 !important;
}
/* #DAD6D2 #F0F0F0
menubar > * {
background-color: #F2F2F2 !important;
}
*/

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !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 !important;
display:block !important;
bottom: -0em; !important;
width: 100% !important;
}
#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: #C7C7C7 !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;
}

Отредактировано Retif (20-01-2020 10:12:55)

voqabuhe · №7567

А кнопки окна как бы убрать?

Отредактировано voqabuhe (20-01-2020 11:00:57)

sandro79 · №7568

Retif пишет

Подскажите плиз, а можно как-то увеличить ширину панели с закладками (Bookmarks Toolbar)? Причем желательно сверху пару пикселей прибавить, снизу вроде ок.

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

Выделить код

Код:

#PlacesToolbarItems {
    padding-top: 2px !important;
    padding-bottom: 0px !important;
}

Retif · №7569

sandro79, спасибо, то что надо :beer:

Retif · №7570

А вот ещё момент, нельзя ли там же увеличить ширину выделяемой/нажимаемой ссылки? А то увеличил саму панель, а сами закладки на ней такие же узкие остались:

sandro79 · №7571

Retif пишет

А вот ещё момент, нельзя ли там же увеличить ширину выделяемой/нажимаемой ссылки?

Попробуйте так, но наверное предыдущий код тогда можно не использовать.

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

Выделить код

Код:

#PersonalToolbar {
  min-height: 26px !important;
}

На снимке ниже - 40px

Может вам ещё посмотреть что-то из стилей отсюда, точнее три стиля с именами buttons_on_bookmarks_toolbar_

Retif · №7572

sandro79, спасибо, то что надо.

xrun1 · №7573

Dumby

file.initWithPath("C:\\Program Files\\AkelPad\\AkelPad.exe");

Так действительно работает.
А вот это не хочет

Выделить код

Код:

var file = Services.dirsvc.get('ProfD', Ci.nsIFile);
file.append("owa10_13.exe");

Пришлось прописывать полный путь по аналогии с Akelpad.
И не работают кнопки, в которых вместо onCommand: function(event) используется onBuild: function(document). Если вставляю такую кнопку в user_chrome_files\custom_scripts\custom_script.js все остальные тоже отваливаются.
Вот пример

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

Выделить код

Код:

try {
    CustomizableUI.createWidget({
        id: "add-personalization-button-app",
        label: "Дополнения Настройки Персонализация",
        type: "custom",
        tooltiptext: ${"`ЛКМ: Дополнения\nСКМ: Настройки\nПКМ: Персонализация...\nAlt+ПКМ: about:about\nCtrl+ПКМ: about:config\nShift+ПКМ: about:support`"},
        onBuild: function(document) {
            var toolbarbutton_0 = document.createElementNS(ns_xul, "toolbarbutton");
            toolbarbutton_0.id = "add-personalization-button-app";
            toolbarbutton_0.setAttribute("label", "Дополнения Настройки Персонализация");
            toolbarbutton_0.setAttribute("context", false);
            toolbarbutton_0.setAttribute("tooltiptext", ${"`ЛКМ: Дополнения\nСКМ: Настройки\nПКМ: Персонализация...\nAlt+ПКМ: about:about\nCtrl+ПКМ: about:config\nShift+ПКМ: about:support`"});
            toolbarbutton_0.addEventListener("click", function(event) {
                var win = event.target.ownerDocument.defaultView;
                win.SidebarUI.hide();
                if (event.button == 0) {
                    win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:addons');
                }
                if (event.button == 1) {
                    win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:preferences');
                }
                if (event.button == 2) {
                    event.preventDefault();
                    event.stopPropagation();
                    if (event.altKey)
                        win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:about');
                    else if (event.ctrlKey)
                            win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:config');
                         else if (event.shiftKey)
                            win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:support');
                    else
                        win.gCustomizeMode.enter();
                }
            }, false);
            toolbarbutton_0.classList.add("toolbarbutton-1");
            toolbarbutton_0.classList.add("chromeclass-toolbar-additional");
            return toolbarbutton_0;
        }
    });
} catch(e) {}

Что здесь не так?

Dumby · №7574

xrun1 пишет

А вот это не хочет

Ну не знаю. Скопировал в папку профиля виндовский калькулятор calc.exe,
переименовал в owa10_13.exe, и... вполне себе запускается.

xrun1 пишет

Что здесь не так?

Есть пара моментов

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

1. Не определён ns_xul. Следует
либо захардкодить прямо первым аргументом в createElementNS(),
либо определить внутри метода onBuild() через {var, let, const} ns_xul = "...
либо так же, но top level, чтобы использовать и в других частях кода,
либо ещё как-то, ну или просто заменить методом createXULElement().

2. Нужно привести в порядок tooltiptext, здесь же не «строка в строке».
И да, если есть ошибка в синтаксисе, то весь код встанет враскоряку целиком,
и никакой try catch, разумеется, не спасёт.

Выделить код

Код:

try {
    CustomizableUI.createWidget({
        id: "add-personalization-button-app",
        type: "custom",
        tooltiptext: [
            "ЛКМ: Дополнения",
            "СКМ: Настройки",
            "ПКМ: Персонализация...",
            "Alt+ПКМ: about:about",
            "Ctrl+ПКМ: about:config",
            "Shift+ПКМ: about:support"
        ].join("\n"),
        onBuild: function(document) {
            var toolbarbutton_0 = document.createXULElement("toolbarbutton");

            toolbarbutton_0.id = this.id;
            toolbarbutton_0.tooltipText = this.tooltiptext;
            toolbarbutton_0.label = "Дополнения Настройки Персонализация";
            //toolbarbutton_0.image = "about:logo";

            toolbarbutton_0.setAttribute("context", false);
            toolbarbutton_0.addEventListener("click", function(event) {
                var win = event.target.ownerDocument.defaultView;
                win.SidebarUI.hide();
                if (event.button == 0) {
                    win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:addons');
                }
                if (event.button == 1) {
                    win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:preferences');
                }
                if (event.button == 2) {
                    event.preventDefault();
                    event.stopPropagation();
                    if (event.altKey)
                        win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:about');
                    else if (event.ctrlKey)
                            win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:config');
                         else if (event.shiftKey)
                            win.gBrowser.selectedTab = win.gBrowser.addTrustedTab('about:support');
                    else
                        win.gCustomizeMode.enter();
                }
            }, false);
            toolbarbutton_0.classList.add("toolbarbutton-1");
            toolbarbutton_0.classList.add("chromeclass-toolbar-additional");
            return toolbarbutton_0;
        }
    });
} catch(e) {}

sonyas75 · №7575

здрасти. вот пробую перейти с 57 на 72. р̶е̶ш̶и̶л̶ ̶н̶е̶ ̶з̶а̶м̶о̶р̶а̶ч̶и̶в̶а̶т̶ь̶с̶я̶ ̶с̶ ̶С̶В̶,̶ ̶н̶е̶ ̶п̶о̶д̶с̶к̶а̶ж̶и̶т̶е̶,̶ ̶в̶о̶з̶м̶о̶ж̶н̶о̶ ̶л̶и̶ ̶с̶р̶е̶д̶с̶т̶в̶а̶м̶и̶ ̶c̶s̶s̶ ̶р̶е̶а̶л̶и̶з̶о̶в̶а̶т̶ь̶ ̶"̶а̶к̶т̶и̶в̶и̶р̶о̶в̶а̶т̶ь̶ ̶в̶к̶л̶а̶д̶к̶у̶ ̶н̶а̶в̶е̶д̶е̶н̶и̶е̶м̶ ̶к̶у̶р̶с̶о̶р̶а̶"̶?̶

заморочился

Отредактировано sonyas75 (21-01-2020 11:40:37)

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

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

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

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

Код:

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

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

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

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

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

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

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

Код:

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

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

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

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

Код:

Код:

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

Код:

Код:

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

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

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

Код:

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

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

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

Код:

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

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

Код:

Код:

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

Код:

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

Board footer