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

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

№635122-08-2019 19:13:47

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1242
UA: Firefox 56.0

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

Vitaliy V. пишет:

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

Ясно, просто при background-image: none при загрузке пустрое место
И появилась идея чтобы вместо него сразу загружалась/отображалась фавиконка

Отредактировано Stkvsky (22-08-2019 19:26:36)

Отсутствует

 

№635222-08-2019 20:07:06

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

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

Vitaliy V. пишет:

toolkit.cosmeticAnimations.enabled не влияет на анимацию соединения и загрузки, но влияет на др. анимации например кнопка обновить/остановить,
на вкладке bursting когда она загружена и т.д.

Пардон за невнимательность, перепутал с другой анимацией. Как говорится, старость не радость https://b.radikal.ru/b24/1905/c8/53f9c009b744.gif

Отсутствует

 

№635323-08-2019 10:43:36

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 130
UA: Firefox 66.0

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

В 66 , вторая строчка в popup "Искать Привет в " Как font-size  задать?
https://s18.directupload.net/images/190823/temp/p6ws5zu2.png

Отсутствует

 

№635423-08-2019 14:40:50

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

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

solombala

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

Выделить код

Код:

.search-one-offs .search-panel-one-offs-header {
    font-size: 1.2em !important;
}

Отсутствует

 

№635523-08-2019 15:28:09

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 130
UA: Firefox 66.0

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

Vitaliy V.
Странно, нет эффекта...
Пришлось курочить старый. И еще кое-что . Короче сделал, Спасибо!

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

Выделить код

Код:

#urlbar .textbox-input-box, .searchbar-textbox,
#PopupAutoCompleteRichResult :-moz-any(.autocomplete-richlistitem,.ac-title,.ac-tags,.ac-separator,.ac-url,.ac-action,description,label),
#PopupSearchAutoComplete :-moz-any(treechildren,description,label) {
    font-size: 15px !important;

Отредактировано solombala (23-08-2019 15:57:05)

Отсутствует

 

№635623-08-2019 16:13:33

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

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

solombala пишет:

нет эффекта

конфликт со старым стилем, вот так должен работать

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

Выделить код

Код:

#PopupAutoCompleteRichResult .search-one-offs .search-panel-one-offs-header label {
    font-size: 1.2em !important;
}

Отредактировано Vitaliy V. (23-08-2019 16:13:53)

Отсутствует

 

№635723-08-2019 17:12:38

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 130
UA: Firefox 66.0

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

Vitaliy V.
Да, работает, кстати сепаратор уменьшился , хотел подобный фокус в 68, тоже этот сепаратор уменьшить и никак..Он там с скине browser.css прописан....
https://s18.directupload.net/images/190823/temp/m63isdwz.png
А это в 68
https://s18.directupload.net/images/190823/temp/ln69c2st.png

Отредактировано solombala (23-08-2019 17:15:02)

Отсутствует

 

№635823-08-2019 19:52:44

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

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

solombala

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

Выделить код

Код:

.urlbarView-title-separator::before {
    font-size: 0.5em !important;
}


или замени длинное тире на дефис
скрытый текст

Выделить код

Код:

.urlbarView-title-separator::before {
    content: "\002D" !important;
}

Отредактировано Vitaliy V. (23-08-2019 20:09:50)

Отсутствует

 

№635923-08-2019 20:56:20

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 130
UA: Firefox 68.0

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

Vitaliy V.
Приморила меня эта 66  ... Не видно без наведения  " Поиск через Google "
https://s17.directupload.net/images/190827/temp/us3vhj39.png

https://s17.directupload.net/images/190827/temp/yp27j4ps.png

Отредактировано solombala (27-08-2019 10:48:21)

Отсутствует

 

№636027-08-2019 13:01:29

Xvost
Участник
 
Группа: Members
Откуда: Краматорск, Дружковка, Украина
Зарегистрирован: 03-11-2007
Сообщений: 117
UA: Firefox 69.0
Веб-сайт

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

Можно ли изменить фон домашней страницы (на изображение, например) и как это сделать?

Ответ мне был дан здесь.

Однако в FF 69.0 b16 указанный способ не работает. Что можно сделать?

Отсутствует

 

№636128-08-2019 10:58:08

Septdir
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 21-09-2016
Сообщений: 13
UA: unknown 0.0
Веб-сайт

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

Вчера обновился до 70.0b1 и userChrome.css перестал работать. Что очень сильно напрягает ибо от текущей дефолтной цветовой схемы в devtools глаза вытекают.

Выделить код

Код:

toolkit.legacyUserProfileCustomizations.stylesheets = true

При этом userContent работает.

Отсутствует

 

№636228-08-2019 12:00:10

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

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

del

Отредактировано kokoss (28-08-2019 12:02:56)

Отсутствует

 

№636328-08-2019 13:25:06

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

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

solombala пишет:

Не видно без наведения  " Поиск через Google "

и охота тебе с такой мелочевкой возится...

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

Выделить код

Код:

#PopupAutoCompleteRichResult:not([noactions]) > richlistbox > richlistitem:not(.emptySearchQuery) > .ac-action[actiontype="searchengine"], 
#PopupAutoCompleteRichResult:not([noactions]) > richlistbox > richlistitem:not(.emptySearchQuery) > .ac-separator[actiontype="searchengine"] {
    display: -moz-box !important;
}


для новых версий [firefox] уже др. код нужен

Xvost пишет:

Однако в FF 69.0 b16 указанный способ не работает. Что можно сделать?

должен работать вроде, у меня так

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
*|body {
    background-color: rgb(27,27,29) !important;
    background-image: url("./png/background.png") !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    color: rgb(255,255,255) !important;
}
}


наверно не включено в about:config
toolkit.legacyUserProfileCustomizations.stylesheets = true

Septdir пишет:

Вчера обновился до 70.0b1 и userChrome.css перестал работать

сам userChrome.css работает на [nightly]
смотрите может ваши правила уже не работают

Отредактировано Vitaliy V. (28-08-2019 13:33:16)

Отсутствует

 

№636428-08-2019 15:42:17

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1242
UA: Firefox 56.0

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

Здравствуйте, подскажите пожалуйста, есть такое неудобство
Когда открываешь любую закладку, любой сайт, то страница сначала на секунду белая (белый фон) и потом уже загружается сайт
Так вот ночью это сильно бьет по глазам
Я думал это белый фон about:newtab или about:home, но нет, его изменил, а при открытии любого сайта все равно на секунду появляется белый фон
Можно ли его как нибудь изменить на черный?

Отсутствует

 

№636528-08-2019 16:20:13

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 130
UA: Firefox 68.0

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

Vitaliy V.
Класс! Просто в 68 эта строка убирается browser.urlbar.suggest.searches=false , в 66 ноль реакции , так хоть надпись появилась...
В красоте - нет мелочей!

Отсутствует

 

№636628-08-2019 16:36:46

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 2484
UA: Firefox 65.0

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

Stkvsky

Выделить код

Код:

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

Отсутствует

 

№636728-08-2019 17:09:07

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1242
UA: Firefox 56.0

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

oleg.sgh
Оно самое, спасибо.

Отсутствует

 

№636828-08-2019 19:05:09

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 136
UA: Firefox 68.0

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

Привет всем, возможно как то вытащить или сделать похожую на телеграм scrollbar.
Думал с исходников вытащить, зашел на гитхаб а там столько файлов непонятных... да и код в любом случае над будет подгонять даже если найдешь"забросил".
По идее код уже есть его доделать над, я в этом не шарю.

тут 2 разных scrollbar-а, если рихтануть первый скорее больше подходит - upd...

Выделить код

Код:

/*Этот файл для правил CSS с правами AGENT_SHEET*/
/*@import"custom_styles/css_agent.css";*/

/* AGENT_SHEET-Scrollbar ======================================*/
/* scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-top"],
scrollbarbutton[sbattr="scrollbar-up-bottom"],
scrollbarbutton[sbattr="scrollbar-down-bottom"]
{-moz-appearance:none!important;display:none!important;}

scrollbar[orient="vertical"]
{ -moz-margin-start:-15px;
  min-width:15px!important;
  max-width:15px!important;
  -moz-appearance:none!important;
  position:relative;
  background-color:transparent!important;
  background-image:none!important;
  border:0;
  z-index:2147483647;
  -moz-box-align:start;
  padding:1px 0px 1px 6px!important;}

scrollbar[orient="horizontal"]
{ margin-top:-15px;
  min-height:15px;
  max-height:15px;
  -moz-appearance:none!important;
  position:relative;
  background-color:transparent;
  background-image:none;
  border:0;
  z-index:2147483647;
  -moz-box-align:start;
  padding:6px 11px 1px 1px!important;}

scrollbar thumb{-moz-appearance:none!important;background-color:rgba(184,184,184,0.5);border-radius:8px;border:0;}
scrollbar[orient="vertical"] thumb{min-height:20px!important;min-width:15px!important;max-width:15px!important;}
scrollbar[orient="horizontal"] thumb{min-width:20px!important;min-height:15px!important;max-height:15px!important;}

scrollbar thumb:hover,scrollbar thumb:active{background-color:rgba(0,0,0,0.5);}
html div scrollbar{-moz-margin-start:0!important;} /**/
/*=============================================================*/





/* agentsheet@vitaliy.ru.xpi-Scrollbar ========================*/
@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;
    min-width:7px!important;
    min-height:7px!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:0!important;
    background-color:rgb(192,192,192)!important;
    background-image:none!important;
    list-style-image:url("chrome://agentsheet/content/arrow-dn.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:0!important;
    background-color:rgb(192,192,192)!important;
    background-image:none !important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:auto!important;}

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

scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"]> slider> thumb{min-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(185,185,185)!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(180,180,180)!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;}
/*--------------------------------*/
/*Тултипы*/
tooltip{
    -moz-appearance:none!important;
    border-style:solid!important;
    border-width:2px!important;
    -moz-border-top-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-left-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-right-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-bottom-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    background-color:rgba(11,11,12,0.7)!important;
    background-image:none !important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    background-repeat:no-repeat!important;
    background-position:0% 0%!important;
    background-size:auto!important;
    color:rgb(244,244,245)!important;
    text-shadow:0 0 1px rgba(11,11,12,0.2)!important;}

tooltip description:not([style]){color:rgb(244,244,245)!important;text-shadow:0 0 1px rgba(11,11,12,0.2)!important;}
tooltip description[style*="color:grey"]{color:rgb(178,178,179)!important;} /*190,190,190*/
tooltip .text-link{color:rgb(120,120,120)!important;}
/*--------------------------------*/
/*=============================================================*/




И еще вопрос я вытащил код с svg, а как его вставить? чтобы нормально работал...
arrow-dn.svg

Выделить код

Код:

<?xml version="1.0" encoding="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>

url("data:image/svg+xml;charset=utf-8, .......... ")!important; пробовал так но не работает

Отредактировано func4ptch4 (28-08-2019 23:53:09)

Отсутствует

 

№636928-08-2019 20:06:01

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

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

func4ptch4 пишет:

сделать похожую на телеграм scrollbar.

а что именно, чтобы появлялся при движении курсора?
нет такое с css не сделать

func4ptch4 пишет:

url("data:image/svg+xml;charset=utf-8, .......... ")!important; пробовал так но не работает

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

Выделить код

Код:

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;


в одну строку и внутри двойных одинарные кавычки или наоборот

Отсутствует

 

№637028-08-2019 20:08:36

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 136
UA: Firefox 68.0

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

Vitaliy V., там просто круто, наводишь и скроллбар появляется а так его не видно+он как border или ну как стенка идет, жаль конечно что нельзя.
Спасибо за помощь с svg, кстати 2 скролл эта твой код)

Отредактировано func4ptch4 (28-08-2019 20:09:44)

Отсутствует

 

№637128-08-2019 22:14:33

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

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

Del

Отредактировано kokoss (29-08-2019 00:41:49)

Отсутствует

 

№637228-08-2019 23:58:04

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 136
UA: Firefox 68.0

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

kokoss
Первые 3 файла это 1скроллбар то что кидал, а вот .js интересен почти то что надо но конфликтов много.. он не работает в вертикальной панели и размеры надо изменять, в общем пока остановился на 2коде от Vitaliy V.

Отсутствует

 

№637329-08-2019 00:41:10

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

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

func4ptch4
Пардон, не тот XML файл скинул:

Отсутствует

 

№637429-08-2019 01:48:00

Septdir
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 21-09-2016
Сообщений: 13
UA: unknown 0.0
Веб-сайт

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

Vitaliy V. пишет:

сам userChrome.css работает на [nightly]
смотрите может ваши правила уже не работают

Вы правы. Но отчасти. userChrome.css работает, но не работает в devtools

Отсутствует

 

№637529-08-2019 08:11:43

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 136
UA: Firefox 68.0

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

css можно вытащить с js, так и наоборот в CB сразу видеть результат.
Просидел норм, но так и не понял как в js размер изменить+чтобы работал и на вертикальном, а стиль легко изменить вроде.
В общем если кто сможет разобраться просто сюда оставлю.

Scrollbar.js || CB>/*Initialization Code*/

Выделить код

Код:

// ==UserScript==
    // @name           userChrome.js
    // @namespace      castelo@live.com
    // @version        0.0.3
    // @note           Thanks to ardiman(https://github.com/Endor8/userChrome.js/blob/master/floatingscrollbar/FloatingScrollbar.uc.js)
    // @note           Thanks to Griever(https://github.com/Griever/userChromeJS/blob/master/SmartScrollbar.uc.js) and Paul Rouget(https://gist.github.com/4003205)
    // @note...........0.0.3 Added specific z-index behavior for some sites
    // @note           0.0.2 Increased width of scrollbar from 2px to 3px 
    // @note           0.0.1 Initial version
    // ==/UserScript==
    
    (function(){var prefs=Services.prefs,enabled;
        if(prefs.prefHasUserValue('userChromeJS.floating_scrollbar.enabled')){enabled=prefs.getBoolPref('userChromeJS.floating_scrollbar.enabled')}
      else{prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled',true);enabled=true;}
    
var css=`
@namespace url(http: //www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
:not(select):not(hbox)> scrollbar{
-moz-appearance: none!important;
position: relative;
box-sizing: border-box!important;
background-color: transparent;
background-image: none;
z-index: 2147483647;
padding: 2px;
display: flex!important;
justify-content: flex-end;
pointer-events: auto;
width: auto!important;}

:not(select):not(hbox)> scrollbar[orient="vertical"]{-moz-margin-start: -16px;width: 16px!important;}
:not(select):not(hbox)> scrollbar[orient="vertical"] thumb{
            border-left: 3px solid rgba(80,80,80,0.65);
            min-height: 16px;
            transform: translate(9px, 0px);
            transition: transform 0.1s linear;}

:not(select):not(hbox)> scrollbar[orient="horizontal"]{margin-top: -16px;height: 16px!important;}
:not(select):not(hbox)> scrollbar[orient="horizontal"] thumb{
            border-top: 3px solid rgba(80,80,80,0.65);
            min-width: 16px;
            transform: translate(0px, 9px);
            transition: transform 0.1s linear;}

:not(select):not(hbox)> scrollbar thumb{
           -moz-appearance: none!important;
            border-radius: 0px!important;
            background-color: rgba(100,100,100,0)!important;
            pointer-events: auto;}

:not(select):not(hbox)> scrollbar:hover{background-color: rgba(90,90,90,0.15);padding: 0;}
:not(select):not(hbox)> scrollbar:hover thumb{
            background-color: rgba(100,100,100,0.8)!important;
            border-left: 0px;
            border-top: 0px;
            transform: translate(0px, 0px);
            transition: transform 0.1s linear;}

:not(select):not(hbox)> scrollbar thumb:hover{background-color: rgba(100,100,100,0.8)!important;}
:not(select):not(hbox)> scrollbar thumb:active{background-color:  rgba(110,110,110,1)!important;}
:not(select):not(hbox)> scrollbar scrollbarbutton,:not(select):not(hbox)> scrollbar gripper{display:none;}

@-moz-document url-prefix("https://mail.google.com/"),url-prefix("https://docs.google.com/"),url-prefix("https://calendar.google.com/")
{:not(select):not(hbox)> scrollbar{z-index: 1!important;}}
`;
    
        var sss=Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        var uri=makeURI('data:text/css;charset=UTF=8,'+encodeURIComponent(css));
    
        var p=document.getElementById('devToolsSeparator');
        var m=document.createElement('menuitem');
        m.setAttribute('label',"Schwebende Scrollbar");
        m.setAttribute('type','checkbox');
        m.setAttribute('autocheck','false');
        m.setAttribute('checked',enabled);
        p.parentNode.insertBefore(m,p);
        m.addEventListener('command',command,false);
    
        if(enabled){sss.loadAndRegisterSheet(uri,sss.AGENT_SHEET);}
    
        function command(){
            if(sss.sheetRegistered(uri,sss.AGENT_SHEET)){
                prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled',false);
                sss.unregisterSheet(uri,sss.AGENT_SHEET);
                m.setAttribute('checked',false);}
                else
                {prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled',true);
                sss.loadAndRegisterSheet(uri,sss.AGENT_SHEET);
                m.setAttribute('checked',true);}
    
            let root=document.documentElement;
            let display=root.style.display;
            root.style.display='none';
            window.getComputedStyle(root).display; // Flush
            root.style.display=display;}
    
    })();


agent_style.css первый код

Выделить код

Код:

/* AGENT_SHEET-Scrollbar ======================================*/
scrollbarbutton{-moz-appearance:none!important;display:none!important;}
/*scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-top"],
scrollbarbutton[sbattr="scrollbar-up-bottom"],
scrollbarbutton[sbattr="scrollbar-down-bottom"]
{-moz-appearance:none!important;display:none!important;}*/

scrollbar[orient="vertical"]
{ -moz-margin-start:-13px;min-width:13px!important;max-width:13px!important;
  -moz-appearance:none!important;
  position:relative;
  background-color:transparent!important;
  background-image:none!important;
  border:0;
  z-index:2147483647;
  -moz-box-align:start;
  padding:1px 0px 1px 6px!important;}

scrollbar[orient="horizontal"]
{ margin-top:-13px;min-height:13px;max-height:13px;
  -moz-appearance:none!important;
  position:relative;
  background-color:transparent;
  background-image:none;
  border:0;
  z-index:2147483647;
  -moz-box-align:start;
  padding:6px 11px 1px 1px!important;}

scrollbar thumb{-moz-appearance:none!important;background-color:rgba(184,184,184,0.5);border-radius:8px;border:0;}
scrollbar[orient="vertical"] thumb{min-height:20px!important;min-width:15px!important;max-width:15px!important;}
scrollbar[orient="horizontal"] thumb{min-width:20px!important;min-height:15px!important;max-height:15px!important;}

scrollbar thumb:hover,scrollbar thumb:active{background-color:rgba(0,0,0,0.5);}
html div scrollbar{-moz-margin-start:0!important;} /**/
/*=============================================================*/

Отредактировано func4ptch4 (30-08-2019 06:03:33)

Отсутствует

 

Board footer

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