From db3291c1c8e47413d6410f2c921988aefb0aef85 Mon Sep 17 00:00:00 2001 From: "t. Macleod Sawyer" Date: Sun, 28 Feb 2021 18:39:39 -0600 Subject: [PATCH] Update and rename userChrome.md to userChrome.css --- firefox/userChrome.css | 163 +++++++++++++++++++++++++++++++++++++++++ firefox/userChrome.md | 93 ----------------------- 2 files changed, 163 insertions(+), 93 deletions(-) create mode 100644 firefox/userChrome.css delete mode 100644 firefox/userChrome.md diff --git a/firefox/userChrome.css b/firefox/userChrome.css new file mode 100644 index 0000000..a83d3f2 --- /dev/null +++ b/firefox/userChrome.css @@ -0,0 +1,163 @@ +#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { + opacity: 0; + pointer-events: none; +} +#main-window:not([tabsintitlebar="true"]) #TabsToolbar { + visibility: collapse !important; +} + +#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { + display: none; +} + +/*Collapse in default state and add transition*/ +#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] { + overflow: hidden; + min-width: 40px; + max-width: 40px; + border-right: 1px solid var(--panel-separator-color); + z-index: 2; +} + +/*Expand to 260px on hover*/ +#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover, +#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar { + min-width: 260px !important; + max-width: 260px !important; + z-index: 1; + margin-right: -210px !important; +} + +:root { + --sidebar-width: 50px; + --toolbar-height: -50px; + --menubar-height: -75px; + --toolmenubar-height: -80px; + --sidebar-padding: calc(var(--sidebar-width) + 5px); +} + + +#main-window #PersonalToolbar { + margin-left: var(--sidebar-width); + padding: 2px 5px; + padding-top: 0px; + margin-top: -1px; +} + +/* lock sidebar to height by doing the inverse margin of the toolbar element */ +#sidebar-box { + z-index: 1000 !important; + position: relative!important; + margin-top: var(--menubar-height) !important; + border-right: 1px solid #ccc; +} + +#main-window[title^="Firefox Developer Edition"] #sidebar-box { + margin-top: var(--toolmenubar-height) !important; +} + +/* lock sidebar to specified width */ +#sidebar-box, #sidebar-box #sidebar { + min-width: var(--sidebar-width) !important; + max-width: var(--sidebar-width) !important; +} + +/* hide sidebar header for tree style tabs sidebar */ +#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { + display: none; +} + +/* Hide the title bar */ +#titlebar{ visibility: collapse; } + +/* hide normal horizontal tab bar */ +#TabsToolbar { visibility: collapse; } + +#sidebar { border-right: 1px solid #ccc; } + +toolbar#nav-bar { + padding-top: 12px; + padding-bottom: 7px; + margin-left: var(--sidebar-width); + padding-left: 7px; +} + +.sidebar-splitter { + opacity: 0 !important; + width: 0px !important; + border: none !Important; + --avatar-image-url: none !important; +} + +:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon { + border: none !important; + background: none !important; +} + +/* --- Prevent enlargement */ +#urlbar[breakout-extend] { + top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; + left: 0 !important; + width: 100% !important; +} + +#urlbar[breakout-extend] #urlbar-input-container { + height: var(--urlbar-height) !important; + /*padding: 0px !important;*/ + padding-block: 0px !important; + padding-inline: 0px !important; +} +.urlbarView-row { + padding: 0px 2px 0px 2px; +} +/* END Prevent enlargement --- */ + +/*/* --- Reduce row paddings to make them more compact */ +.urlbarView-row { + padding: 2px 0px !important; + line-height: 1.2em !imortant; + margin: -1px; + margin-bottom:0px; +} +.urlbarView-row-inner { + padding-bottom: 6px !important; +} +.urlbarView { + margin: 0px !important; + width: 100% !important; +} +/* END Reduce row paddings to make them more compact --- */ + +/* Disable Urlbar Animation */ +#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { + animation-name: none !important; + animation: none !important; +} + +/* --- More compact "Search with Google" rows */ +.urlbarView-row[dynamicType="onboardTabToSearch"] > .urlbarView-row-inner { + min-height: auto !important; + width: auto !important; +} +.urlbarView-row[dynamicType="onboardTabToSearch"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon { + margin-bottom: -1px; +} +/* END More compact "Search with Google" rows --- */ + + #nav-bar{ --toolbar-field-focus-border-color: #ccc } + +.bookmark-item[container] { + list-style-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi4zNTcxNyAzLjM2MDc1QzIuMTMzMjMgMy41ODY5MyAyLjAwNTE1IDMuODkyMjEgMiA0LjIxMjAzVjExLjc4NzJDMS45OTQ0MSAxMS45NDc5IDIuMDIxNjMgMTIuMTA4MSAyLjA3OTk2IDEyLjI1NzdDMi4xMzgyOCAxMi40MDczIDIuMjI2NDggMTIuNTQzMSAyLjMzOTA0IDEyLjY1NjhDMi40NTE2IDEyLjc3MDUgMi41ODYxMyAxMi44NTk2IDIuNzM0MjUgMTIuOTE4NUMyLjg4MjM3IDEyLjk3NzQgMy4wNDA5MSAxMy4wMDQ5IDMuMiAxMi45OTkzSDEyLjhDMTMuMTE2NyAxMi45OTQxIDEzLjQxODkgMTIuODY0NyAxMy42NDI4IDEyLjYzODVDMTMuODY2OCAxMi40MTIzIDEzLjk5NDggMTIuMTA3MSAxNCAxMS43ODcyTDE0IDZDMTQgNS41IDEzLjUgNSAxMyA1SDhMNi44IDNIMy4yQzIuODgzMzQgMy4wMDUyIDIuNTgxMSAzLjEzNDU3IDIuMzU3MTcgMy4zNjA3NVpNMi45OTkzOSAxMS44MjJMMyAxMS44MDQ2VjQuMjIzMThDMy4wMDIyMyA0LjE2MTcxIDMuMDI3NDEgNC4xMDUxMSAzLjA2Nzc5IDQuMDY0MzJDMy4xMDc3MyA0LjAyMzk4IDMuMTU5MjkgNC4wMDIwOCAzLjIxMTYxIDRINi4yNDU4OUw3LjUgNkgxMi44QzEyLjkxMDUgNiAxMyA2LjA4Nzk2IDEzIDYuMTk4NDJDMTMgNy4xMzEwNyAxMyAxMS4wNjM2IDEzIDExLjc3NjFDMTIuOTk3OCAxMS44Mzc2IDEyLjk3MjYgMTEuODk0MiAxMi45MzIyIDExLjkzNUMxMi44OTIzIDExLjk3NTMgMTIuODQwNyAxMS45OTcyIDEyLjc4ODQgMTEuOTk5M0gzLjE4MjI3TDMuMTY0NTUgMTEuOTk5OUMzLjE0NDA2IDEyLjAwMDYgMy4xMjM0MyAxMS45OTcxIDMuMTAzODMgMTEuOTg5M0MzLjA4NDIxIDExLjk4MTUgMy4wNjU2NyAxMS45Njk0IDMuMDQ5NjYgMTEuOTUzM0MzLjAzMzY0IDExLjkzNzEgMy4wMjA1MSAxMS45MTcxIDMuMDExNjUgMTEuODk0NEMzLjAwMjc4IDExLjg3MTcgMi45OTg1MyAxMS44NDcgMi45OTkzOSAxMS44MjJaIj48L3BhdGg+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi45OTkzOSAxMS44MjJMMyAxMS44MDQ2VjQuMjIzMThDMy4wMDIyMyA0LjE2MTcxIDMuMDI3NDEgNC4xMDUxMSAzLjA2Nzc5IDQuMDY0MzJDMy4xMDc3MyA0LjAyMzk4IDMuMTU5MjkgNC4wMDIwOCAzLjIxMTYxIDRINi4yNDU4OUw3LjUgNkgxMi44QzEyLjkxMDUgNiAxMyA2LjA4Nzk2IDEzIDYuMTk4NDJDMTMgNy4xMzEwNyAxMyAxMS4wNjM2IDEzIDExLjc3NjFDMTIuOTk3OCAxMS44Mzc2IDEyLjk3MjYgMTEuODk0MiAxMi45MzIyIDExLjkzNUMxMi44OTIzIDExLjk3NTMgMTIuODQwNyAxMS45OTcyIDEyLjc4ODQgMTEuOTk5M0gzLjE4MjI3TDMuMTY0NTUgMTEuOTk5OUMzLjE0NDA2IDEyLjAwMDYgMy4xMjM0MyAxMS45OTcxIDMuMTAzODMgMTEuOTg5M0MzLjA4NDIxIDExLjk4MTUgMy4wNjU2NyAxMS45Njk0IDMuMDQ5NjcgMTEuOTUzM0MzLjAzMzY0IDExLjkzNzEgMy4wMjA1MSAxMS45MTcxIDMuMDExNjUgMTEuODk0NEMzLjAwMjc4IDExLjg3MTcgMi45OTg1MyAxMS44NDcgMi45OTkzOSAxMS44MjJaIiBmaWxsLW9wYWNpdHk9IjAuMSI+PC9wYXRoPgo8L3N2Zz4=") !important; + margin-right: 8px !important; + } + + +.bookmark-item[container]::after { + content: "ˇ"; + opacity: 0.7; + padding-left: 3px; + font-size: 22px; + display: inline-block; + position: absolute; + top: 4px; +} diff --git a/firefox/userChrome.md b/firefox/userChrome.md deleted file mode 100644 index e3ae719..0000000 --- a/firefox/userChrome.md +++ /dev/null @@ -1,93 +0,0 @@ -# userChrome.css - -This is a collection of my UserChrome scripts, may be seperated, more than likely not. - -``` -#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { - opacity: 0; - pointer-events: none; -} -#main-window:not([tabsintitlebar="true"]) #TabsToolbar { - visibility: collapse !important; -} - -#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { - display: none; -} - -/*Collapse in default state and add transition*/ -#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] { - overflow: hidden; - min-width: 40px; - max-width: 40px; - border-right: 1px solid #ccc; - z-index: 2; -} - -/*Expand to 260px on hover*/ -#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover, -#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar { - min-width: 260px !important; - max-width: 260px !important; - z-index: 1; - margin-right: -204px !important; -} - -:root { - --sidebar-width: 50px; - --toolbar-height: -50px; - --menubar-height: -75px; - --toolmenubar-height: -80px; - --sidebar-padding: calc(var(--sidebar-width) + 5px); -} - - -#main-window #PersonalToolbar { - margin-left: var(--sidebar-width); -} - -/* lock sidebar to height by doing the inverse margin of the toolbar element */ -#sidebar-box { - z-index: 1000 !important; - position: relative!important; - margin-top: var(--menubar-height) !important; - border-right: 1px solid #ccc; -} - -#main-window[title^="Firefox Developer Edition"] #sidebar-box { - margin-top: var(--toolmenubar-height) !important; -} - -/* lock sidebar to specified width */ -#sidebar-box, #sidebar-box #sidebar { - min-width: var(--sidebar-width) !important; - max-width: var(--sidebar-width) !important; -} - -/* hide sidebar header for tree style tabs sidebar */ -#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { - display: none; -} - -/* Hide the title bar */ -#titlebar{ visibility: collapse; } - -/* hide normal horizontal tab bar */ -#TabsToolbar { visibility: collapse; } - -#sidebar { border-right: 1px solid #ccc; } - -toolbar#nav-bar { - padding-top: 12px; - padding-bottom: 7px; - margin-left: var(--sidebar-padding); - padding-left: 7px; -} - -.sidebar-splitter { - opacity: 0 !important; - width: 0px !important; - border: none !Important; - --avatar-image-url: none !important; -} -```