-Поиск по дневнику

Поиск сообщений в rss_ruboard

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.11.2007
Записей:
Комментариев:
Написано: 10


Mozilla Firefox: стили userChrome.css и скрипты js (2771) / Применение пользовательских стилей и скриптов в Firefox

Суббота, 28 Октября 2023 г. 06:57 + в цитатник
Death_INN:
Отступы для иконок с примерами. FF139+
browser.uidensity = 1
svg.context-properties.content.enabled = true

Код:
/* icons.css */

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

@-moz-document url-prefix("chrome://browser/content/browser") {

/* выделить в пунктах меню место для иконок (menu, menuitem) */
/* выделить место для иконок (toolbarbutton.subviewbutton) и гамбургерного zoom (toolbaritem) */
menupopup:not(.in-menulist) menu:not([icon], .menu-iconic),
menupopup:not(.in-menulist) menuitem:not([checked="true"], [icon], .menuitem-iconic),
toolbarbutton.subviewbutton:not([class^="unified"], .subviewbutton-iconic, [checked="true"]),
toolbaritem#appMenu-zoom-controls.subviewbutton {
&::before {
-moz-context-properties: fill;
content: var(--content-type, "");
width: 16px;
height: 16px;
margin-inline-end: 8px;
background: no-repeat center/16px var(--b-image, none);
fill: var(--f-image, none);
}
}
/* если не стоит птичка, то отображать пустой квадрат */
/* гамбургер -- More tools -- подменю. если не стоит птичка на этих двух пунктах, то отображать пустой квадрат */
menupopup:not(.in-menulist) menuitem:is([type="checkbox"], [type="radio"]):not([checked="true"], [label="Eyedropper"]),
#appmenu-developer-tools-view > toolbarbutton.subviewbutton:not([checked="true"]):is([label="Web Developer Tools"], [label="Responsive Design Mode"]) {
&::before {
width: 14px;
height: 12px;
border: 1px solid ThreeDLightShadow;
}
}
/* default: none */
.toolbar-menupopup :is(menu, menuitem)::before {
content: "" !important;
}
/* уменьшим padding */
menupopup:not(.in-menulist) > :is(menu, menuitem),
toolbarbutton.subviewbutton:not([class^="unified"]),
toolbaritem#appMenu-zoom-controls.subviewbutton {
padding-inline: 4px !important;
}
/* отменить выделение места для иконок (toolbarbutton) внутри комбинированных (toolbaritem) */
/* как пример: гамбургер - zoom (кнопка 100%) */
toolbaritem.toolbaritem-combined-buttons > toolbarbutton.subviewbutton:not(.subviewbutton-iconic) {
--content-type: none;
}
/* прозрачность иконок в неактивных пунктах */
menupopup:not(.in-menulist) :is(menuitem, menu)[disabled]::before {
opacity: 0.4;
}
/* межстрочный интервал между пунктами различных (не)контекстных (menuitem, menu) */
menupopup:not(.in-menulist) > :is(menuitem, menu) {
padding-block: 0.18em !important;
}



/* ------------------------------------------- */
/* иконки для пунктов со стрелкой */
menupopup:not(.in-menulist) menu:not([icon], .menu-iconic) {
&[label="Copy"]::before {
--b-image: url("chrome://global/skin/icons/edit-copy.svg");
--f-image: currentColor;
}
&[label="Paste"]::before {
--b-image: url("chrome://browser/skin/edit-paste.svg");
--f-image: currentColor;
}
&[label="Browser Tools"]::before {
--b-image: url("chrome://global/skin/icons/developer.svg");
--f-image: currentColor;
}
/* переменная для иконки zoom */
&[label="Zoom"]::before {
--b-image: var(--my-zoom-icon);
}
&[label^="Close Multiple"]::before {
--b-image: url("data:image/svg+xml;charset=utf-8,");
--f-image: currentColor;
}
}
/* ------------------------------------------- */



/* ------------------------------------------- */
/* иконки для пунктов без стрелки */
menupopup:not(.in-menulist) menuitem:not([checked="true"], [icon], .menuitem-iconic) {
&[label="Undo"] {
--b-image: url("chrome://global/skin/icons/undo.svg");
--f-image: currentColor;
}
&[label="Redo"] {
--b-image: url("chrome://global/skin/icons/undo.svg");
--f-image: var(--color-blue, currentColor);
&::before {
transform: rotateY(180deg);
}
}
&[label="Cut"] {
--b-image: url("chrome://browser/skin/edit-cut.svg");
--f-image: currentColor;
}
&[label="Delete"] {
--b-image: url("chrome://global/skin/icons/delete.svg");
--f-image: currentColor;
}
&[label^="Select All"] {
--b-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC70lEQVQ4y3WTz08TURDHRzwpR+KhejUx+KNSaEFQMTH8ihSKUGBpKRQwoaUt0NACpXTb3S3dbbds6bYqGP0TTPQsHjhz0IREb3DSix5MT2oDz5kaxQQ5TPLy3sxkvp/3HRhfUG1mdzHXMK4rshQDTVyATTUKQiIO9a6iRiEIccgnQ/A0EwUFcyzugmJy6bmpsGqFOpeeb89/YZbkwWGXJ+cbmss6uKDmuDepLVlSnxkFnel+cDbr6PEX/A3i/iHVNLn1NHVLm8X98iXnq7KpY6LfF11vnl6UW3q9Gce1yIefFHT2LMktvpX15trWEfvF0ddlqmly5wUcia/u9ORmrjTbBz0TI5BTU5ASVkES4xAIxw0UEkqg0VVZgCnXINTeGbJ34yTpJH++onlobp3zr2rGzFoC4onEOUmSqhQhAik+XImMtAKxWKzylsusgXcla0Q53BNkUgGGmvumw7KRIFKiIkbhYSDnMgff7JiD2zvd3qxTxjtJEqtSQhQ8i4oRmdgILNG+cBchWb2qUxL4s2lxBfDM3d4osfatMnvw7AfrKH5jvX6No6kox+pRnVSD0mrgpqtQsKQ+sauRj8wf4g0pPgT1wbe77Vsldj2yx1qFd8z2osTq5rd36Y1yKJd+p35MV//bwIQNOrBBq/CeNfJ7rG2zxEzBUxoICf6EhJ6ZLNf1GMd+/h2Ly4zkIJORvxK8fyQkamAruwrD85qtAlH8DVFGUH1+bbQBARJEK0JUKhClkxDzyUUYDmocGuj4G0XxzGnfuIE+mcFvHAhkhotyBEAWV6s7pzWfqW28f87rBi2dPNVImbU4+B6NQkPnZH+3Tw9UjERWtkgHZYPjZfnGfdfAsZXVE1b2R7Xmyy12uwFtTzWNZGVapjZcDLN0cIST+FGOg5uvLNPyP8u0PDyfdQwEVIfVp8/iMh215b+ypgk9A7SSuFUKLQbKgQ1kQmATCR4sY7pMIaKcvBQC0pxGGbcmdME8tqFMhdJdvwBJDsYOn6SJMwAAAABJRU5ErkJggg");
}
&[label="Pin Tab"] {
--b-image: url("data:image/svg+xml;charset=UTF-8,");
--f-image: currentColor;
}
&[label="Unpin Tab"] {
--b-image: url("data:image/svg+xml;charset=UTF-8,");
--f-image: currentColor;
}
}
/* ------------------------------------------- */



/* ------------------------------------------- */
/* иконки (в основном гамбургера) */
toolbarbutton.subviewbutton:not(.subviewbutton-iconic, [checked="true"]) {
&[label^="Add-ons"] {
--b-image: url("chrome://mozapps/skin/extensions/extension.svg");
--f-image: currentColor;
}
&[label="History"] {
--b-image: url("chrome://browser/skin/history.svg");
--f-image: currentColor;
}
&[label="More tools"] {
--b-image: url("data:image/svg+xml;charset=utf-8,");
--f-image: currentColor;
}
}
/* ------------------------------------------- */

/* переменная для иконки гамбургер zoom */
toolbaritem#appMenu-zoom-controls.subviewbutton {
--b-image: var(--my-zoom-icon);
}

/* ------------------------------------------- */
/* комбинации селекторов для сокращения кода */
menupopup:not(.in-menulist) menuitem:not([checked="true"], [icon], .menuitem-iconic),
toolbarbutton.subviewbutton:not(.subviewbutton-iconic, [checked="true"]) {
&[label="Browser Console"] {
--b-image: url("data:image/svg+xml;charset=utf-8,");
--f-image: currentColor;
}
&[label^="Print"] {
--b-image: url("chrome://global/skin/icons/print.svg");
--f-image: currentColor;
}
&[label^="Find"],
&[label^="Search"] {
--b-image: url("chrome://global/skin/icons/search-glass.svg");
--f-image: currentColor;
}
}

menupopup:not(.in-menulist) menu:not([icon], .menu-iconic),
toolbaritem#appMenu-zoom-controls.subviewbutton {
--my-zoom-icon: url("data:image/svg+xml;charset=utf-8,");
--f-image: currentColor;
}
/* ------------------------------------------- */
}

http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&glp#lt

Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку