Наши проекты Mozilla Россия MozUtil Bugzilla Планета

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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

Страницы: « 1 … 511 512 513 514 515 … 564 # »

№1280110-05-2023 14:25:04

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

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

https://forum.mozilla-russia.org/viewtopic.php?pid=803009#p803009

грубо пол года работало. с нынешним обновлением код перестал работать

Отредактировано tagnupip (10-05-2023 14:29:39)

Отсутствует

 

№1280210-05-2023 15:32:04

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

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

Retif пишет

И опять нифига :( Белый так и остался. Только у меня панель вкладок внизу окна.

С вкладками внизу не работает, попробуйте к коду для изменения цвета панели вкладок добавить этот селектор -> #TabsToolbar-customization-target


tagnupip пишет

https://forum.mozilla-russia.org/viewtopic.php?pid=803009#p803009

грубо пол года работало. с нынешним обновлением код перестал работать

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
:root {
  --newtab-primary-action-background: transparent !important;
}
}

Win7

Отсутствует

 

№1280310-05-2023 16:33:38

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 113.0

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

kokoss пишет

С вкладками внизу не работает, попробуйте к коду для изменения цвета панели вкладок добавить этот селектор -> #TabsToolbar-customization-target

Вроде так заработало, спасибо. Я вообще правильно написал, так имелось в виду?

Выделить код

Код:

/* tabs toolbar background */
#main-window #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme),
#main-window #navigator-toolbox #TabsToolbar:-moz-lwtheme,
#main-window #navigator-toolbox #TabsToolbar
#TabsToolbar-customization-target{
  background: #C7C7C7 !important;
}

Отсутствует

 

№1280410-05-2023 17:03:36

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

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

Retif пишет

Я вообще правильно написал, так имелось в виду?

Правильно, только в конце третей строки добавьте запятую.

Win7

Отсутствует

 

№1280510-05-2023 20:18:22

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

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

egorsemenov06
https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888

Win7

Отсутствует

 

№1280610-05-2023 20:37:00

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

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

egorsemenov06
Попробуйте применить и к этому -> https://forum.mozilla-russia.org/viewto … 09#p804909

Win7

Отсутствует

 

№1280710-05-2023 20:41:55

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

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

В [firefox] 113 у меня окончательно отвалился скрипт скроллбара. Уж и не помню, сколько лет им пользовался.

скрипт с моими правками

Выделить код

Код:

"use strict";

/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ******************************************************************************************** */

/* ***********************************************************************************************

 README
 
 !!! Important !!!
 
 Preferences have to be set to false, for this to work on recent Firefox builds (102+)
 
 about:config >
 widget.windows.overlay-scrollbars.enabled > false (Windows)
 widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)
 
 
 [!] 'Method 2' is required to prepare Firefox for custom JavaScript files
 [!] 'custom_scrollbars.uc.js' file belongs into Firefox profiles 'chrome' folder!
 -> finding profile folder: address bar > about:profiles > Root Directory > Open Folder
 -> add file to \chrome\ folder (create one, if needed)

 [!] STARTUP CACHE HAS TO BE DELETED AFTER EVERY CHANGE!
 -> finding 'startupCache' folder: address bar > about:profiles > Local Directory > Open Folder > startupCache
 -> close Firefox
 -> delete 'startupCache' folders content

 ENABLING options > set var to true
 DISABLING options > set var to false
 Modifying appearance > change values
 - color - name: red, blue, transparent / hex code: #33CCFF, #FFF
 - color - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8)
 - numbers: 1, 2, 3 ... 10, 11, 12 ...
 - opacity: 0.0 to 1.0 e.g. 1.4, 1,75
 - gradients: linear-gradient(direction, color, color, color)
 - gradients example: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 - predefined gradients: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
 - button size with arrow (descriptions for vertical scrollbars - analogous for horizontal scrollbars)
 -- 1: space above arrow = arrow height
 -- 1.5: space above arrow = 0.5 * arrow height
 -- 2: no space above arrow
 
 NOTE
 - This is a tiny collection of scrollbar tweaks, not a port of 'NewScrollbars' add-on!
 - Small scrollbar width values will corrupt some parts of the ui!
 
*********************************************************************************************** */

// GENERAL SCROLLBAR SETTINGS
var hide_scrollbars = false; // default: hide_scrollbars = false
var hide_scrollbar_buttons = false; // default: hide_scrollbar_buttons = false
var custom_scrollbar_size = true; // default: custom_scrollbar_size = false
var custom_scrollbar_size_value = 7; // in px // default: custom_scrollbar_size_value = 17
var custom_scrollbar_opacity = false; // default: custom_scrollbar_opacity = false
var custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// floating scrollbars
var enable_scrollbars_on_top_of_webcontent = false; // default: enable_scrollbars_on_top_of_webcontent = false // uses 'custom_scrollbar_size_value' inside its code
// custom scrollbars
var enable_custom_scrollbars = true; // default: enable_custom_scrollbars = true

// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var cs_thumb_border = 0; // in px // default: cs_thumb_border = 0
var cs_thumb_roundness = 0; // in px // default: cs_thumb_roundness = 0
var cs_buttons_roundness = 0; // in px // default: cs_buttons_roundness = 0
var cs_buttons_as_arrows = false; // default: cs_buttons_as_arrows = false // uses 'custom_scrollbar_size_value' inside its code
var cs_arrows_on_buttons = true; // default: cs_arrows_on_buttons = true // uses 'custom_scrollbar_size_value' inside its code
// button size with arrow - 1: space above arrow = arrow height // 1.5: space above arrow = 0.5 * arrow height // 2: no space above arrow
var cs_arrows_on_buttons_buttons_size = 1; // default: cs_arrows_on_buttons_buttons_size = 1.5
// 'flat' scrollbars
var cs_ignore_color_gradients = false; // default: cs_ignore_color_gradients = false

var cs_thumb_minimal_size = 12; // in px

// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "#44944A" // Арлекин, default: cs_background_color = "#DDDDDD"
var cs_background_image_vertical = "unset" // "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_vertical = "unset"
var cs_background_image_horizontal = "unset" // "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_horizontal = "unset"
// - corner
var cs_corner_background_color = "#98FB98" // "#DDDDDD"; // default: cs_corner_background_color = "#DDDDDD"
var cs_corner_background_image = "unset" // "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"; // default: cs_corner_background_image = "unset"
// - thumb/slider
var cs_thumb_color = "#E48080" // "#33CCFF"; // default: cs_thumb_color = "#33CCFF"
var cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_vertical = "unset"
var cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "unset"
var cs_thumb_hover_color = "#FF0000" // "#66FFFF"; // default: cs_thumb_hover_color = "#66FFFF"
var cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_vertical = "unset"
var cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "unset"
var cs_thumb_border_color = "#33CCFF"; // default: cs_thumb_border_color = "#33CCFF"
// - buttons
var cs_buttons_color = "#66FFFF"; // default: cs_buttons_color = "#66FFFF"
var cs_buttons_image_vertical = "unset" // "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_vertical = "unset"
var cs_buttons_image_horizontal = "unset" // "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_horizontal = "unset"
var cs_buttons_hover_color = "#0000FF" // "#33CCFF"; // default: cs_buttons_hover_color = "#33CCFF"
var cs_buttons_hover_image_vertical = "unset" // "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_vertical = "unset"
var cs_buttons_hover_image_horizontal = "unset" // "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_horizontal = "unset"
// - button arrows
var cs_arrows_on_buttons_color = "#000000" //"#33CCFF"; // default: cs_arrows_on_buttons_color = "#33CCFF"
var cs_arrows_on_buttons_hover_color = "#E48080" // "#66FFFF"; // default: cs_arrows_on_buttons_hover_color = "#66FFFF"

// unset background image color gradients -> flat scrollbars
if(cs_ignore_color_gradients==true)
  cs_background_image_vertical
  =cs_background_image_horizontal
  =cs_corner_background_image=cs_thumb_image_vertical
  =cs_thumb_image_horizontal
  =cs_thumb_hover_image_vertical
  =cs_thumb_hover_image_horizontal
  =cs_buttons_image_vertical
  =cs_buttons_image_horizontal
  =cs_buttons_hover_image_vertical
  =cs_buttons_hover_image_horizontal
  ="unset";

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */


// Scrollbar code

Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

var custom_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton {\
    -moz-appearance: none !important;\
    appearance: none !important;\
  }\
  scrollbar {\
    background-color: '+cs_background_color+' !important;\
  }\
  scrollbar[orient="vertical"] {\
    background-image: '+cs_background_image_vertical+' !important;\
  }\
  scrollbar[orient="horizontal"] {\
    background-image: '+cs_background_image_horizontal+' !important;\
  }\
  scrollcorner {\
    background-color: '+cs_corner_background_color+' !important;\
    background-image: '+cs_corner_background_image+' !important;\
  }\
  scrollbar thumb {\
    background-color: '+cs_thumb_color+' !important;\
    border-radius: '+cs_thumb_roundness+'px !important;\
    border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important;\
  }\
  scrollbar thumb[orient="vertical"] {\
    background-image: '+cs_thumb_image_vertical+' !important;\
    min-height: '+(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)+'px !important;\
  }\
  scrollbar thumb[orient="horizontal"] {\
    background-image: '+cs_thumb_image_horizontal+' !important;\
    min-width: '+(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)+'px !important;\
  }\
  scrollbar thumb:hover, scrollbar thumb:active {\
    background-color: '+cs_thumb_hover_color+' !important;\
  }\
  scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active {\
    background-image: '+cs_thumb_hover_image_vertical+' !important;\
  }\
  scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {\
    background-image: '+cs_thumb_hover_image_horizontal+' !important;\
  }\
  scrollbar scrollbarbutton {\
    background-color: '+cs_buttons_color+' !important;\
    border-radius: '+cs_buttons_roundness+'px !important;\
  }\
  scrollbar[orient="vertical"] scrollbarbutton {\
    background-image: '+cs_buttons_image_vertical+' !important;\
  }\
  scrollbar[orient="horizontal"] scrollbarbutton {\
    background-image: '+cs_buttons_image_horizontal+' !important;\
  }\
  scrollbar scrollbarbutton:hover {\
    background-color: '+cs_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="vertical"] scrollbarbutton:hover {\
    background-image: '+cs_buttons_hover_image_vertical+' !important;\
  }\
  scrollbar[orient="horizontal"] scrollbarbutton:hover {\
    background-image: '+cs_buttons_hover_image_horizontal+' !important;\
  }\
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var cs_scrollbars_scrollbar_button_arrows = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar scrollbarbutton, \
  scrollbar[orient="vertical"] scrollbarbutton,\
  scrollbar[orient="horizontal"] scrollbarbutton, \
  scrollbar[orient="vertical"] scrollbarbutton:hover,\
  scrollbar[orient="horizontal"] scrollbarbutton:hover {\
    background-color: unset !important;\
    background-image: unset !important;\
    border-radius: 0px !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton {\
    min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    min-width: '+custom_scrollbar_size_value+'px !important;\
    width: '+custom_scrollbar_size_value+'px !important;\
    max-width: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton {\
    min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    min-height: '+custom_scrollbar_size_value+'px !important;\
    height: '+custom_scrollbar_size_value+'px !important;\
    max-height: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var cs_scrollbars_arrows_on_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar scrollbarbutton, \
  scrollbar[orient="vertical"] scrollbarbutton,\
  scrollbar[orient="horizontal"] scrollbarbutton, \
  scrollbar[orient="vertical"] scrollbarbutton:hover,\
  scrollbar[orient="horizontal"] scrollbarbutton:hover {\
    border-radius: 0px !important;\
  }\
  \
  scrollbar[orient="vertical"] > scrollbarbutton {\
    min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    min-width: '+custom_scrollbar_size_value+'px !important;\
    width: '+custom_scrollbar_size_value+'px !important;\
    max-width: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton {\
    min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    min-height: '+custom_scrollbar_size_value+'px !important;\
    height: '+custom_scrollbar_size_value+'px !important;\
    max-height: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar scrollbarbutton {\
    opacity: 0 !important;\
  }\
  scrollbar[orient="vertical"] scrollbarbutton {\
    min-height: 1px !important;\
    height: 1px !important;\
    max-height: 1px !important;\
  }\
  scrollbar[orient="horizontal"] scrollbarbutton {\
    min-width: 1px !important;\
    width: 1px !important;\
    max-width: 1px !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_size = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar[orient="vertical"] scrollbarbutton {\
    min-width: 0 !important;\
    width: '+custom_scrollbar_size_value+'px !important;\
    max-width: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="horizontal"] scrollbarbutton {\
    min-height: 0 !important;\
    height: '+custom_scrollbar_size_value+'px !important;\
    max-height: '+custom_scrollbar_size_value+'px !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var floating_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar {\
    position: relative !important;\
    z-index: 1000000000 !important;\
  }\
  scrollbar[orient="vertical"],\
  scrollbar[orient="horizontal"],\
  scrollbar, scrollcorner {\
    background-color: transparent !important; \
    background-image: unset !important; \
  }\
  scrollbar[orient="vertical"] {\
    margin-inline-start: -'+custom_scrollbar_size_value+'px !important;\
    width: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="horizontal"] {\
    margin-top: -'+custom_scrollbar_size_value+'px !important;\
    height: '+custom_scrollbar_size_value+'px !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_opacity = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar {\
    opacity: '+custom_opacity_value+' !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var remove_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar, scrollcorner {\
    display: none !important;\
    visibility: collapse !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// enable settings as configured above
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(cs_buttons_as_arrows==true && hide_scrollbars==false) cs_scrollbars_scrollbar_button_arrows.init();
if(cs_arrows_on_buttons==true && cs_buttons_as_arrows==false && hide_scrollbars==false) cs_scrollbars_arrows_on_buttons.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_size==true) scrollbar_size.init();
if(enable_scrollbars_on_top_of_webcontent==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();


картинка
scroll-bar.png

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

Отсутствует

 

№1280810-05-2023 20:42:41

shurff
Участник
 
Группа: Members
Зарегистрирован: 12-04-2011
Сообщений: 53
UA: Firefox 113.0

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

Использовал вот этот стиль https://forum.mozilla-russia.org/viewto … 10#p784310 с вкладками под адресной строкой. После обновления до 113 версии, отображаться стало коряво. Вот так https://radikal.host/i/XxSNoE. Как вернуть вкладки под адресную строку и убрать пустое пространство между панелью меню и адресной строкой?

Отредактировано shurff (10-05-2023 20:43:30)

Отсутствует

 

№1280910-05-2023 21:14:18

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 599
UA: Firefox 113.0

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

egorsemenov06 пишет

-moz-box-orient: horizontal--> flex-direction: ??????

Попробуйте: flex-direction: row !important;


-moz-box-direction: reverse !important; попробуйте заменить на: flex-direction: row-reverse !important;

Отредактировано unter_officer (10-05-2023 21:18:11)

«The Truth Is Out There»

Отсутствует

 

№1281010-05-2023 21:47:23

spikers85
Участник
 
Группа: Members
Откуда: Самара
Зарегистрирован: 19-01-2015
Сообщений: 13
UA: Firefox 113.0
Веб-сайт

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

shurff пишет

Использовал вот этот стиль https://forum.mozilla-russia.org/viewto … 10#p784310 с вкладками под адресной строкой. После обновления до 113 версии, отображаться стало коряво. Вот так https://radikal.host/i/XxSNoE. Как вернуть вкладки под адресную строку и убрать пустое пространство между панелью меню и адресной строкой?

Точно такая же кривизна.

Нужен css код вернуть вкладки под адресную строку!

Отсутствует

 

№1281110-05-2023 22:12:05

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

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

spikers85
shurff
Ведь две страницы только об этом и разговаривают и уже четыре раза ссылку запостили. Держите пятый раз - https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888
И там и здесь за два дня посты перечитайте.

Отсутствует

 

№1281210-05-2023 22:37:48

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 599
UA: Firefox 113.0

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

_zt пишет

Держите пятый раз - https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888

Кстати в той же теме, чуть ниже, Dumby давал еще одну ссылку.
Что-то типа "памятки" по замене разных -moz-box - https://bugzilla.mozilla.org/show_bug.cgi?id=1820744#c1

«The Truth Is Out There»

Отсутствует

 

№1281310-05-2023 22:45:56

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

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

xrun1
Вот такой мелкий нужен?
widget.non-native-theme.scrollbar.style = 3, только кнопок не будет.
А цвета настройте этим стилем.

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

Выделить код

Код:

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

/* Ширина и наличие кнопок перемотки регулируется через about:config :
 * По умолчанию - 0, MacOs - 1 (без кнопок), GTK - 2 (без кнопок),
 * Android - 3 (без кнопок), Windows 10 - 4, Windows 11 - 5 ***//*
user_pref("widget.non-native-theme.scrollbar.style", 2);
// Наложенный скролбар + скрытие, через ~3сек неактивности (с метками поиска)
user_pref("ui.useOverlayScrollbars", 1); /***/

scrollbar, scrollcorner, html|select {
    --v-scrollbar-background-color: rgba(100,100,100,.4) !important;
    --v-scrollbar-background-color-hover: rgba(100,100,100,.5) !important;
    --v-scrollbar-background-color-active: rgba(100,100,100,.6) !important;
    --v-scrollbar-border-radius: 5px !important;
    --v-scrollbar-min-size: 7px !important; /* влияет только на размер кнопок */
    --v-scrollbar-dn-image: url("./svg/arrow-dn.svg");
    --v-scrollbar-up-image: url("./svg/arrow-up.svg");
    --v-scrollbar-rit-image: url("./svg/arrow-rit.svg");
    --v-scrollbar-lft-image: url("./svg/arrow-lft.svg");
    --v-scrollbar-image-size: 5px !important; /* значок кнопок перемотки, 0 что б скрыть */
}
/* ************************************************ */

/* Скроллбар, dropmarker */
scrollbar {
/*    -moz-appearance: none !important;
    appearance: none !important; /**/
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
scrollbar[root="true"] {
    position: relative !important;
    z-index: 2147483647 !important;
}
scrollbar[root="true"][orient="vertical"] {
    margin-left: calc(-1 * var(--v-scrollbar-min-size)) !important;
}
scrollbar[root="true"][orient="horizontal"] {
    margin-top: calc(-1 * var(--v-scrollbar-min-size)) !important;
}
scrollcorner {
    -moz-appearance: none !important;
    appearance: none !important;
    width: var(--v-scrollbar-min-size) !important;
    height: var(--v-scrollbar-min-size) !important;
    background: none !important;
    border: none !important;
}
scrollbar > slider {
    -moz-appearance: none !important;
    appearance: none !important;
    background: none !important;
    border: none !important;
}
scrollbar > slider > thumb,
scrollbar > scrollbarbutton,
html|*:not(html|select) > scrollbar > slider > thumb,
html|select > html|button {
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    border-radius: var(--v-scrollbar-border-radius) !important;
    background-color: var(--v-scrollbar-background-color) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: var(--v-scrollbar-image-size) !important;
}
scrollbar[orient="vertical"],
scrollbar[orient="vertical"] > slider,
scrollbar[orient="vertical"] > slider > thumb {
    min-width: var(--v-scrollbar-min-size) !important;
    max-width: var(--v-scrollbar-min-size) !important;
}
scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"] > slider,
scrollbar[orient="horizontal"] > slider > thumb {
    min-height: var(--v-scrollbar-min-size) !important;
    max-height: var(--v-scrollbar-min-size) !important;
}
scrollbar > scrollbarbutton {
    min-width: var(--v-scrollbar-min-size) !important;
    min-height: var(--v-scrollbar-min-size) !important;
}
scrollbar > slider > thumb:hover,
scrollbar > scrollbarbutton:not([disabled="true"]):hover {
    background-color: var(--v-scrollbar-background-color-hover) !important;
}
scrollbar > slider > thumb:active,
scrollbar > scrollbarbutton:not([disabled="true"]):active,
html|select > html|button:active {
    background-color: var(--v-scrollbar-background-color-active) !important;
}
html|select > html|button {
    background-image: var(--v-scrollbar-dn-image) !important;
}
scrollbar > scrollbarbutton[type="increment"],
html|select > html|button[orientation="right"] {
    background-image: var(--v-scrollbar-rit-image) !important;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
    background-image: var(--v-scrollbar-dn-image) !important;
}
scrollbar > scrollbarbutton[type="decrement"],
html|select > html|button[orientation="left"] {
    background-image: var(--v-scrollbar-lft-image) !important;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
    background-image: var(--v-scrollbar-up-image) !important;
}
scrollbar > scrollbarbutton[disabled="true"] {
    opacity: 0.5 !important;
}


Это стиль из full_theme, подключается в CustomStylesScripts.jsm >> stylesall: [ // Для всех документов >> строкой -
         { path: "scrollbars.css", type: "AGENT_SHEET", sheet() { registerSheet(this); }, }, // <-- Скроллбар
Закомментированные две строки с "appearance" пока не стоит удалять, возможно они со следующим обновлением как то заработают.

Отсутствует

 

№1281411-05-2023 06:59:03

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 113.0

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

_zt
Честно сказать, не нашел в стиле (по указанной ссылке) строки, в которые необходимо внести изменения. Просто физически не хватает времени и сил. Голова не пашет. Подскажите, где, пожалуйста:

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

Выделить код

Код:

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

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

#add-open-directories-button {
    list-style-image: url("./svg/user-home-16.svg") !important;
}

#add-open-about-config-button {
    list-style-image: url("./svg/about-config-16.svg") !important;
}

*|*:root:-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;
    position: relative !important;
    z-index: 2 !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[v_vertical_bar_start="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"][v_vertical_bar_start="false"] {
    margin-inline-start: -100px !important;
    margin-inline-end: 0 !important;
}

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

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

#add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="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"][v_vertical_bar_start="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"][v_vertical_bar_start="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"][v_vertical_bar_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)[v_vertical_bar_visible] > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="false"][v_vertical_bar_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"][v_vertical_bar_start="false"]:-moz-locale-dir(rtl)[v_vertical_bar_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;
    }
}

*|*:root[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;
}


У меня старый css, последний не могу включить. Но помню, что, когда обновлял UCF, MozBackup не восстанавливал профиль.

Отредактировано ofizer (11-05-2023 08:49:04)

Отсутствует

 

№1281511-05-2023 07:54:47

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 237
UA: Firefox 113.0

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

Как теперь пункты меню менять местами?
До 113 это работало

Выделить код

Код:

display: -moz-box;
-moz-box-flex: 1;

Поменял на новые селекторы, но не пашет.

Выделить код

Код:

display: flex;
flex-grow: 1;

Отредактировано momo2000 (11-05-2023 08:11:44)

Отсутствует

 

№1281611-05-2023 08:47:41

spikers85
Участник
 
Группа: Members
Откуда: Самара
Зарегистрирован: 19-01-2015
Сообщений: 13
UA: Firefox 113.0
Веб-сайт

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

_zt пишет

spikers85
shurff
Ведь две страницы только об этом и разговаривают и уже четыре раза ссылку запостили. Держите пятый раз - https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888
И там и здесь за два дня посты перечитайте.


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

Отсутствует

 

№1281711-05-2023 09:50:08

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

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

ofizer
Поменял по аналогии, конечно не факт что заработает.

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

Выделить код

Код:

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

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

#add-open-directories-button {
    list-style-image: url("./svg/user-home-16.svg") !important;
}

#add-open-about-config-button {
    list-style-image: url("./svg/about-config-16.svg") !important;
}

*|*:root:-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;
    position: relative !important;
    z-index: 2 !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;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-direction: column !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[v_vertical_bar_start="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 {
    flex-direction: column !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"][v_vertical_bar_start="false"] {
    margin-inline-start: -100px !important;
    margin-inline-end: 0 !important;
}

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

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

#add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="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"][v_vertical_bar_start="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"][v_vertical_bar_start="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"][v_vertical_bar_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)[v_vertical_bar_visible] > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="false"][v_vertical_bar_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"][v_vertical_bar_start="false"]:-moz-locale-dir(rtl)[v_vertical_bar_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;
    }
}

*|*:root[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;
}

MozBackup не восстанавливал профиль.

Ну и выкиньте его, бэкап батником делается или вообще вручную. Выбрали нужные файлы -> ПКМ -> любимый архиватор -> добавить в архив.
   
Добавлено 11-05-2023 10:00:49
spikers85
Да, рыбы там нет, но есть удочка. За "полчаса копаний" вы этот пост не нашли? - https://forum.mozilla-russia.org/viewtopic.php?pid=804898#p804898
   
Пробуйте заменить все -moz-box-ordinal-group: на order: , если результата не будет или он будет неполным, то, возможно, значение 0 и/или 1 придется понизить до -1 и 0, соответственно (но это не точно). У меня на весь браузер и все скрипты/стили, только в меню сайдбара это понадобилось.

Отредактировано _zt (11-05-2023 10:03:43)

Отсутствует

 

№1281811-05-2023 10:10:15

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

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

momo2000 пишет

Как теперь пункты меню менять местами?

Как вариант -> https://developer.mozilla.org/ru/docs/Web/CSS/order

Win7

Отсутствует

 

№1281911-05-2023 10:27:43

shurff
Участник
 
Группа: Members
Зарегистрирован: 12-04-2011
Сообщений: 53
UA: Firefox 113.0

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

_zt пишет

Да, рыбы там нет, но есть удочка. За "полчаса копаний" вы этот пост не нашли? - https://forum.mozilla-russia.org/viewtopic.php?pid=804898#p804898

Спасибо Друже! Все получилось!Добавил Рядом с  -moz-box-ordinal-group: 0 !important;    order: -1 !important; и вкладки вернулись на место. Главное чтоб опять разработчики не мудрили дальше.

Отредактировано shurff (11-05-2023 10:30:07)

Отсутствует

 

№1282011-05-2023 11:38:21

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

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

_zt
Спасибо. Ещё бы сам скроллбар перекрасить, а не только ползунок. Но с этим, надеюсь, вечером разберусь.
Осталось придумать, что делать с скроллбаром истории в адресной строке. У меня там browser.urlbar.maxRichResults = 50
Подобрал ширину. У меня кнопки расползлись слегка на панели. С ними теперь возиться. Весёлое обновление для тех, кто любит настраивать свой внешний вид в браузере. :D

Отредактировано xrun1 (11-05-2023 12:07:10)

Отсутствует

 

№1282111-05-2023 14:55:24

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

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

xrun1 пишет

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

Свистните, как разберетесь. :)

Отсутствует

 

№1282211-05-2023 15:44:07

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

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

/* Ширина и наличие кнопок перемотки регулируется через about:config :
* По умолчанию - 0, MacOs - 1 (без кнопок), GTK - 2 (без кнопок),
* Android - 3 (без кнопок), Windows 10 - 4, Windows 11 - 5 ***/
user_pref("widget.non-native-theme.scrollbar.style", 2);
// Переопределить размер скролбара для не нативных тем (т.е. когда преф выше = 2 или 3)
user_pref("widget.non-native-theme.scrollbar.size.override", 3);
// Наложенный скролбар (прозрачный без наведения) + скрытие слайдера, через ~3сек неактивности (с метками поиска)
user_pref("ui.useOverlayScrollbars", 1);

Отсутствует

 

№1282311-05-2023 16:56:26

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

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

_zt
Это я первым делом изучил и здесь видел --> https://forum.ru-board.com/topic.cgi?fo … art=3420#8.
Кнопочки 4 штуки можете прислать? Лень искать в инете.
Скроллбар перекрасить - добавить в стиль свой цвет

Выделить код

Код:

scrollbar > slider {
    -moz-appearance: none !important;
    appearance: none !important;
    background: #44944A !important; /* Арлекин; было none */
    border: none !important;
}

Отредактировано xrun1 (11-05-2023 17:07:11)

Отсутствует

 

№1282411-05-2023 18:58:25

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

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

xrun1 пишет

первым делом изучил

Плохо изучили, это не повтор, новое присутствует.

xrun1 пишет

scrollbar > slider

Ясно, для меня это не то. Там еще что то уровнем ниже есть, так как transparent не работает, а opacity убивает все, кроме нужного, самого нижнего фона.
Какой то root есть, а как до него достать непонятно.
   
svg.7z

Отсутствует

 

№1282511-05-2023 20:09:56

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

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

_zt пишет

svg.7z

Кнопок в скроллбаре нет, но сами кнопки пусть будут для порядка.:)

Отсутствует

 

Страницы: « 1 … 511 512 513 514 515 … 564 # »

Board footer

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