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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№265118-03-2016 21:49:21

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 48.0

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

paravoz69

Выделить код

Код:

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

#bookmarksPanel treechildren::-moz-tree-row,
#history-panel treechildren::-moz-tree-row,
#sbTree treechildren::-moz-tree-row,
#sbManageWindow treechildren::-moz-tree-row {
  height: unset !important;
  border: unset !important;
  outline: unset !important;
}
#bookmarksPanel treechildren::-moz-tree-image,
#history-panel treechildren::-moz-tree-image,
#sbTree treechildren::-moz-tree-image,
#sbManageWindow treechildren::-moz-tree-image {
  padding: 0 2px !important;
}

Отсутствует

 

№265219-03-2016 16:09:03

paravoz69
Участник
 
Группа: Members
Зарегистрирован: 18-03-2016
Сообщений: 3
UA: Firefox 44.0

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

Большое спасибо!:)

Отсутствует

 

№265324-03-2016 09:00:46

Rubinovi4
Участник
 
Группа: Members
Зарегистрирован: 26-11-2010
Сообщений: 7
UA: Firefox 45.0

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

Всем привет. Подскажите, как убрать ужасное выделение  синего цвета при клики в адресной строке.  Файла userChrome.css нет. Вообще нет даже и папки где он должен находится.  FF все без модов и дополнений. Стоит только Speed Dial [FVD]. Версия FF последняя.

http://storage6.static.itmages.ru/i/16/0324/s_1458799194_8003536_4c387a4a9d.png

Спасибо.

Отредактировано Rubinovi4 (24-03-2016 09:04:07)

Отсутствует

 

№265424-03-2016 09:33:47

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 48.0

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

Rubinovi4
Его создать надо. В папке профиля сооздать папку chrome и в ней текстовый файл, который затем изменить на userChrome.css. Только смотрите, чтоб userChrome.css.txt не получился.

Rubinovi4 пишет:

как убрать ужасное выделение  синего цвета при клики в адресной строке

Если установлен Classic Theme Restorer, то перебить его стиль можно только стилем в аддоне Stylish.

Без CTR, будет работать и в userChrome.css и в Stylish'e

Выделить код

Код:

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

/*границы адресной строки, удалите секцию ниже, если нужно изменить цвет только при фокусе*/
#urlbar {
  border: 1px solid rgba(0,0,0,0.32)!important; /*толщина/стиль/цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1)*/
  border-radius: 1px!important; /*радиус скругления границ адресной строки, удалите, если не нужна*/
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.32) inset!important; /*тень, по желанию, удалите строку, если не нужна*/
}

/*границы адресной строки при наведении курсора, удалите секцию ниже, если нужно изменить цвет только при фокусе*/
#urlbar:not([focused]):hover {
  border-color: rgba(0,0,0,0.42)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при наведении*/
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.42) inset!important; /*тень при наведении, по желанию, удалите строку, если не нужна*/
}

/*границы адресной строки при фокусе в ней*/
#urlbar[focused] {
  border-color: rgba(0,0,0,0.52)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при фокусе*/
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.52) inset!important; /*тень при фокусе, по желанию, удалите строку, если не нужна*/
}


Если установлен CTR, только для Stylish'a

Выделить код

Код:

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

@-moz-document url("chrome://browser/content/browser.xul") {
  /*границы адресной строки, удалите секцию ниже, если нужно изменить цвет только при фокусе*/
  #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme) {
    border: 1px solid rgba(0,0,0,0.32)!important; /*толщина/стиль/цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1)*/
    border-radius: 1px!important; /*радиус скругления границ адресной строки, удалите, если не нужна*/
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.32) inset!important; /*тень, по желанию, удалите строку, если не нужна*/
  }

  /*границы адресной строки при наведении курсора, удалите секцию ниже, если нужно изменить цвет только при фокусе*/
  #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme):not([focused]):hover {
    border-color: rgba(0,0,0,0.42)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при наведении*/
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.42) inset!important; /*тень при наведении, по желанию, удалите строку, если не нужна*/
  }

  /*границы адресной строки при фокусе в ней*/
  #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme)[focused] {
    border-color: rgba(0,0,0,0.52)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при фокусе*/
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.52) inset!important; /*тень при фокусе, по желанию, удалите строку, если не нужна*/
  }

}

Отсутствует

 

№265524-03-2016 09:35:46

Rubinovi4
Участник
 
Группа: Members
Зарегистрирован: 26-11-2010
Сообщений: 7
UA: Firefox 45.0

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

turbot пишет:

Rubinovi4Его создать надо. В папке профиля сооздать папку chrome и в ней текстовый файл, который затем изменить на userChrome.css. Только смотрите, чтоб userChrome.css.txt не получился.

Я так и думал. Спасибо. Чуть позже попробую исправить.. :beer:

Отсутствует

 

№265624-03-2016 12:34:51

Rubinovi4
Участник
 
Группа: Members
Зарегистрирован: 26-11-2010
Сообщений: 7
UA: Firefox 45.0

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

turbot пишет:

Rubinovi4Его создать надо. В папке профиля сооздать папку chrome и в ней текстовый файл, который затем изменить на userChrome.css. Только смотрите, чтоб userChrome.css.txt не получился.

Создал файл. отписал все варианты.  Пробовал менять значения. Синий цвет так и не исчез. единственное что изменилось, толщина стала не такой уж катастрофичной.,))    Видимо, синий эт очто то иное. так как под ним вижу загрузку стиля, а он уже накладывается сверху.  Или так показалось..((

Хотя, можно кусок кода для "клика в адресной строке" ?  Ведь синива получается, именно при клике в адресной. когда курсор в строке.

Все, решил проблему:

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

Выделить код

Код:

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

/*границы адресной строки при фокусе в ней*/
#urlbar[focused] {
    
  border-color: rgba(229,229,229,0)!important; /*цвет границ в rgb + альфа-канал(прозрачность) (от 0(полная прозрачность) до 1) при фокусе*/
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.52) inset!important; /*тень при фокусе, по желанию, удалите строку, если не нужна*/
}


Значения можно менять на свой вкус.. ))

Огромное спасибо всем..)))

Отредактировано Rubinovi4 (24-03-2016 12:52:18)

Отсутствует

 

№265724-03-2016 19:02:00

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 48.0

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

Не, ну если вообще выделение хотите убрать, то достаточно и

Выделить код

Код:

#urlbar {
border-color: transparent!important;
box-shadow: none!important;
}

Отсутствует

 

№265802-04-2016 10:16:31

SOTVM
Участник
 
Группа: Members
Зарегистрирован: 30-01-2012
Сообщений: 108
UA: Firefox 45.0

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

turbot пишет:

объясните мне пжлст,
как определить класс элемента
не на просматриваемой странице ,а самих элементов fox/браузера
(панели/вкладки/кнопки и т.д..
допустим захотел сделать кнопку закрытия окна зелёной,а панель меню фиолетовой:lol:
но не знаю для чего именно писать правила в пользовательских стилях,
когда они уже есть(установленные через стайлиш например,то там прощё,
можно найти читая названия классов,а если с нуля(менять основную тему
как смог объяснил :rolleyes:

Отредактировано sotvictor (02-04-2016 13:05:37)


Никто не знает столько,сколько не знаю Я.

Отсутствует

 

№265902-04-2016 10:20:40

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 48.0

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

DOM Inspector + Custom Buttons + кнопка Attributes Inspector.
Нажимаете кнопку Attributes Inspector'a, подсвечиваете нужный элемент, нажимаете ctrl + I или кликаете СКМ, в открывшемся окне DOM Inspector'а смотрите селектор нужного элемента/примененные к нему стили и т.д.
По css-свойствам здесь и здесь читайте.

Отсутствует

 

№266002-04-2016 12:55:38

SOTVM
Участник
 
Группа: Members
Зарегистрирован: 30-01-2012
Сообщений: 108
UA: Firefox 45.0

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

turbot пишет:

DOM Inspector + Custom Buttons + кнопка Attributes Inspector.
Нажимаете кнопку Attributes Inspector'a, подсвечиваете нужный элемент, нажимаете ctrl + I или кликаете СКМ, в открывшемся окне DOM Inspector'а смотрите селектор нужного элемента/примененные к нему стили и т.д.
По css-свойствам здесь и здесь читайте.

Благодарю,это мне и было нужно;)


Никто не знает столько,сколько не знаю Я.

Отсутствует

 

№266104-04-2016 22:15:02

Laze
Участник
 
Группа: Members
Откуда: Ukraine
Зарегистрирован: 05-07-2011
Сообщений: 3
UA: Firefox 45.0

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

Здравствуйте, у меня mozilla firefox 45.0.1, можно как-то через стили изменить форму оповещения в правом нижнем углу?


It's as easy as the ABC. Just do it!

Отсутствует

 

№266204-04-2016 22:22:28

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 48.0

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

Laze
Можно. Например:

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

Выделить код

Код:

@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
@namespace svg url(http://www.w3.org/2000/svg);

@-moz-document url("chrome://global/content/alerts/alert.xul") {
  #alertNotification {
    padding: 5px !important;
  }
  #alertImage {
    max-height: 24px!important;
    max-width: 24px!important;
    margin: 4px 7px!important;
    padding: unset!important;
  }
  #alertTextBox {
    -moz-box-orient: horizontal!important;
    -moz-box-align: center!important;
    -moz-box-pack: center!important;
  }
  #alertBox {
    padding-block-end: 7px!important;
    box-shadow: rgba(84, 83, 87, 0.32) 0 0 5px!important;
  }

}


Как найти селекторы нужных элементов и по css-свойствам - см. двумя постами выше.

Отсутствует

 

№266304-04-2016 22:26:04

Laze
Участник
 
Группа: Members
Откуда: Ukraine
Зарегистрирован: 05-07-2011
Сообщений: 3
UA: Firefox 45.0

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

Спасибо, сейчас буду разбираться

turbot пишет:

Laze
Можно. Например:

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

Выделить код

Код:

@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
@namespace svg url(http://www.w3.org/2000/svg);

@-moz-document url("chrome://global/content/alerts/alert.xul") {
  #alertNotification {
    padding: 5px !important;
  }
  #alertImage {
    max-height: 24px!important;
    max-width: 24px!important;
    margin: 4px 7px!important;
    padding: unset!important;
  }
  #alertTextBox {
    -moz-box-orient: horizontal!important;
    -moz-box-align: center!important;
    -moz-box-pack: center!important;
  }
  #alertBox {
    padding-block-end: 7px!important;
    box-shadow: rgba(84, 83, 87, 0.32) 0 0 5px!important;
  }

}


Как найти селекторы нужных элементов и по css-свойствам - см. двумя постами выше.


It's as easy as the ABC. Just do it!

Отсутствует

 

№266415-04-2016 02:42:14

Yipikaye112
Участник
 
Группа: Members
Зарегистрирован: 15-04-2016
Сообщений: 2
UA: Firefox 45.0

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

Здравствуйте! Нужна помощь. Буду рад всем откликнувшимся

скрытый текст
У меня установлены:
1. Transparent firefox
2. GlassMyFox (все настройки на дефолт, включена только прозрачность новой вкладки)
3. Stylish

результат
http://s013.radikal.ru/i322/1604/a1/94e3fbc4cc14.png

Хотелось бы избавиться от этих расширений (и постоянно слетающей темы) и оформить все через userChrome.css, вот только навыков не хватает.
Если у кого-нибудь есть немного свободного времени и необходимые знания, то помогите, пожалуйста.
Только результат нужен один в один как на приложенном скриншоте.

Дополнительно
Еще стоит кнопкаPersonal Menu и App Button Clear для прозрачности кнопки. Можно как-то реализовать прозрачность через userChrome.css и избавиться от App Button Clear?

Отредактировано Yipikaye112 (15-04-2016 03:48:09)

Отсутствует

 

№266515-04-2016 03:21:34

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 48.0

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

Yipikaye112
Время есть. Нет семерки. :) Вслепую тыкаться не возьмусь, ибо возни много, а результат не проверить.

Хотелось бы избавиться от этих расширений (и постоянно слетающей темы) и оформить все через userChrome.css

На первый взгляд, не вижу препятствий. Там все через стили сделано. Ковыряйте их с помощью упомянутых выше на странице инструментов.

Отсутствует

 

№266615-04-2016 04:19:23

Yipikaye112
Участник
 
Группа: Members
Зарегистрирован: 15-04-2016
Сообщений: 2
UA: Firefox 45.0

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

turbot
Спасибо, смог прописать прозрачность бланка и новой вкладки (- GlassMyFox). Однако, переделать шапку пока не смог, подожду, может кто с семеркой откликнется.

И еще обнаружил интересный момент: прописанные в userChrome.css стили не работают без Stylish, так и должно быть?

конкретно эти не работают

Выделить код

Код:

/*blank*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    @media all and (-moz-windows-compositor) {
        #main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser { 
            opacity: 0 !important;
            background-color: transparent !important;
        }
        #main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content{
            background-color: rgba(255,255,127,.0) !important;
        }
        #appcontent, #content > tabbox > tabpanels {
            background-color: transparent !important;
        }
    }


/*newtab*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    @media all and (-moz-windows-compositor) {
        #main-window[stylish-url="about:newtab"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser { 
            opacity: 0 !important;
            background-color:transparent !important;
        }
        #main-window[stylish-url="about:newtab"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content{
            background-color: rgba(255,255,127,.0) !important;
        }
        #appcontent, #content > tabbox > tabpanels {
            background-color: transparent !important;
        }
    }

Отсутствует

 

№266715-04-2016 06:37:23

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 48.0

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

Yipikaye112
Ну да, этот атрибут на окно браузера вешает стайлиш. #main-window[stylish-url="about:blank"] без него не заменить. Т.е., можно задать стиль для контента страницы, при определенном адресе, с

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url(about:blank") {

}

в userContent.css, но не элементам браузера, при текущей вкладке с таким адресом.

Стайлиш весьма полезен. Мой совет - не отказывайтесь от него. :) Я уж молчу про возможность быстрого включения/отключения стилей, их просмотр, без необходимости перезапуска браузера и, конечно, удобный редактор с автоподстановкой (который еще и кнопкой для Custom Buttons, с которой свои менюшки с шаблонами, можно добавить на панель редактора).

Отсутствует

 

№266825-04-2016 23:54:26

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 278
UA: Firefox 45.0

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

turbot
Приветствую. У меня схожий вопрос.
Использую последний FF, а с ним CTR и Stylish.
Пытаюсь с помощью стиля сместить оранжевую кнопку меню (Та, которую CTR восстанавливает).
Так вот.
В userChrome.css у меня прописано следующее.

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*CTR MENU BUTTON START*/
#main-window[sizemode="maximized"] #ctraddon_appbutton2{border-radius: 0 0 4px 4px !important;}
#main-window[sizemode="maximized"] #ctraddon_appbutton2 > *{padding-top:3px !important;padding-bottom:4px !important;}
#main-window[sizemode="normal"] #ctraddon_appbutton2{border-radius: 0 0 4px 4px !important;}
#main-window[sizemode="normal"] #ctraddon_appbutton2 > *{padding-top:8px !important;padding-bottom:8px !important;}
#main-window[sizemode="maximized"] #titlebar #titlebar-content #ctraddon_appbutton2{margin: 0px 0 2px 2px !important;}
#main-window[sizemode="normal"] #titlebar #titlebar-content #ctraddon_appbutton2{margin: 0px 0 -3px 2px !important;}
/*CTR MENU BUTTON END*/

И он почему-то не работает
Но если этот же стиль вставить в Stylish, то всё работает

Выделить код

Код:

/*AGENT_SHEET*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul){
/*CTR TAB MENU BUTTON START*/
#main-window[sizemode="maximized"] #ctraddon_appbutton2{border-radius: 0 0 4px 4px !important;}
#main-window[sizemode="maximized"] #ctraddon_appbutton2 > *{padding-top:3px !important;padding-bottom:4px !important;}
#main-window[sizemode="normal"] #ctraddon_appbutton2{border-radius: 0 0 4px 4px !important;}
#main-window[sizemode="normal"] #ctraddon_appbutton2 > *{padding-top:8px !important;padding-bottom:8px !important;}
#main-window[sizemode="maximized"] #titlebar #titlebar-content #ctraddon_appbutton2{margin: 0px 0 2px 2px !important;}
#main-window[sizemode="normal"] #titlebar #titlebar-content #ctraddon_appbutton2{margin: 0px 0 -3px 2px !important;}
/*CTR TAB MENU BUTTON END*/}

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

P.S. В целом интересно целесообразно ли всё перемещать часть стилей из Stylish в userChrome?
Даст ли это какую-либо выгоду (возможно повышение быстродействия или загрузки браузера).
Просьба сильно не пинать, так как только начинаю вникать в суть да дело.

Отредактировано Acid Crash (25-04-2016 23:55:14)

Отсутствует

 

№266926-04-2016 00:04:16

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 48.0

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

Acid Crash пишет:

И он почему-то не работает

И не будет. Стили ctr устанавливаются с более высоким приоритетом. А не которые и вовсе только /*AGENT_SHEET*/ (что работает только в stylish. Через cb также есть возможность регистрировать стили с правами  AGENT_SHEET, но это другая тема) в начале стиля можно перебить. А для некоторых еще и дополнительные селекторы прописывать надо, например:

Выделить код

Код:

/*AGENT_SHEET*/
#main-window #urlbar {
    border: 1px solid rgba(0,0,0,0.32)!important;
}

- не перебьет стиль CTR. Только:

Выделить код

Код:

/*AGENT_SHEET*/
#main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme) {
    border: 1px solid rgba(0,0,0,0.32)!important;
}

Отредактировано turbot (26-04-2016 00:07:01)

Отсутствует

 

№267026-04-2016 00:19:22

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 278
UA: Firefox 45.0

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

turbot пишет:

И не будет...

Премного благодарен за пояснение. Пошел штудировать мат-часть

Отсутствует

 

№267101-05-2016 16:41:43

adrem475
Участник
 
Группа: Members
Зарегистрирован: 12-11-2010
Сообщений: 49
UA: Firefox 37.0

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

Подскажите пожалуйста, какой параметр отвечает за расстояние между значками / кнопками на тулбаре? Уж очень они огромные, можно ли их "поджать" с помощью userChrome.css? Сам размер значков устраивает, не устраивает расстояние между ними. FF 37.0.2 portable.
http://s018.radikal.ru/i506/1605/9e/c93dd1266fe8t.jpg

Отсутствует

 

№267201-05-2016 17:23:28

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

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

adrem475
Фрагмент этого стиля del
для панели навигации

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*AGENT_SHEET*/
/* 
Автор: Виталий В.
Описание: Для Firefox 31 и выше. 
ОС: Windows, Linux.
Сайт: https://sites.google.com/site/serials101
*/
@-moz-document url("chrome://browser/content/browser.xul") { 
/*Панель навигации*/
#nav-bar .toolbarbutton-1:not([type="menu-button"]):not(:-moz-any(#back-button, #forward-button)),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding: 1px !important;
    margin: 0 !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
    -moz-padding-end: 0 !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    -moz-padding-start: 0 !important;
}

#nav-bar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#back-button {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    -moz-padding-start: 3px !important;
    -moz-padding-end: 0px !important;
}

#back-button > .toolbarbutton-icon {
    border-style: solid !important;
    border-width: 1px !important;
    padding: 3px !important;
    width: 26px !important;
    max-width: none !important;
    min-width: 0 !important;
    transition: none !important;
    background-clip: padding-box !important;
}

#forward-button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
#nav-bar #PanelUI-menu-button {
    -moz-padding-start: 3px !important;
    -moz-padding-end: 3px !important;
}
 
#nav-bar toolbarbutton:not(#back-button):not(#forward-button):not(#PanelUI-menu-button).toolbarbutton-1[type="menu"] {
    -moz-padding-end: 3px !important;
}
 
#nav-bar #PanelUI-button {
    background: none !important;
    -moz-border-start: 1px solid;
    border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent);
    border-image-slice: 1;
} 
 
window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
    -moz-margin-start: -6px !important;
}

@media (-moz-os-version: windows-win10) {
 #back-button > .toolbarbutton-icon {
    padding: 4px !important;
    width: 28px !important;
 }

 window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
    -moz-margin-start: -8px !important;
 }
}

#urlbar-search-splitter {
    min-width: 4px !important;
    width: 4px !important;
    -moz-margin-start: -3px !important;
}
/*-----------------------*/ 
 
/*Disconnect*/    
#nav-bar #disconnect-badge {
    margin-top: 12px !important;
    margin-bottom: -12px !important;
}
/*----------------*/  
}


Или так только между значками
скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*AGENT_SHEET*/
@-moz-document url("chrome://browser/content/browser.xul") { 
/*Панель навигации*/
#nav-bar .toolbarbutton-1:not([type="menu-button"]):not(:-moz-any(#back-button, #forward-button)),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
    -moz-padding-end: 0 !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    -moz-padding-start: 0 !important;
}
 
#nav-bar #PanelUI-menu-button {
    -moz-padding-start: 3px !important;
    -moz-padding-end: 3px !important;
}
 
#nav-bar toolbarbutton:not(#back-button):not(#forward-button):not(#PanelUI-menu-button).toolbarbutton-1[type="menu"] {
    -moz-padding-end: 3px !important;
}
 
#nav-bar #PanelUI-button {
    background: none !important;
    -moz-border-start: 1px solid;
    border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent);
    border-image-slice: 1;
} 

#urlbar-search-splitter {
    min-width: 4px !important;
    width: 4px !important;
    -moz-margin-start: -3px !important;
}
/*-----------------------*/ 
}

Отредактировано Vitaliy V. (08-02-2017 20:22:40)

Отсутствует

 

№267301-05-2016 17:29:56

adrem475
Участник
 
Группа: Members
Зарегистрирован: 12-11-2010
Сообщений: 49
UA: Firefox 37.0

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

Vitaliy V. пишет:

Фрагмент этого стиля https://sites.google.com/site/serials10 … unded-tabs
для панели навигации

Спасибо, не знаю, важно ли это - у меня URL bar почищен (тоже стилем), там нет никаких кнопок и элементов, кроме собственно URL и иконки сайта).

http://s45.radikal.ru/i109/1605/e1/45abb231e851t.jpg

Т.е. меня только расстояние между кнопками расширений на тулбаре интересует (его уменьшение).

Отредактировано adrem475 (01-05-2016 17:33:03)

Отсутствует

 

№267401-05-2016 17:38:12

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

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

adrem475 пишет:

меня только расстояние между кнопками расширений на тулбаре интересует

Ну второй стиль должен подойти, если ваш стиль не помешает.

Отсутствует

 

№267501-05-2016 18:06:53

adrem475
Участник
 
Группа: Members
Зарегистрирован: 12-11-2010
Сообщений: 49
UA: Firefox 37.0

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

Vitaliy V. пишет:

Ну второй стиль должен подойти, если ваш стиль не помешает.

Хм, попробовал второй стиль и со своим кодом и вообще на чистом userChrome.css - ничего не меняется. От версии FF это не может зависеть?

Нашел еще такой код:
toolbarbutton {padding: 0px !important;}
Он сработал, но... только для панели закладок. Расстояние между значками расширений на тулбаре осталось прежним. :( Этот же код кстати сжимает и размер панелей (тулбар + панель закладок) по вертикали до минимума.

Отредактировано adrem475 (01-05-2016 18:19:30)

Отсутствует

 

Board footer

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