Mozilla Firefox: стили userChrome.css и скрипты js (2771) / Применение пользовательских стилей и скриптов в Firefox |
| /* 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
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |