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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№500124-11-2018 16:21:32

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
Спасибо за Ширину закладок!!!

Добавлено 24-11-2018 16:26:23
Vitaliy V.
Можно ли в файле CSS подписать: какой код за что отвечает. Например "Ширина закладок". Как это сделать что бы не сломать CSS?

Отредактировано Вит (24-11-2018 16:26:23)

Отсутствует

 

№500224-11-2018 16:34:35

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

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

Вит пишет

Как это сделать что бы не сломать CSS?

/* Ширина закладок */

Отсутствует

 

№500324-11-2018 16:40:57

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 63.0

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

Vitaliy V.
Как обойтись без этого ? Можно в omni.ja влезть?

скрытый текст
@-moz-document url("about:blank") {body{background: #EAEAEA;))

Новая вкладка в 63 заманала....Поиск intab - true из адреса , из поиска и новая вкладка переход делает....Пустая - нет , так  background: опять надо...а не охота.

Отсутствует

 

№500424-11-2018 16:48:43

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

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

xrun1 пишет

И, кстати, у Вас точно 52-я? Тогда поставлю себе портабельную для посмотреть.

Мне нужно было для [firefox] 58. Спасибо за помощь!

Отредактировано kokoss (24-11-2018 18:00:28)


Win7

Отсутствует

 

№500524-11-2018 18:25:07

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

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

drage2 пишет

Как обойтись без этого ?

А чем не устраивает? Скобки только в конце фигурные надо

Отсутствует

 

№500625-11-2018 14:16:43

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
Скажите пожалуйста как сделать расстояние по вертикали 1 px между много открытыми вкладками, а то они слитно у меня: верхние с нижними впритык

Отредактировано Вит (25-11-2018 16:21:31)

Отсутствует

 

№500725-11-2018 16:06:29

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 63.0

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

Vitaliy V.
В последних версиях это не действует на кнопки расширений, что бы это могло значить? Т.е. невозможно сузить расстояния между ними

скрытый текст
.toolbarbutton-1 > .toolbarbutton-icon,
.toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon {
margin: ?px !important;
padding: ?px !important;
border-radius: ? !important;
)

Отсутствует

 

№500825-11-2018 17:13:46

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

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

Вит пишет

Что бы я ни делал - цвет остается серый (как цвет активной вкладки)

.tab-bottom-line используется для подсветки вкладок контейнеров

скрытый текст
userContext.png

privacy.userContext.enabled - true
privacy.userContext.ui.enabled - true
privacy.userContext.longPressBehavior - 2
Так что нужно то, сделать подчёркивание непрочитанных вкладок вместо цвета фона как там https://forum.mozilla-russia.org/viewto … 84#p763384 ?
Тогда либо контейнеры на не активных вкладках будут другим цветом либо непрочитанные ...

drage2 пишет

невозможно сузить расстояния между ними

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

Выделить код

Код:

:root {
    --toolbarbutton-border-radius: 0px !important;
    --toolbarbutton-outer-padding: 2px !important;
    --toolbarbutton-inner-padding: 6px !important;
}
/* компактный режим */
:root[uidensity="compact"] {
    --toolbarbutton-outer-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
}
/* мобильный режим */
:root[uidensity="touch"] {
    --toolbarbutton-outer-padding: 2px !important;
    --toolbarbutton-inner-padding: 9px !important;
}


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

Отсутствует

 

№500925-11-2018 17:20:28

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
Понял. Тот вопрос снят. Остался про расстояние по вертикали между вкладками

Отсутствует

 

№501025-11-2018 17:28:58

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

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

Вит пишет

а то они слитно у меня: верхние с нижними впритык

как это верхние с нижними, многострочные вкладки что ли?
Я откуда знаю что за стили там у вас...

Отредактировано Vitaliy V. (25-11-2018 17:29:28)

Отсутствует

 

№501125-11-2018 17:37:25

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
В основном ваши стили. Мне надо расстояние между вкладками по вертикали. Допустим открыто 3 строки вкладок и между первой и второй строкой сделать маленький отступ. Вот и всё

Отсутствует

 

№501225-11-2018 17:48:28

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

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

Вит пишет

В основном ваши стили ... открыто 3 строки вкладок

я не выкладывал здесь стиль для многострочных вкладок, и для нового [firefox] не делал.

Отсутствует

 

№501325-11-2018 17:53:13

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
Ранее вы подсказали как сделать вкладки в несколько строк (может и не вы). Но суть вопроса не меняет. Подскажите?

Отсутствует

 

№501425-11-2018 18:04:24

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

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

Вит
я не подсказывал это.
Ну попробуйте добавить padding сверху

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

Выделить код

Код:

#TabsToolbar .tabbrowser-tab {
    padding-top: 2px !important;
}


это же надо смотреть как с другими стилями будет...

Отсутствует

 

№501525-11-2018 18:12:43

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
не подходит, извините за беспокойство

Отсутствует

 

№501626-11-2018 14:00:35

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 63.0

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

Vitaliy V.
Если возможность навести свои :hover background  на кнопки панели навигации? На закладки и иконки в URLbar не надо.

Отсутствует

 

№501726-11-2018 14:20:08

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

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

drage2 пишет

Если возможность навести свои :hover background  на кнопки панели навигации?

лучше всего сделать свою тему там кроме кнопок многое можно изменить
вот например моя https://github.com/VitaliyVstyle/Vitali … .11.20.xpi
всё очень просто цвета настроить в manifest.json -> "colors": { ...

конкретно по кнопкам
"button_background_hover": "rgba(179,179,181,0.4)",
"button_background_active": "rgb(0,116,232)",

после удалить "update_url": ... и папку META-INF
и изменить "id":
тогда можно будет подписать тему на AMO...

ну или стилем это изменит цвета всех тем

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

Выделить код

Код:

:root {
    --toolbarbutton-hover-background: blue !important;
    --toolbarbutton-active-background: darkblue !important;
}

:root:-moz-lwtheme-darktext,
toolbar:not([brighttext]) {
    --toolbarbutton-hover-background: blue !important;
    --toolbarbutton-active-background: darkblue !important;
}

:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --toolbarbutton-hover-background: blue !important;
    --toolbarbutton-active-background: darkblue !important;
}

Отредактировано Vitaliy V. (26-11-2018 14:24:01)

Отсутствует

 

№501826-11-2018 14:29:16

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
Вы дали отличный код в посте #4882 по раскрашиванию вкладок. Сейчас я сделал немного скругленные вкладки и цвет чуток вылазит за радиус и чуть по бокам. радиус у меня 5px. Можно как то это исправить? Спасибо

Отсутствует

 

№501926-11-2018 14:57:37

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

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

Вит
.tab-background раскрашивать нельзя потому что цвет при наведении затронет
остаётся .tab-stack

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

Выделить код

Код:

#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-stack {
    color: black !important;
    background-color: white !important;
}

#TabsToolbar[brighttext] .tabbrowser-tab:not([selected="true"]) .tab-stack {
    color: white !important;
    background-color: black !important;
}

#TabsToolbar .tabbrowser-tab:not([selected="true"]):not([busy])[notselectedsinceload="true"] .tab-stack {
    color: black !important;
    background-color: Tomato !important;
}

#TabsToolbar[brighttext] .tabbrowser-tab:not([selected="true"]):not([busy])[notselectedsinceload="true"] .tab-stack {
    color: white !important;
    background-color: DarkRed !important;
}


если без изменений добавьте радиусы
скрытый текст

Выделить код

Код:

#TabsToolbar .tabbrowser-tab :-moz-any(.tab-stack,.tab-background,.tab-loading-burst,.tab-content) {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden;
}

Отсутствует

 

№502026-11-2018 15:24:18

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
Все хорошо, даже радиус не пришлось добавлять! Но первая вкладка всегда как прочитанная: например моя дом. страница Майл.ру. Я запустил браузер и не дожидаясь загрузки Майл.ру сразу кликом мыши(средним) открываю папку с форумами (5шт вкладок). А начальная страница не закрашена, как прочитанная. Вот ее бы тоже закрасить! Можно

Отсутствует

 

№502126-11-2018 15:44:46

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

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

Вит пишет

Но первая вкладка всегда как прочитанная:

Вит пишет

А начальная страница не закрашена, как прочитанная.

Не противоречите сами себе ?

при запуске вкладка была активной значит прочитана
непрочитанными будут те что были открыты или перезагружены в фоне

Отсутствует

 

№502226-11-2018 16:11:02

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
Понял, сам протупил

Добавлено 26-11-2018 16:28:18
Vitaliy V.
А можно увеличить расстояние между Панелью меню и Поисковой строкой?

Отредактировано Вит (26-11-2018 16:28:18)

Отсутствует

 

№502326-11-2018 16:48:35

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 63.0

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

Vitaliy V.
Не получяется через root. а,каждую кнопку заманаешься...Хотел по принципу  filters.svg , как с кнопкой close

скрытый текст
.tabbrowser-tab .tab-close-button:hover {
  filter: url("chrome://global/skin/icons/filters.svg#hover");
}
.tabbrowser-tab .tab-close-button:hover:active {
  filter: url("chrome://global/skin/icons/filters.svg#active");
}
.tabbrowser-tab:not([selected="true"]):not(:hover) .tab-close-button {
  filter: url("chrome://global/skin/icons/filters.svg#disabled");
  opacity:1;
}

Просто чтобы яркость менялась

Отредактировано drage2 (26-11-2018 16:49:45)

Отсутствует

 

№502426-11-2018 18:02:36

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

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

Вит пишет

А можно увеличить расстояние между Панелью меню и Поисковой строкой?

может так

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

Выделить код

Код:

#urlbar, #searchbar .searchbar-textbox {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}


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

drage2
так бы и сказал что иконки а не фон
для встроенных кнопок можно так сделать

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

Выделить код

Код:

toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack {
    fill: orange !important;
    fill-opacity: 1 !important;
}

toolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
    fill: grey !important;
    fill-opacity: 0.5 !important;
}

Отсутствует

 

№502526-11-2018 18:14:57

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 63.0

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

Vitaliy V.
Супер, спасибо!!!!

Отсутствует

 

Board footer

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