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

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

№1075105-08-2021 20:49:03

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

unter_officer пишет

Попробуйте так:

@media (-moz-windows-classic) {
  toolbaritem.all-tabs-item[selected] {
    background-color: #0a246a !important;
    color: #ffffff !important;
  }
}

У меня так и есть. Просто я указал не весь код для классической темы, а лишь тот кусок, который относится к моему вопросу.

Отсутствует

 

№1075205-08-2021 21:02:13

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Алексей У. пишет

хотелось бы, чтобы иконки служебных страниц (например, "Настройки") сохраняли свой цвет (черный), а не меняли его вместе с надписью:

Ну вроде так работает, исключить иконку как не знаю, только fill разве что свой назначить

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

Выделить код

Код:

toolbaritem.all-tabs-item[selected] 
.subviewbutton-iconic > .toolbarbutton-icon {
	fill: black !important;
}

во-вторых, в классической теме при наведении (т. е. в режиме hover) по-прежнему остается серый фон вместо синего:

Не знаю, насколько это правильно, но у меня сработало

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

Выделить код

Код:

toolbaritem.all-tabs-item:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus) {
	background-color: #3399ff !important;
}


toolbaritem перед классом .all-tabs-item в принципе можно не использовать. И прячьте пожалуйста большие скрины под спойлер.

Отредактировано sandro79 (05-08-2021 21:12:18)

Отсутствует

 

№1075305-08-2021 21:31:38

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет

Ну вроде так работает, исключить иконку как не знаю, только fill разве что свой назначить

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

Выделить код

Код:

toolbaritem.all-tabs-item[selected] 
.subviewbutton-iconic > .toolbarbutton-icon {
	fill: black !important;
}

Спасибо большое, теперь нормально работает.

Не знаю, насколько это правильно, но у меня сработало

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

Выделить код

Код:

toolbaritem.all-tabs-item:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus) {
	background-color: #3399ff !important;
}

А вот с этим придется поработать еще, потому что теперь заливка распространяется на все hover-строки, а не только на активную вкладку.

Отсутствует

 

№1075405-08-2021 21:42:18

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Алексей У. пишет

потому что теперь заливка распространяется на все hover-строки, а не только на активную вкладку

Да, точно, там забыл я добавить [selected] после .all-tabs-item, так теперь нормально вроде

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

Выделить код

Код:

.all-tabs-item[selected]:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus) {
	background-color: #3399ff !important;
}


Вот так правильно будет, а то нагородил я там

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

Выделить код

Код:

.all-tabs-item[selected]:hover {
	background-color: green !important;
}


Фон строки активной вкладки и чтобы иконки служебных страниц сохраняли свой цвет

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

Выделить код

Код:

.all-tabs-item[selected] {
    background-color: #45a1ff;
}
.all-tabs-item[selected] .all-tabs-button > label {
    color: #ffffff;
}

Отредактировано sandro79 (06-08-2021 00:15:59)

Отсутствует

 

№1075506-08-2021 17:32:44

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет

Вот так правильно будет, а то нагородил я там

Да, этот код тоже работает.

Фон строки активной вкладки и чтобы иконки служебных страниц сохраняли свой цвет

Теперь хорошо, только голубая полоска слева осталась:
ec2d25fde44b.jpg

Отсутствует

 

№1075606-08-2021 18:06:51

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Алексей У. пишет

только голубая полоска слева осталась

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

Выделить код

Код:

#allTabsMenu-allTabsView {
	--blue-40: transparent !important;
}

Отсутствует

 

№1075706-08-2021 18:26:10

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет
Алексей У. пишет

только голубая полоска слева осталась

Теперь нормально.
Если не трудно, еще посмотрите, пожалуйста, этот вопрос https://forum.mozilla-russia.org/viewto … 20#p793320, буду очень благодарен.

Отсутствует

 

№1075806-08-2021 19:07:38

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Алексей У. пишет

Да, я видел тот вопрос. Ну тут же не подписано ни одного правила, а их там не мало. Ладно бы ещё интерфейс или страницы [firefox], а тут же ничего не поймёшь, по-новой разбираться, и то неизвестно получится ли. Не, мне не по зубам страницы Гугла рихтовать.

Отсутствует

 

№1075906-08-2021 19:59:02

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет

Да, я видел тот вопрос. Ну тут же не подписано ни одного правила, а их там не мало. Ладно бы ещё интерфейс или страницы [firefox], а тут же ничего не поймёшь, по-новой разбираться, и то неизвестно получится ли. Не, мне не по зубам страницы Гугла рихтовать.

Я имел в виду, как сделать так, чтобы высота синей области (где значок лупы) при любых условиях была равна высоте поля поиска. Подробнее мой вопрос изложен здесь https://forum.mozilla-russia.org/viewto … 16#p793216. Коды элементов брал из инспектора (контекстное меню - "Исследовать элемент").

Отсутствует

 

№1076006-08-2021 20:11:20

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Алексей У. пишет

Я имел в виду, как сделать так, чтобы высота синей области (где значок лупы) при любых условиях была равна высоте поля поиска

Да, я это понял.

Коды элементов брал из инспектора (контекстное меню - "Исследовать элемент")

Ну это понятно. Нет, тут я не знаю что делать, увы.

Отсутствует

 

№1076106-08-2021 21:20:19

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 81
UA: Firefox 78.0

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

Vitaliy V.
Здравствуйте!
Пользуюсь вашими работами, делаю свой стиль, помогите пожалуйста в настройке некоторых элементов
MVjbJDb.png
Спасибо!

Отсутствует

 

№1076207-08-2021 01:04:44

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

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

m_nikolay
цвет линий, но возможно уберу этот параметр вообще
/* темный фон светлый текст --> */
...
--v-tabs-border-color: ...


убрать кнопку - удалить код где есть комментарий
/* Классическое меню - показывать при наведении или при нажатии клавиши "Alt" --> */
...
/* <-- Классическое меню - показывать при наведении или при нажатии клавиши "Alt" */

Отредактировано Vitaliy V. (07-08-2021 01:05:17)

Отсутствует

 

№1076307-08-2021 05:18:04

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 81
UA: Firefox 78.0

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

Vitaliy V.
Спасибо! Теперь все отлично.:)

Отсутствует

 

№1076407-08-2021 14:25:13

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

Вопрос по userContent.css. Как зафиксировать блок, чтобы он не перекрывал разделитель над ним (через несколько секунд после загрузки страницы блок смещается вверх, а разделитель исчезает)? Сайт: vk.com, имя блока: .left_menu_nav_wrap.
94b0073e47fc.jpg

Отсутствует

 

№1076507-08-2021 23:50:39

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Алексей У. пишет

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

Это не разделитель, а скорее верхний бордюр этого блока. Ничего подобного у себя не наблюдаю

скрытый текст
Image_001.png
Вы, судя по нестандартному значку "Файлы", явно забыли упомянуть, что используете стиль или скрипт для смены внешнего вида страницы, оттуда видимо и проблема, тем более через неск. сек., пока костыль отработает полностью. Это лучше автору стиля/скрипта отписаться, чтоб поправил, если сможет. Может попробовать прописать почти или стандартные значения
скрытый текст

Выделить код

Код:

@-moz-document domain("vk.com") {
#ads_left.ads_left_empty + .left_menu_nav_wrap {
	padding-top: 20px !important; /* 16px по умолчанию */
	border-top: 1px solid var(--steel_gray_100) !important; /* по умолчанию */
	/* border-top: 1px solid black !important; */
}
}

Отсутствует

 

№1076608-08-2021 08:01:17

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 237
UA: Firefox 91.0

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

Выделить код

Код:

input:focus-visible {  outline: none !important;}

как этот код применить только к определенному классу или id?

Выделить код

Код:

.cui-widget-panelview input:focus-visible {  outline: none !important;}

Что-то не получается

Отредактировано momo2000 (08-08-2021 08:01:34)

Отсутствует

 

№1076708-08-2021 10:15:37

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет

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

Без расширения и стиля работает точно так же (это я сразу проверил, потому что тоже подумал, что стиль виноват)
47fd54cb632c.jpg

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

Этот код, к сожалению, не решает проблему.
В общем-то мне этот разделитель (или граница) не так и нужен, а больше беспокоит смещение указанного блока (хотя и мелочь, но не люблю, когда на странице что-то происходит без моего ведома). Пробовал зафиксировать его с помощью position: fixed и position:absolute с использованием padding'ов как у вас. Фиксировать - фиксирует, но вместе с чертой и вышеупомянутым эффектом (кстати, эффект возник недавно, неделю или две назад, до этого все нормально было).

Отсутствует

 

№1076808-08-2021 15:14:18

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 78.0

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

Vitaliy V.
Здравствуйте, не могли бы помочь, можно ли так сделать чтобы название новой вкладки(пустой) было такое же как и название контейнера в котором она открывается?

Отсутствует

 

№1076908-08-2021 19:50:19

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

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

momo2000 пишет

Что-то не получается

Должно работать если конечно input не находится Shadow DOM, или др. документе
Приведите конкретный пример

Stkvsky пишет

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

т.е. название Новая вкладка заменить на название контейнера
Можно было не сюда писать, а в тему UCF ,понятно же что одним стилем это не сделать

Ну попробуйте такой скрипт для custom_script_win.js:
css анимация (как таковой её нет) срабатывает когда на вкладке есть атрибут usercontextid и соответствующее название вкладки
анимация через слушатель запускает js функцию что и приводит к переименованию вкладки

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

Выделить код

Код:

(this.tabusercontextlabel = {
            init(that) {
                var slot = this.slot = gBrowser.tabs[0].flattenedTreeParentNode || gBrowser.tabContainer;
                if (!slot) return;
                slot.addEventListener("animationstart", this, true);
                that.unloadlisteners.push("tabusercontextlabel");
                var style = "data:text/css;charset=utf-8," + encodeURIComponent(`
                    .tabbrowser-tab[usercontextid]:is([label="Новая вкладка"],[label="New Tab"]) .tab-label-container {
                        opacity: 0;
                        animation-name: user_context !important;
                        animation-timing-function: step-end !important;
                        animation-duration: .2s !important;
                        animation-iteration-count: 1 !important;
                        animation-fill-mode: forwards !important;
                        animation-delay: 0s !important;
                    }
                    @keyframes user_context {
                        from {
                          opacity: 0;
                        }
                        to {
                          opacity: 1;
                        }
                    }
                `);
                windowUtils.loadSheetUsingURIString(style, windowUtils.USER_SHEET);
            },
            handleEvent(e) {
                this[e.animationName]?.(e);
            },
            user_context(e) {
                var tab = e.target.closest(".tabbrowser-tab");
                if (!isInitialPage(tab.linkedBrowser.currentURI.spec)) return;
                gBrowser._setTabLabel(tab, ContextualIdentityService.getUserContextLabel(tab.userContextId));
            },
            destructor() {
                this.slot.removeEventListener("animationstart", this, true);
            }
        }).init(this);

Vitaliy V. пишет

но возможно уберу этот параметр вообще

Кстати довольно большое обновление моего стиля full_theme https://github.com/VitaliyVstyle/Vitali … full_theme
+ сделал theme_experiment vitaliyvstyle_theme_exp...
кто использует обычную мою тему лучше конечно заменить на theme_experiment, но она не подписана (нельзя подписать)

Отсутствует

 

№1077008-08-2021 21:42:45

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 78.0

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

Vitaliy V.
Класс, спасибо большое

Отредактировано Stkvsky (08-08-2021 23:53:44)

Отсутствует

 

№1077108-08-2021 23:26:00

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Алексей У. пишет

Этот код, к сожалению, не решает проблему

Да я сильно и не надеялся на это. Но мало ли.

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

Вообще я грешил на устаревший [firefox], но на чистом 68, не смог тоже воспроизвести проблему, скриншот ниже. Нет, вариантов решения больше у меня нет

скрытый текст
______.PNG

Stkvsky пишет

поставил, чего то не работает, может из за того что у меня анимации отключены может такое быть?

Да, работает всё. Добавил на пробу, посмотреть, что за зверь такой, в custom_script_win.js в секцию // Здесь может быть ваш код который сработает по событию "load" не раньше. Включите анимации и проверьте :)

скрытый текст
______2.PNG

Отсутствует

 

№1077208-08-2021 23:49:47

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 78.0

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

sandro79
Ааа, а я вставил просто в конец, забыл:dumb: спасибо

Отредактировано Stkvsky (08-08-2021 23:54:02)

Отсутствует

 

№1077309-08-2021 08:13:12

f480185
Участник
 
Группа: Members
Зарегистрирован: 05-04-2012
Сообщений: 158
UA: Firefox 90.0

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

Доброго времени суток.
Подскажите,пожалуйста,каким обзором можно сменить порядок открывая ссылок,чтобы на первом месте было открыть в новом окне,а следом было открыть в новой вкладке
Скрин пояснение:

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

Отсутствует

 

№1077409-08-2021 11:04:00

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 81
UA: Firefox 78.0

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

Vitaliy V.
Здравствуйте!
Не хотел вас беспокоить по мелочи, но самостоятельно я не смог решить проблемку - боковые и нижнюю линии я убрал, а верхнюю не получается:

pp5X1p5.png

Раньше я убирал ее при помощи кода:

Выделить код

Код:

#TabsToolbar .tabbrowser-tab .tab-line
{
  visibility: hidden;
}

Сейчас не получается почему-то. Подскажите пожалуйста, как мне решить этот вопрос, если будет время и настроение конечно. Спасибо!
Всего вам наилучшего.:)

Отредактировано m_nikolay (09-08-2021 11:04:48)

Отсутствует

 

№1077509-08-2021 11:28:34

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 78.0

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

m_nikolay
Попробуйте так

Выделить код

Код:

.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none!important;
   
}

Отсутствует

 

Board footer

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