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

hydrolizer · №1026

villa7
Ну, это было год с лишним назад. XUL-разметка расширения вполне может изменяться.

villa7 · №1027

okkamas_knife

okkamas_knife пишет

в настройках абп есть же пункт добавдять в контекстное меню - снимаем с него галочку и ок.

Такого пункта нет, последняя версия.

villa7 · №1028

okkamas_knife пишет

.abp-contextmenuitem

Сработало, спасибо.

voqabuhe · №1029

Использую следующий стиль

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

Выделить код

Код:

#appmenu-popup, menupopup, context-menu {
-moz-appearance: none !important;
opacity: 0.94 !important;
background: #F0F8FF !important;
-moz-border-top-colors: #ececec !important;
-moz-border-bottom-colors: #ececec !important;
-moz-border-left-colors: #ececec !important;
-moz-border-right-colors: #ececec !important;
}

В нём opacity: 0.94 !important; стал колбасить все меню на вкладке дополнений, как это исправить?

iDev.Pi · №1030

voqabuhe пишет

как это исправить?

легко

Выделить код

Код:

#appmenu-popup, menupopup, context-menu {
-moz-appearance: none !important;
background: #F0F8FF !important;
-moz-border-top-colors: #ececec !important;
-moz-border-bottom-colors: #ececec !important;
-moz-border-left-colors: #ececec !important;
-moz-border-right-colors: #ececec !important;
}

voqabuhe · №1031

iDev.Pi пишет

легко

Это типа шутка? Так и я допёр, как прозрачность восстановить?

iDev.Pi · №1032

у меня всё работает

voqabuhe · №1033

iDev.Pi пишет

у меня всё работает

Что работает? Код opacity: 0.94 !important; в [nightly] и на вкладке дополнений?

iDev.Pi · №1034

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

voqabuhe · №1035

iDev.Pi пишет

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

Не указал только, что у меня [nightly] , но я думал, что для этого на форуме отображается User Agent. Хорошо делаю вторую попытку.

В этом стиле

Выделить код

Код:

#appmenu-popup, menupopup, context-menu {
-moz-appearance: none !important;
opacity: 0.94 !important;
background: #F0F8FF !important;
-moz-border-top-colors: #ececec !important;
-moz-border-bottom-colors: #ececec !important;
-moz-border-left-colors: #ececec !important;
-moz-border-right-colors: #ececec !important;
}

строка opacity: 0.94 !important; искажает все меню на вкладке дополнений в [nightly]

, как это исправить, сохранив прозрачность менюшек.

Скрин

liteTua · №1036

Как сделать панель новигации отображаемой всегда?

Kamui · №1037

liteTua пишет

Как сделать панель новигации отображаемой всегда?

То есть чтобы и на странице дополнений была и еще где-то?

liteTua · №1038

Чтобы панель с адресом отображалась всегда. Я тут стиль для Tab Utilities написал для бакового расположение вкладок (справа). Но там есть проблемы:
1) Куски вкладок видны даже, если ставлю ширину 0px.
2) Если вкладок много, то скрол не появляется. Я делал overflow:scroll; но скролит как-то не нормально. Возможно из за position:fixed

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#TabsToolbar{
    max-width:1px !important;
    min-height:20px !important;
    max-height:20px !important;
    position:fixed !important;
    right:0 !important;
    top:0px !important;
}
#TabsToolbar:hover{
    max-width:220px !important;
    max-height:99999px !important;
    padding-left:15px !important;
}
#TabsToolbar:hover #tabbrowser-tabs{
    background-color:#E6E6FA;
}
#TabsToolbar:hover #tabbrowser-tabs:after{
    content:">>>UnStack Tab Here!(drop)<<<";
    font-size:13px;
    background-color:red;
    display:block !important;
    margin-top:5px;
}

Отредактировано liteTua (22-10-2012 22:17:47)

Kamui · №1039

liteTua
Скрин бы

sonyas75 · №1040

А что прописать в userChrome, чтобы при наведении курсора на закладку в боковой панели закладок появлялась строка с полным именем этой закладки. По типу аддона URL Tooltip. А то панелька узкая на нубуке, а имена длинные, юрл не всегда информативен.

voqabuhe · №1041

sonyas75 пишет

А что прописать в userChrome, чтобы при наведении курсора на закладку в боковой панели закладок появлялась строка с полным именем этой закладки. По типу аддона URL Tooltip. А то панелька узкая на нубуке, а имена длинные, юрл не всегда информативен.

Так она и так появляется

geczu · №1042

sonyas75
Дополнение Boox.

sonyas75 · №1043

voqabuhe пишет

Так она и так появляется

даааа? щас на чистом профиле попробую

geczu пишет

Дополнение Boox.

спс, поищу

geczu · №1044

sonyas75
А стилем может и можно взять селектор закладки и если всплывающая "подсказка" - потомок закладки, но лично я не знаю как. Кнопка атрибут испектора не показывает стили всплывающих.

sonyas75 · №1045

Упс. У меня где-то что-то косячит. Действительно, на чистом профиле все нормально. У мну и Boox заработал только на верхней панели закладок, в боковой не захотел. Извиняюсь за беспокойство. :angry:

по-дураццки получилось когда-то давным-давно, еще до потопа, сам же и правил юзерХром.цсс

Выделить код

Код:

/* tooltip */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul")
{tooltip{display:none!important;}}

сейчас полез, обнаружил, закомментировал

Отредактировано sonyas75 (03-11-2012 23:02:23)

Zaycoff · №1046

Вот тут MySh подкинул очень неплохой стиль для подсветки SSL/TLS соединения в адресной строке [firefox]

Выделить код

Код:

/*yellow ssl colour*/
#urlbar[level="high"] { background-color: #ffffbb !important; }
#urlbar[level="broken"] {
 background-image: -moz-repeating-linear-gradient(left -45deg, 
 #ffffff,
 #ffffff 5%,
 #ffffbb 6%,
 #ffffbb 10%
 );
}

Я его немножко подправил (ну бесит меня эта полосатая полоска) :blush:

Выделить код

Код:

#urlbar[level="high"] { background-color: #e1ffe1 !important; }
#urlbar[level="broken"] { background-color: #fffce1 !important; }

Собственно вопрос, а как подкрасить вообще не зашифрованную строку (http://...) ?

hydrolizer · №1047

Zaycoff пишет

Собственно вопрос, а как подкрасить вообще не зашифрованную строку (http://...) ?

Указать правило без атрибутного селектора; правила с атрибутными селекторами разместить ниже.

Zaycoff · №1048

hydrolizer пишет

Указать правило без атрибутного селектора; правила с атрибутными селекторами разместить ниже.

Спасибо, всё работает :music:

Сделал так:

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

Выделить код

Код:

/*Подсветка цветом всей адресной строки при использовании SSL-TLS*/
#urlbar { background-color: #edeeff !important; }
#urlbar[level="high"] { background-color: #e1ffe1 !important; }
#urlbar[level="broken"] { background-color: #fffce1 !important; }

iDev.Pi · №1049

hydrolizer пишет

Указать правило без атрибутного селектора; правила с атрибутными селекторами разместить ниже.

а чтобы порядок размещения правил был не обязательным - можно использовать #urlbar:not([level])

bunda1 · №1050

Как с анимацией скрыть всплывающую подсказку.

Выделить код

Код:

#alertNotification { display: none !important; }

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

Отредактировано bunda1 (17-11-2012 17:15:12)

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

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