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

Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.

№565102-02-2019 16:58:33

YrdErfgert
Участник
 
Группа: Members
Зарегистрирован: 30-01-2019
Сообщений: 12
UA: Chrome 61.0

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

kokoss пишет:

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

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

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

Отсутствует

 

№565202-02-2019 17:22:20

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1160
UA: Firefox 66.0

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

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)

Отсутствует

 

№565302-02-2019 18:24:55

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 37
UA: Firefox 65.0

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

Vitaliy V. пишет:

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

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


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№565402-02-2019 19:19:42

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 61.0

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

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

Отсутствует

 

№565502-02-2019 21:02:51

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1160
UA: Firefox 66.0

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

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

Отсутствует

 

№565602-02-2019 21:45:10

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 61.0

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

Vitaliy V.
Получилось! Класс!!!
https://s15.directupload.net/images/190202/temp/swyhzlnh.png
Подходит и в 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)

Отсутствует

 

№565703-02-2019 11:58:35

Verevkin
Участник
 
Группа: Members
Откуда: Россия, Замкадье
Зарегистрирован: 01-02-2019
Сообщений: 5
UA: Firefox 64.0
Веб-сайт

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

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 - создать вертикальную панель или нет

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


Расскажу я вам, дружочки, как выращивать грибочки: нужно в поле утром рано сдвинуть два куска урана...

Отсутствует

 

№565803-02-2019 21:38:24

ruslan1
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 6
UA: Firefox 65.0

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

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

Отсутствует

 

№565903-02-2019 21:50:07

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 168
UA: Firefox 65.0

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

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)

Отсутствует

 

№566003-02-2019 22:11:01

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 37
UA: Firefox 60.0

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

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

скрытый текст
http://funkyimg.com/i/2QVvP.png

Применена вшитая темная тема. Не понравился мне FF 65.0 :/
Я благодарен вам за вашу работу!


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№566104-02-2019 00:22:41

Джархан
Участник
 
Группа: Members
Зарегистрирован: 26-01-2014
Сообщений: 40
UA: Firefox 65.0

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

https://i110.fastpic.ru/big/2019/0204/b4/b5c778bb45f7952cf332ee8370776db4.png

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

Отсутствует

 

№566204-02-2019 00:51:11

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1160
UA: Firefox 66.0

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

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 листах

скрин
https://imageshost.ru/images/2019/02/04/screen.png

хотя попробуйте может на [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)

Отсутствует

 

№566304-02-2019 01:17:07

ruslan1
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 6
UA: Firefox 65.0

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

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

Отсутствует

 

№566404-02-2019 08:23:40

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 37
UA: Firefox 60.0

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

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


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№566504-02-2019 09:03:10

Verevkin
Участник
 
Группа: Members
Откуда: Россия, Замкадье
Зарегистрирован: 01-02-2019
Сообщений: 5
UA: Firefox 65.0
Веб-сайт

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

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:

скрытый текст
https://pp.userapi.com/c847122/v847122485/1941de/19oRPFT5TGk.jpg


Расскажу я вам, дружочки, как выращивать грибочки: нужно в поле утром рано сдвинуть два куска урана...

Отсутствует

 

№566604-02-2019 16:46:31

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

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

ruslan1 пишет:

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

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

Отсутствует

 

№566704-02-2019 17:19:30

Rag
Участник
 
Группа: Members
Откуда: Краснодон
Зарегистрирован: 06-03-2017
Сообщений: 242
UA: Firefox 60.0

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

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










Отсутствует

 

№566804-02-2019 17:26:39

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

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

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

Отсутствует

 

№566904-02-2019 18:15:52

ruslan1
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 6
UA: Firefox 65.0

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

kokoss пишет:

ruslan1 пишет:

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

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

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

Отсутствует

 

№567004-02-2019 19:49:37

ruslan1
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 6
UA: Firefox 65.0

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

.

Добавлено 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)

Отсутствует

 

№567104-02-2019 20:46:10

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

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

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

Отсутствует

 

№567205-02-2019 02:01:20

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 27
UA: Firefox 65.0

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

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

Отсутствует

 

№567305-02-2019 12:33:14

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 168
UA: Firefox 65.0

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

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

Отсутствует

 

№567405-02-2019 15:10:04

Wolf.dp
Участник
 
Группа: Members
Зарегистрирован: 13-04-2013
Сообщений: 13
UA: Firefox 65.0

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

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

Отсутствует

 

№567505-02-2019 15:25:34

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 64.0

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

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

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

Отсутствует

 

Board footer

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