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

brom113 · №1051

Помогите пожалуйста с иконкой сайтов в адресной строке,а то она в новых (начиная с FF v.16) версиях браузера сдвинулась и никак не могу вернуть её на место.

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

bunda1 · №1052

brom113 пишет

Помогите пожалуйста с иконкой сайтов в адресной строке,а то она в новых (начиная с FF v.16) версиях браузера сдвинулась и никак не могу вернуть её на место.

Поэкспериментируй с

Выделить код

Код:

#page-proxy-favicon{ margin-left: 12px !important;}

или

Выделить код

Код:

#page-proxy-favicon{ margin: auto !important;}

htmlbook.ru - CSS - margin - Mozilla Firefox

Отредактировано bunda1 (21-11-2012 22:26:47)

brom113 · №1053

bunda1 пишет

Поэкспериментируй с
Выделить код
Код:
#page-proxy-favicon{ margin-left: 12px !important;}

Спасибо,но не помогает,и что интересно,в FF 15 всё отображается корректно.

P.S.
Погорячился.что не помогает,всё нормально - иконка на своём месте.

bunda1,большое спасибо,и Удачи Вам!

Отредактировано brom113 (21-11-2012 22:37:50)

iDev.Pi · №1054

bunda1 пишет

Как с анимацией скрыть всплывающую подсказку.JavaScriptHTML, XMLCSSJSONDiff+DiffВыделить кодКод:#alertNotification { display: none !important; }И как правильно скрыть всплывающую подсказку на Nightly, что бы не оставалось пустое место.

Сделать по аналогии с

Выделить код

Код:

/* Menus rolling out animation */

#appmenu-button > #appmenu-popup, #main-menubar>menu>menupopup {
    max-height: 0 !important; }
#appmenu-button > #appmenu-popup > .popup-internal-box > autorepeatbutton, #main-menubar>menu>menupopup autorepeatbutton {
    display: none !important; }
#appmenu-button[open] > #appmenu-popup, #main-menubar>menu[open]>menupopup {
    max-height: 800px !important;
    -moz-transition: max-height 1.1s !important; }

hydrolizer · №1055

Заметил ряд странностей в обработке правила @-moz-document regexp("..."):
1. Обработка символа ? - непосредственно этот символ невозможно сматчить. Например:

Выделить код

Код:

@-moz-document regexp("http://forum\.mozilla-russia\.org/viewtopic\.php\?id=37396&p=45") {
    body {
        display: none;
    }
}

(теоретически должно сработать для данной страницы топика) - не срабатывает. Срабатывает вот так:

Выделить код

Код:

@-moz-document regexp("http://forum\.mozilla-russia\.org/viewtopic\.php.id=37396&p=45") {

Что интересно, вот так тоже не срабатывает:

Выделить код

Код:

@-moz-document regexp("http://forum\.mozilla-russia\.org/viewtopic\.php\Sid=37396&p=45") {

2. И более того, срабатывающее правило

Выделить код

Код:

@-moz-document regexp("http://forum\.mozilla-russia\.org/viewtopic\.php.id=37396&p=45") {

при вот такой замене:

Выделить код

Код:

@-moz-document regexp("http://forum\.mozilla-russia\.org/viewtopic\.php.id=37396&p=\d+") {

срабатывать перестает. Это баг? Или у регексов в данном правиле какие-то свои нюансы?
Про то, что регекс в данном случае должен матчить весь URL я в курсе.

Infocatcher · №1056

hydrolizer
У меня вот так сработало:

Выделить код

Код:

@-moz-document regexp("https://forum\.mozilla-russia\.org/viewtopic\.php\\?pid=589547.*") {
    body {
        display: none !important;
    }
}

И так:

Выделить код

Код:

@-moz-document regexp("https://forum\.mozilla-russia\.org/viewtopic\.php[?]pid=589547.*") {
    body {
        display: none !important;
    }
}

Выходит, надо удваивать экранирующий слэш. То есть «\.» работает как «.».

hydrolizer · №1057

Infocatcher
Да, точно. Видимо, строка регекса передается как обычная (яваскриптовая, например), строка, а не как паттерн.

oopsididagainster · №1058

Можно ли элементам Панели меню поменять отображение с текста на иконки ?
Например элементу "Файл" задать иконку и скрыть текст "Файл".

LongLogin · №1059

oopsididagainster пишет

Можно ли элементам Панели меню поменять отображение с текста на иконки ?
Например элементу "Файл" задать иконку и скрыть текст "Файл".

Stylish :: Дополнения Firefox + Firefox - Menu Icons - Themes and Skins for Browser - userstyles.org

oopsididagainster · №1060

voqabuhe
Да, там нет прямого решения, но подредактировав стиль получил то что нужно.

Lex1 · №1061

Как лучше перенести #FindToolbar .findbar-closebutton вправо от поля поиска?

Kamui · №1062

oopsididagainster
Iconic Menubar - Crystal SVG - вот то что нужно, там же ссылка на стиль для скрытия надписей.

Infocatcher · №1063

Lex1 пишет

Как лучше перенести #FindToolbar .findbar-closebutton вправо от поля поиска?

Наверное, так:

Выделить код

Код:

.findbar-closebutton {
    -moz-box-ordinal-group: 9999 !important;
}
.findbar-find-status {
    -moz-box-flex: 1 !important;
}

Lex1 · №1064

Infocatcher
Спасибо.
Тогда стиль "совмещающий" панель поиска и расширений (предполагается использование Status-4-Evar) получается таким:

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

Выделить код

Код:

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

#FindToolbar {
    position: fixed !important;
    bottom: 0 !important;
    left: 30% !important;
    background-color: -moz-dialog !important;
    border-right: 1px solid ThreeDShadow !important;
}

#FindToolbar *[disabled="true"] {
    display: none !important;
}

.findbar-closebutton {
    -moz-box-ordinal-group: 9999 !important;
}
.findbar-find-status {
    -moz-box-flex: 1 !important;
}

#addon-bar {
    height: 25px !important;
}

Отредактировано Lex1 (03-12-2012 22:37:21)

oopsididagainster · №1065

Например папке в закладках задал иконку

Выделить код

Код:

#personal-bookmarks toolbarbutton[label="sp"] .toolbarbutton-icon {
    display: block !important;
    list-style-image: url('file:///D:/sport.png') !important;
    -moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}

Как задать ширину иконки ?

Отредактировано oopsididagainster (04-12-2012 06:10:30)

oopsididagainster · №1066

okkamas_knife
Спасибо!
А как изменить иконку закладки на свою ? Я пробовал в приведённом коде указывать лэйбл закладки, но иконка почему-то не менялась.

Infocatcher · №1067

Lex1 пишет

стиль "совмещающий" панель поиска и расширений

Кстати, под .findbar-closebutton и .findbar-find-status попадают все стандартные <findbar>'ы – не только в основном окне, но и поиск в окне просмотра исходного кода и в Adblock Plus, например.

skynet281978 · №1068

Подскажите, может что-то не так делаю:
Есть сайт на котором есть таблица, в которой ужали ширину правой ячейки и из-за этого не видны полностью ссылки в первой ячейке (слева).
Сделал вот такой стиль, но при обновлении страницы или заходе на неё, сначала отображается ужатая версия, а затем спустя мгновение, так как нужно.
Как убрать эту задержку, чтобы сразу отображалось как нужно?

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

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("адрес сайта") {
.fs-filemanager {
width: 920px !important;
}
}

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

kope · №1069

1 как объединить меню кнопки Firefox - appmenu, primary и secondary pane
2 убрать ненужные элементы
3 задать порядок отображения

спасибо

littleleshy · №1070

kope
1 не понятно
2 юзаем DOM Inspector и display: none
3 с помощью стилей это врядли удастся

geczu · №1071

3 с помощью стилей это врядли удастся

Удасться.

position:fixed;

А потом задавать координаты для каждого пункта.

littleleshy · №1072

geczu
Извините, но это идиотизм.
Можно задать координаты хоть относительно, хоть абсолютно.
Это криво. Если делать по-нормальному, надо менять местами сами элементы.

Kamui · №1073

littleleshy пишет

Это криво. Если делать по-нормальному, надо менять местами сами элементы.

{-moz-box-ordinal-group: 1 !important;}
Каждому элементу свой номер.

kope · №1074

littleleshy пишет

kope 1 непонятно

littleleshy · №1075

kope
Это, по ходу, только если xul править.

Добавлено 17-12-2012 21:43:36
Что-то вроде этого.

Отредактировано littleleshy (17-12-2012 21:43:36)

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

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