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

YrdErfgert · №5651

kokoss пишет

Если вы про значок воспроизведения аудио во вкладках, то за это отвечает строка_browser.tabs.showAudioPlayingIcon в about:config.

Посмотрел: в True значок появляется. Благодарю за подсказку.

Отредактировано YrdErfgert (02-02-2019 17:04:55)

Vitaliy V. · №5652

falcon1598 пишет

Помогите пожалуйста полностью убрать пункт "Новое приватное окно" в меню "файл".

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

Выделить код

Код:

#menu_newPrivateWindow {
    display: none !important;
}

m_nikolay
для [firefox]

65 +
#titlebar-buttonbox #titlebar-min #titlebar-max #titlebar-close
нужно заменить или добавить классы т.е. вместо # точку .

ещё см. стиль https://forum.mozilla-russia.org/viewto … 72#p765572
но на старых сборках [windows] 10 вероятно не заработает как должно
тогда пробуйте заменить
@media (-moz-windows-glass) {
на
@media (-moz-windows-compositor) {

Отредактировано Vitaliy V. (02-02-2019 17:30:38)

m_nikolay · №5653

Vitaliy V. пишет

для 65 +
#titlebar-buttonbox #titlebar-min #titlebar-max #titlebar-close
нужно заменить или добавить классы т.е. вместо # точку .

Благодарю от души! Это решение работает.

drage2 · №5654

Vitaliy V.
Я так понимаю,background: linear-gradient нельзя здесь задать?

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

Выделить код

Код:

scrollbar > slider > thumb,
scrollbar > scrollbarbutton,
html|select > html|button {
    -moz-appearance: none !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: Highlight !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 5px !important;
}

Vitaliy V. · №5655

drage2 пишет

нельзя здесь задать?

можно но не здесь, измени background-size: 5px, auto !important;

а сюда добавь примерно так

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

Выделить код

Код:

html|select > html|button {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to right, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar > scrollbarbutton[type="increment"],
html|select > html|button[orientation="right"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0.75,0 3.25,2.5 0.75,5 1.75,5 4.25,2.5 1.75,0 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to bottom, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to right, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar > scrollbarbutton[type="decrement"],
html|select > html|button[orientation="left"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 4.25,5 1.75,2.5 4.25,0 3.25,0 0.75,2.5 3.25,5 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to bottom, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,4.25 2.5,1.75 5,4.25 5,3.25 2.5,0.75 0,3.25 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to right, rgba(255,255,255,0.5), transparent) !important;
}

и в menulist > dropmarker { измени background-image: linear-gradient(to right, rgba(255,255,255,0.5), transparent) !important;

а чтобы ещё и при наведении, нажатии изменялся градиент делать лень, если нужно делай сам - добавляй :hover и :active

drage2 · №5656

Vitaliy V.
Получилось! Класс!!!

Подходит и в 61-64 , кому надо, то заменить код в дефолтном scrollbars , кстати, нашел микрокосячек scrollbar( cursor: default; ) - иначе мышки не видно кое-где

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

Выделить код

Код:

scrollbar * {
    -moz-appearance: none !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
    cursor: default;
}

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

Выделить код

Код:

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

/*Скроллбар, dropmarker*/
scrollbar,
scrollbar * {
    -moz-appearance: none !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
    cursor: default;
}

scrollbar[orient="vertical"] {
    -moz-margin-start: 0px !important;
    max-width: 10px !important;
    min-width: 10px !important;
    background-image: -moz-linear-gradient(to right, #D8D9DA, #EAEBEC, #E1E2E3);
        background-color: transparent;
    background-size: 10px 10px !important;
    box-shadow: 0 1px 6px hsla(0,0%,0%,.1) !important;
    background-repeat: repeat-y !important;
    background-position: 50% 0% !important;
    cursor: default;
}

scrollbar[orient="horizontal"] {
    margin-top: 0px !important;
    max-height: 10px !important;
    min-height: 10px !important;
      background-image: -moz-linear-gradient(#d1d2d4, #e3e4e6, #dadbdd);
      background-color: transparent;
    background-size: 10px 10px !important;
    background-repeat: repeat-x  !important;
    background-position: 0% 50% !important;
    cursor: default;
}

scrollbar thumb[orient="vertical"]:-moz-any(:hover,:active) {
    background: linear-gradient(to right, rgb(0, 196, 244), rgb(3, 96, 120))!important;
    border-radius: 0px !important;
    
}
scrollbar thumb[orient="horizontal"]:-moz-any(:hover,:active) {
    background: linear-gradient(rgb(0, 196, 244), rgb(3, 96, 120))!important;
    border-radius: 0px !important;
    
}
scrollbar > slider {
    -moz-appearance: none !important;
    background: none !important;
    border: none !important;
}

scrollbar thumb {
    border-radius: 12px !important;
    background-color: blue !important;
    transition: all 0.4s !important;
}

menulist > dropmarker {
    -moz-appearance: none !important;
    min-width: 10px !important;
    min-height: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0px !important;
    background-image: linear-gradient(to right, #79BCFF, #5555FF) !important;
    
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
    -moz-box-align: center !important;
    -moz-box-pack: center !important;
}

menulist > dropmarker image {
    min-width: 8px !important;
    min-height: 8px !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
scrollbar thumb[orient="vertical"] {
    min-height: 26px !important;
    width: 10px !important;
    min-width: 10px !important;
    max-width: 10px !important;
    background: linear-gradient(to right, #79BCFF, #5555FF) !important;
    border-radius: 0px !important;
}

scrollbar thumb[orient="horizontal"] {
    min-height: 26px !important;
    width: 10px !important;
    min-width: 10px !important;
    max-width: 10px !important;
    background: linear-gradient(#79BCFF, #5555FF) !important;
    border-radius: 0x !important;
}

scrollbar > slider > thumb,
scrollbar > scrollbarbutton,
html|select > html|button {
    -moz-appearance: none !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: #0080FF;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 8px, auto !important;
}

scrollbar[orient="vertical"],
scrollbar[orient="vertical"] > slider,
scrollbar[orient="vertical"] > slider > thumb {
    min-width: 10px !important;
    max-width: 10px !important;
}

scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"] > slider,
scrollbar[orient="horizontal"] > slider > thumb {
    min-height: 10px !important;
    max-height: 10px !important;
}

scrollbar > scrollbarbutton {
    min-width: 10px !important;
    min-height: 10px !important;
}


scrollbar > slider > thumb:-moz-any(:hover,:active),
scrollbar > scrollbarbutton:not([disabled="true"]):-moz-any(:hover,:active),
menulist > dropmarker:not([disabled="true"])[open="true"],
html|select > html|button:-moz-any(:hover,:active) {
    background-color: blue !important;
}

html|select > html|button {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to right, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar > scrollbarbutton[type="increment"],
html|select > html|button[orientation="right"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0.75,0 3.25,2.5 0.75,5 1.75,5 4.25,2.5 1.75,0 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to bottom, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to right, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar > scrollbarbutton[type="decrement"],
html|select > html|button[orientation="left"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 4.25,5 1.75,2.5 4.25,0 3.25,0 0.75,2.5 3.25,5 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to bottom, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,4.25 2.5,1.75 5,4.25 5,3.25 2.5,0.75 0,3.25 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to right, rgba(255,255,255,0.5), transparent) !important;
}

Отредактировано drage2 (03-02-2019 14:12:41)

Verevkin · №5657

Vitaliy V. пишет

drage2
это проблемы 61 версии там не работают переменные для скроллбара
можно без них

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

Выделить код

Код:

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

/*Скроллбар, dropmarker*/
scrollbar {
    -moz-appearance: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

scrollcorner {
    -moz-appearance: none !important;
    width: 7px !important;
    height: 7px !important;
    background: none !important;
    border: none !important;
}

html|html > scrollbar, html|html > scrollcorner {
    background: black !important;
}

scrollbar > slider {
    -moz-appearance: none !important;
    background: none !important;
    border: none !important;
}

menulist > dropmarker {
    -moz-appearance: none !important;
    min-width: 7px !important;
    min-height: 7px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: rgb(0,116,232) !important;
    background-image: none !important;
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
    -moz-box-align: center !important;
    -moz-box-pack: center !important;
}

menulist > dropmarker image {
    min-width: 5px !important;
    min-height: 5px !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

scrollbar > slider > thumb,
scrollbar > scrollbarbutton,
html|select > html|button {
    -moz-appearance: none !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: rgb(0,116,232) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 5px !important;
}

scrollbar[orient="vertical"],
scrollbar[orient="vertical"] > slider,
scrollbar[orient="vertical"] > slider > thumb {
    min-width: 7px !important;
    max-width: 7px !important;
}

scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"] > slider,
scrollbar[orient="horizontal"] > slider > thumb {
    min-height: 7px !important;
    max-height: 7px !important;
}

scrollbar > scrollbarbutton {
    min-width: 7px !important;
    min-height: 7px !important;
}

scrollbar > slider > thumb:hover,
scrollbar > scrollbarbutton:not([disabled="true"]):hover {
    background-color: rgb(23,139,255) !important;
}

scrollbar > slider > thumb:active,
scrollbar > scrollbarbutton:not([disabled="true"]):hover:active,
menulist > dropmarker:not([disabled="true"])[open="true"],
html|select > html|button:active {
    background-color: rgb(0,89,232) !important;
}

html|select > html|button {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar > scrollbarbutton[type="increment"],
html|select > html|button[orientation="right"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0.75,0 3.25,2.5 0.75,5 1.75,5 4.25,2.5 1.75,0 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar > scrollbarbutton[type="decrement"],
html|select > html|button[orientation="left"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 4.25,5 1.75,2.5 4.25,0 3.25,0 0.75,2.5 3.25,5 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,4.25 2.5,1.75 5,4.25 5,3.25 2.5,0.75 0,3.25 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar > scrollbarbutton[type="increment"][disabled="true"],
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"],
scrollbar > scrollbarbutton[type="decrement"][disabled="true"],
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"],
menulist > dropmarker[disabled="true"] {
    opacity: 0.5 !important;
}

Verevkin
тот же vertical_top_bottom_bar.zip https://github.com/VitaliyVstyle/Vitali … om_bar.zip
две другие панели можно не создавать, true заменить на false
в toolbars.xml
var t_enable = true; // true или false - создать дополнительную панель или нет
var b_enable = true; // true или false - создать нижнюю панель или нет
var v_enable = true; // true или false - создать вертикальную панель или нет

Спасибо. Создам новый профиль и попробую. Отпишусь о результатах.

ruslan1 · №5658

здравствуйте! дайте нубу файлик чтобы вкладки оказались под адресной строкой. спс

Garalf · №5659

Vitaliy V.
А последняя версия user_chrome_files.zip совместима с FF61?

Добавлено 03-02-2019 21:53:30
ruslan1
Здесь https://forum.mozilla-russia.org/viewto … 45#p766645 под спойлером

Отредактировано Garalf (03-02-2019 21:53:30)

m_nikolay · №5660

Vitaliy V.
Не сочтите за назойливость, у меня последний вопрос - можно ли сделать темный фон всплывающих окон на FireFox 60.5.0esr (64-бит)?
Вот здесь:

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

Применена вшитая темная тема. Не понравился мне FF 65.0

Я благодарен вам за вашу работу!

Джархан · №5661

Как сделать эти белые кнопки чёрными? Все кнопки чёрные, а эти - белые. Некрасиво!

Vitaliy V. · №5662

Garalf пишет

А последняя версия user_chrome_files.zip совместима с FF61?

да конечно, пойдёт и [firefox] 52 +

m_nikolay пишет

можно ли сделать темный фон всплывающих окон на FireFox 60.5.0esr (64-бит)?
Вот здесь:

для menupopup есть стиль https://forum.mozilla-russia.org/viewto … 65#p764365
но в 60.5.0esr он примениться не полностью потому что userChrome.css
не сможет переопределить некоторые правила с !important в agent листах

скрин

хотя попробуйте может на [windows]

нормально, если нет то можно использовать user_chrome_files.zip (вместо vertical_top_bottom_bar) https://github.com/VitaliyVstyle/Vitali … _files.zip
в настройках включить Подключить стили с agent_style.css ...

для других popup у меня стиля нет и смысла его делать тоже нет т.к. темы работают и в 60.5.0esr
моя тема https://github.com/VitaliyVstyle/Vitali … .12.14.xpi
или там посмотрите похожие https://addons.mozilla.org/ru/firefox/a … -theme-we/
ну или сделайте сами там всего-то указать цвета в manifest.json

Джархан
попробуйте стиль
https://forum.mozilla-russia.org/viewto … 72#p765572

Отредактировано Vitaliy V. (04-02-2019 00:54:31)

ruslan1 · №5663

за вкладки внизу спасибо. ещё такой вопрос. не подскажите где можно найти кнопку на панель инструментов которая перегружает браузер как это было в Classic Theme Restorer ?

m_nikolay · №5664

Vitaliy V.
Всё получилось. Установил вашу тему, подправил цвета по своим предпочтениям и получил желаемое.
Очень признателен за помощь. Всего вам наилучшего!

Verevkin · №5665

Vitaliy V. пишет

drage2
это проблемы 61 версии там не работают переменные для скроллбара
можно без них

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

Выделить код

Код:

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

/*Скроллбар, dropmarker*/
scrollbar {
    -moz-appearance: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

scrollcorner {
    -moz-appearance: none !important;
    width: 7px !important;
    height: 7px !important;
    background: none !important;
    border: none !important;
}

html|html > scrollbar, html|html > scrollcorner {
    background: black !important;
}

scrollbar > slider {
    -moz-appearance: none !important;
    background: none !important;
    border: none !important;
}

menulist > dropmarker {
    -moz-appearance: none !important;
    min-width: 7px !important;
    min-height: 7px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: rgb(0,116,232) !important;
    background-image: none !important;
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
    -moz-box-align: center !important;
    -moz-box-pack: center !important;
}

menulist > dropmarker image {
    min-width: 5px !important;
    min-height: 5px !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

scrollbar > slider > thumb,
scrollbar > scrollbarbutton,
html|select > html|button {
    -moz-appearance: none !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: rgb(0,116,232) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 5px !important;
}

scrollbar[orient="vertical"],
scrollbar[orient="vertical"] > slider,
scrollbar[orient="vertical"] > slider > thumb {
    min-width: 7px !important;
    max-width: 7px !important;
}

scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"] > slider,
scrollbar[orient="horizontal"] > slider > thumb {
    min-height: 7px !important;
    max-height: 7px !important;
}

scrollbar > scrollbarbutton {
    min-width: 7px !important;
    min-height: 7px !important;
}

scrollbar > slider > thumb:hover,
scrollbar > scrollbarbutton:not([disabled="true"]):hover {
    background-color: rgb(23,139,255) !important;
}

scrollbar > slider > thumb:active,
scrollbar > scrollbarbutton:not([disabled="true"]):hover:active,
menulist > dropmarker:not([disabled="true"])[open="true"],
html|select > html|button:active {
    background-color: rgb(0,89,232) !important;
}

html|select > html|button {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar > scrollbarbutton[type="increment"],
html|select > html|button[orientation="right"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0.75,0 3.25,2.5 0.75,5 1.75,5 4.25,2.5 1.75,0 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar > scrollbarbutton[type="decrement"],
html|select > html|button[orientation="left"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 4.25,5 1.75,2.5 4.25,0 3.25,0 0.75,2.5 3.25,5 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,4.25 2.5,1.75 5,4.25 5,3.25 2.5,0.75 0,3.25 Z' style='fill:white;shape-rendering:crispEdges'/></svg>") !important;
}

scrollbar > scrollbarbutton[type="increment"][disabled="true"],
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"],
scrollbar > scrollbarbutton[type="decrement"][disabled="true"],
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"],
menulist > dropmarker[disabled="true"] {
    opacity: 0.5 !important;
}

Verevkin
тот же vertical_top_bottom_bar.zip https://github.com/VitaliyVstyle/Vitali … om_bar.zip
две другие панели можно не создавать, true заменить на false
в toolbars.xml
var t_enable = true; // true или false - создать дополнительную панель или нет
var b_enable = true; // true или false - создать нижнюю панель или нет
var v_enable = true; // true или false - создать вертикальную панель или нет

Ай молодца!
Камрад, спасиба, всё завелось. Скриншот под катом. :rock:

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

kokoss · №5666

ruslan1 пишет

ещё такой вопрос. не подскажите где можно найти кнопку на панель инструментов которая перегружает браузер как это было в Classic Theme Restorer ?

Посмотрите здесь_https://forum.mozilla-russia.org/viewto … 7396&p=199

Rag · №5667

kokoss

kokoss пишет

где можно найти кнопку на панель инструментов которая перегружает браузер

Restart

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

Выделить код

Код:

/*CODE*/
var appStartup = Components.classes["@mozilla.org/toolkit/app-startup;1"]
.getService(Components.interfaces.nsIAppStartup);
var num = gBrowser.browsers.length;
var dlg = "Открыто вкладок: " + num + "\nПерезапустить Firefox?";
if (num > 10) {
var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"]
.getService(Components.interfaces.nsIPromptService);


var RestartProceed = prompts.confirm(null, "Restart Firefox", dlg);
if (RestartProceed) {
appStartup.quit(appStartup.eForceQuit | appStartup.eRestart);
}
}
else
appStartup.quit(appStartup.eForceQuit | appStartup.eRestart);

kokoss · №5668

Rag
Спасибо конечно, но она нужна ни мне, а ruslan1

ruslan1 · №5669

kokoss пишет

ruslan1 пишет
ещё такой вопрос. не подскажите где можно найти кнопку на панель инструментов которая перегружает браузер как это было в Classic Theme Restorer ?
Посмотрите здесь_https://forum.mozilla-russia.org/viewto … 7396&p=199

большое спасибо. работает

ruslan1 · №5670

.

Добавлено 04-02-2019 19:52:00

Rag пишет

kokoss

kokoss пишет

где можно найти кнопку на панель инструментов которая перегружает браузер

Restart

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

Выделить код

Код:

/*CODE*/
var appStartup = Components.classes["@mozilla.org/toolkit/app-startup;1"]
.getService(Components.interfaces.nsIAppStartup);
var num = gBrowser.browsers.length;
var dlg = "Открыто вкладок: " + num + "\nПерезапустить Firefox?";
if (num > 10) {
var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"]
.getService(Components.interfaces.nsIPromptService);


var RestartProceed = prompts.confirm(null, "Restart Firefox", dlg);
if (RestartProceed) {
appStartup.quit(appStartup.eForceQuit | appStartup.eRestart);
}
}
else
appStartup.quit(appStartup.eForceQuit | appStartup.eRestart);

спасибо. это не работает или я не туда кладу этот код.

Отредактировано ruslan1 (04-02-2019 19:52:00)

kokoss · №5671

ruslan1
Этот код для кнопки Custom Buttons, поэтому и не работает.

yuriymos · №5672

После обновления на 65 вкладки оказались над адресной строкой.
Ув. формучане. Дайте простой код, как поменять местами адресную строку и вкладки.
Спасибо

Garalf · №5673

yuriymos
Здесь найдешь
https://forum.mozilla-russia.org/viewtopic.php?pid=766645#p766645 под спойлером

Wolf.dp · №5674

yuriymos пишет

Ув. формучане. Дайте простой код, как поменять местами адресную строку и вкладки.

я решил проблему добавлением в конец файла userChrome.css такого

Выделить код

Код:

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}

#TabsToolbar {
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}

/* move caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}

/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  top: -14px !important;
}


/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container    {
      top: 1px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 8px !important;
    }
}

/* Windows 7/8 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      display: block !important;
      margin-top: -13px !important;
    }
  }
  @media not all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -2px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 0px !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none !important;
    }
  }
}

@media (-moz-os-version:windows-win8) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none !important;
    }
  }
  @media not all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -2px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 0px !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none !important;
    }
  }
}

/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
    background-color: Highlight !important;
    color: HighlightText !important;
  }
}

/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}

/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

/* adjust tabs toolbar padding */
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
 -moz-padding-start: 0px !important;
 -moz-margin-start: 0px !important;
}

/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}

/* disable Mozillas tab jumping nonsense when moving tabs */
#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;
}

/* size of new tab tabs '+' icon */
.tabs-newtab-button .toolbarbutton-icon {
  padding: 8px !important;
  margin: 0px !important;
  width: 36px !important;
  height: 36px !important;
}

/* some id!ot at Moz thought it is a great idea to add padding and margin values here */
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}

чесно стыряно с https://github.com/Aris-t2/CustomCSSforFx/releases

drage2 · №5675

Vitaliy V.
Виталий!,а,что с новыми версиями fip close tab и long left click ? Есть? Хотя бы для 65...
Что- в :66 бэте кнопки titlebar улетают влево ?
.titlebar-placeholder[type="caption-buttons"] эта штука не работает?

Отредактировано drage2 (05-02-2019 19:45:26)

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

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