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

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

№350110-12-2017 08:17:15

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 582
UA: Firefox 52.0

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

Кто в курсе, как настроить вид скроллбара?
Раньше работал стиль, а в 57 что то отвалился он.

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


Выделить код

Код:

/* AGENT_SHEET */


scrollbar, scrollcorner 
{
-moz-appearance: none !important; 
background: none !important; 
padding: 0 !important; 
border: 0 !important; 
margin: 0 !important; 
}

scrollbar:hover thumb[orient="vertical"],
scrollbar:hover thumb[orient="horizontal"],
scrollbar:hover scrollbarbutton
{ opacity: .8 !important; }


scrollbar thumb[orient="vertical"],
textbox scrollbar thumb[orient="vertical"]
{ -moz-appearance: none !important; 
opacity: .4 !important;
min-height: 30px !important;
border: none !important; 
border-radius: 4px !important; 
background-color: #444444 !important;  
background-image: -moz-linear-gradient(90deg, #444 0%, #999 5%, #444 50%, #999 95%, #444 100%) !important; 
}

scrollbar thumb[orient="horizontal"],
textbox scrollbar thumb[orient="horizontal"]
{ -moz-appearance: none !important; 
min-width: 30px !important;
opacity: .4 !important;
border: none !important;
border-radius: 6px !important;
background-color: #444444 !important;  
background-image: -moz-linear-gradient(0deg, #444444 0%, #999999 10%, #444444 50%, #999999 90%, #444444 100%) !important;} 

scrollbar[orient="vertical"]
{
min-width: 8px !important;
max-width: 8px !important;
}

html>scrollbar[orient="vertical"]
{
margin-left: -8px !important;
position: relative !important;
z-index: 99999999 !important;
}

scrollbar[orient="horizontal"]
{
max-height: 12px !important;
min-height: 12px !important; 
}
html>scrollbar[orient="horizontal"]
{
position: relative !important;
z-index: 99999999 !important;
}

scrollbarbutton {display: none!important; }

/**** so scrollbar won't block links, other scrollbars, etc *****/
@-moz-document url-prefix(http){
body
{
padding-right: 8px !important;
max-width: calc(100% - 8px)  !important;
}
}

Отсутствует

 

№350210-12-2017 14:18:34

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 395
UA: Firefox 57.0

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

Ultima2m пишет

Кто в курсе, как настроить вид скроллбара?
Раньше работал стиль, а в 57 что то отвалился он.

Я себе сделал так:
8d8595b5364333f31a4a9f816e940311.png
Вот отсюда.

Отсутствует

 

№350310-12-2017 14:25:59

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
Я так и пробовал, положил ваш код в userChrome.css. Эффекта нет. А у вас на гифке показан пример с Custom Buttons.

Отсутствует

 

№350410-12-2017 14:34:03

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
Значит в 57 [firefox] селекторы изменились, но тут  уже я не в силах помочь, сижу на ХР, 57 [firefox] не установить.
Да это через кнопку. Код в Инициализацию, а стиль в Справку.

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


Выделить код

Код:

// ЛКМ переключить настройки кнопки и стиль ..........
this._handleClick =()=> setStyleForPages( void(custombuttons.setPrefs(s, !custombuttons.getPrefs(s))) );


// Создать настройки кнопки в about:config если они не существует и получть ..........
var s = "CB." + _id.slice(20) + ".setStyleForPage";
custombuttons.isPref(s, false);
    

// Установить нужную иконку кнопки при старте браузера или при изменениях настроек кнопки ..........
function toggleImage() {
   var [img] = document.getAnonymousNodes(self);
   img.style.backgroundColor = custombuttons.getPrefs(s) ? "#131d24" : "#ffeeaa";  
};
toggleImage();
gPrefService.addObserver(s, toggleImage, false);
addDestructor(()=> gPrefService.removeObserver(s, toggleImage) );


// Переключить css стиль для страницы ..........
function setStyleForPages(reason) {
   if ( reason == "destructor" ) return; 

   var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService); 
   var uri = makeURI("data:text/css," + encodeURIComponent(self.Help)); 
   
   try { sss.unregisterSheet(Services[_id + "previousUri"] || uri, 0) } catch(e) {};
   Services[_id + "-previousUri"] = uri;
   
   custombuttons.getPrefs(s) && !reason && sss.loadAndRegisterSheet(uri, 0);
};
addDestructor(setStyleForPages);
custombuttons.getPrefs(s) && setStyleForPages();


// Подсказка для кнопки .......... 
this.tooltipText = self.label + "\nЛ: Переключить черный фон страниц";

Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№350510-12-2017 14:56:13

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
Я хочу настроить цвета заднего фона через userChrome.css. Я так понимаю ваши коды работают только через custom buttons.
Кто владеет информацией напишите пожалуйста.

Отсутствует

 

№350610-12-2017 15:10:46

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
Сам код в userChrome.css работает, вопрос только в селекторах.


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№350710-12-2017 15:14:30

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
спасибо вам за помощь! Верю, что вы правы и алгоритм рабочий.
Кто может помочь подкорректировать селекторы?

Отсутствует

 

№350810-12-2017 17:12:42

Hiddenfox
Участник
 
Группа: Members
Зарегистрирован: 10-12-2017
Сообщений: 2
UA: Firefox 57.0

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

Подскажите кто сталкивался. Изменил стиль, для возможности открывать вкладки в несколько рядов, но вкладка переносится из третьего ряда в первый или во второй , не знаю, что винить и кто виноват в причинах поведения. Может, кто сталкивался с этим ?

Код используемый:



Выделить код

Код:

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
  display: block !important;
}

.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
  display: none !important;
}

.tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  vertical-align: bottom !important;
}

.tabbrowser-tab {
    min-width: 100px !important;
}    

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

.tab-close-button,.tab-close-button > .toolbarbutton-icon {
   display: -moz-box !important;
   } 

Отсутствует

 

№350910-12-2017 18:35:21

жрнжп
Участник
 
Группа: Members
Зарегистрирован: 03-07-2011
Сообщений: 287
UA: Firefox 59.0

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

Если  используете userChrome.css - включайте телеметрию :D
http://forums.mozillazine.org/viewtopic … #p14782971
https://bugzilla.mozilla.org/show_bug.cgi?id=1416044

Отредактировано жрнжп (10-12-2017 18:35:53)

Отсутствует

 

№351010-12-2017 18:50:29

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

Вот что мне удалось найти.Для примера взял красный цвет.Насколько я понял, то цвет заднего фона в боковой панели задается этим кодом:

.sidebar-placesTreechildren::-moz-tree-row(?????) {
background-color: #f00 !important;
}

Может кто подсказать что нужно прописывать в скобках? И верно ли я подобрал код?

Отсутствует

 

№351110-12-2017 19:02:28

жрнжп
Участник
 
Группа: Members
Зарегистрирован: 03-07-2011
Сообщений: 287
UA: Firefox 59.0

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

MrDenver
.sidebar-placesTree {
    background-color: #f00 !important;
}

вполне достаточно.

Отсутствует

 

№351210-12-2017 19:08:03

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

жрнжп
Попробовал код, к сожалению не срабатывает в FF57

Отсутствует

 

№351310-12-2017 19:14:25

жрнжп
Участник
 
Группа: Members
Зарегистрирован: 03-07-2011
Сообщений: 287
UA: Firefox 59.0

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

Странно, может что переделали в Nightly. Кстати, существует нехилая вероятность, что Mudilla Mozilla выпилит userChrome.css; они уже приделали телеметрию частоты использования этой функции.

Отсутствует

 

№351410-12-2017 19:45:55

Hiddenfox
Участник
 
Группа: Members
Зарегистрирован: 10-12-2017
Сообщений: 2
UA: Firefox 52.0

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

жрнжп пишет

Если  используете userChrome.css - включайте телеметрию http://forums.mozillazine.org/viewtopic … #p14782971https://bugzilla.mozilla.org/show_bug.cgi?id=1416044
                    Отредактировано жрнжп (Сегодня 18:35:53)

C Учётом того, что удалённую отладку включают некоторые и ещё некоторые фичи для корректной работы с Http - не удивительно.

Отсутствует

 

№351510-12-2017 23:50:42

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
А так что нибудь меняет при добавлении в userChrome.css? Что бы хотя бы понять, селекторы не те или что то другое.



Выделить код

Код:

* {background: #f00 !important;}

Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№351611-12-2017 09:02:08

AlAvis
Участник
 
Группа: Members
Зарегистрирован: 16-06-2014
Сообщений: 378
UA: Firefox 56.0

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

жрнжп пишет

существует нехилая вероятность, что Mudilla Mozilla выпилит userChrome.css; они уже приделали телеметрию частоты использования этой функции

Судя по багзилле - наоборот . Возникло подозрение что перестарались с "безопасностью" и решили в 59-62 посмотреть сколько процентов юзеров используют , что бы расширить API .

Отсутствует

 

№351712-12-2017 01:12:07

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
Попробовал с символом звездочка, нет эффекта.

А кто знает как увеличить размер иконок стандартных инструментов мозиллы (обновить страницу,показать ход текущей загрузки,домашняя страница и т.д.) ?

При наведении курсора на любую кнопку появляется серый квадратный фон. Как можно заменить этот серый фон на свой?

Отредактировано MrDenver (12-12-2017 01:21:46)

Отсутствует

 

№351812-12-2017 03:16:04

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
Если нет эффекта значит у Вас userChrome.css вообще не работает. Потому как * окрасила бы буквально всё в красный цвет. userChrome.css должен лежать в папке chrome в папке профиля.

При наведении курсора на любую кнопку появляется серый квадратный фон. Как можно заменить этот серый фон на свой?

Но опять же что толку если не работает userChrome.css.

Выделить код

Код:

.toolbarbutton-1.chromeclass-toolbar-additional:hover > .toolbarbutton-icon {background: #f00 !important;} 

Отредактировано villa7 (12-12-2017 03:33:03)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№351912-12-2017 16:01:00

kampot
Участник
 
Группа: Members
Зарегистрирован: 02-05-2008
Сообщений: 44
UA: Firefox 57.0

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

Подскажите, как сделать иконки на панели закладок в несколько рядов и чтобы их название при наведение появлялось, если оно есть.

Есть вот такой код, но чет не могу добиться чтобы исчезало название закладок




Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#personal-bookmarks
{
 display: block;
}
#personal-bookmarks #PlacesToolbar
{
 display: block;
 min-height: 0px;
 overflow-x: hidden;
 overflow-y: auto;
 max-height: 999px;
}
#personal-bookmarks #PlacesToolbar > hbox
{
 display: -moz-stack !important;
 left: 0px;
 right: 0px;
 width: 100%;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems
{
 /*display:block;*/
 overflow-x: visible;
 overflow-y: visible;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box
{
 display: block;
}
#personal-bookmarks #PlacesToolbar > .bookmark-item
{
 visibility: visible !important;
}
#personal-bookmarks #PlacesToolbar .chevron
{
 display: none;
}
#personal-bookmarks #PlacesToolbar > hbox > hbox
{
 overflow-x: hidden;
 overflow-y: hidden;
}
#personal-bookmarks #PlacesToolbar  #PlacesToolbarDropIndicator[collapsed="true"]
{
 display: none;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
{
 display: none;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
{
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 3px;
 padding-right: 3px;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"]
{
 padding-top: 2px !important;
 padding-bottom: 2px !important;
 -moz-padding-start: 4px;
 -moz-padding-end: 2px;
}
#personal-bookmarks #PlacesToolbar toolbarseparator
{ 
 -moz-appearance: none !important;
 visibility: visible !important;
 display: inline;
 text-shadow: none !important;
 border-left: 3px solid ThreeDShadow !important;
 border-right: 3px solid ThreeDHighlight !important;
 vertical-align: middle;
}
#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]
{
 -moz-appearance: toolbarbutton;

Отсутствует

 

№352012-12-2017 21:37:43

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 16
UA: Firefox 57.0

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

Приветствую. Как увеличить сам текст, в вкладках научили как менять размер шрифта, а вот в закладках и где подчеркнуто...

скрытый текст
1.jpg

И вот еще, наверняка есть решение. Как удалить это из закладок?
скрытый текст
1.jpg

Отредактировано Kamaxa25 (12-12-2017 21:41:39)

Отсутствует

 

№352112-12-2017 22:11:53

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
Я нашел глюк, я брал чужой стиль userChrone изначально и как я понял, в нем какие-то прописанные элементы не дают перекрашивать по вашим кодам.
Взял для эксперимента удалил чужой код и поместил последний код в чистый лист userchrome. Цвет появился, я увидел красный цвет.
Но обнаружилась другая странность,ваш последний код перекрашивает как-то выборочно. Часть кнопок стали выделяться красным цветом, а часть кнопок так и осталась серым изначаьным цветом.
Что-то еще надо просписать в код,чтобы все кнопки перекрашивались?

Отсутствует

 

№352213-12-2017 00:07:24

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
Значит часть кнопок от каких то расширений, а не дефолтные фаерфоксовские. Так попробуйте, и цвет свой подберите.
А фон в закладках поменялся, то что раньше просили?

Добавлено 13-12-2017 00:22:57
Kamaxa25


Выделить код

Код:

#nav-bar toolbarbutton:hover > .toolbarbutton-icon {background: #f00 !important;} 

Отредактировано villa7 (13-12-2017 00:46:14)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№352313-12-2017 00:43:07

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 16
UA: Firefox 57.0

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

villa7
Не помогает. Вот все что написано в userChrome.css

скрытый текст
1.jpg

Кстати Подписаться на ленты новостей пропала. Спасибо
Хм. Удалил
И все получилось, Я так понял 20 в {font-size: 20px  !important;} и есть значение величины. Будем пробовать. Кстати Подписаться на ленты новостей пропала опять появилась)

Выделить код

Код:

.tabbrowser-tab .tab-text {
    font-size: 110% !important;

Отредактировано Kamaxa25 (13-12-2017 00:47:28)

Отсутствует

 

№352413-12-2017 00:53:07

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

Kamaxa25
.tabbrowser-tab .tab-text {
    font-size: 110% !important;   -- } Фигурную скобочку в конце поставьте и всё будет работать.


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№352513-12-2017 00:56:42

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 16
UA: Firefox 57.0

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

villa7
Спасибо огромное. Может вы еще знаете как вкладки вниз переместить?
А как тут изменить масштаб шрифта? Да и много где еще маленький текст. Сделать бы везде одинаковый... и в закладках и в панели меню. и в контекстном....

скрытый текст
1.jpg

Фух, вроде приходит в божеский вид. Спасибо что помогаете нубам как я

Отредактировано Kamaxa25 (13-12-2017 01:15:57)

Отсутствует

 

Board footer

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