Firefox css
#Firefox
前提
#
Windows
code:userChrome.css
/** Import Lepton stylesheet (Chrome) *****************************************/
@import url("css/leptonChrome.css");
/** Add your custom styles below **********************************************/
/* Enable option to edit bookmark URLs under Add Bookmark (blue star) menu */
/*
.editBMPanel_locationRow {
display: initial !important;
}
*/
/* Disable Email Image/Audio/Video and Set as Desktop Background context menu items */
/*
#context-sendimage,
#context-sendvideo,
#context-sendaudio,
#context-sep-setbackground,
#context-setDesktopBackground {
display: none !important;
}
*/
/* remove TabsToolbar when turn on tree style tab */
html#main-window body:has(#sidebar-boxsidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-actionchecked=true) #TabsToolbar {
visibility: collapse;
}
/* add space on top left from firefox config */
html#main-window body:has(#sidebar-boxsidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-actionchecked=true) #TabsToolbar > .titlebar-buttonbox-container {
visibility: visible !important;
display: block;
position: absolute;
top: 3px;
left: 0px;
}
#urlbar:not(focused) #urlbar-input{ text-align: center !important; }
/* tree style tab config */
:root {
--sidebar-default-width: 100px;
--sidebar-hover-width: 200px;
}
#sidebar-boxsidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action" {
position: relative !important;
min-width: var(--sidebar-default-width) !important;
max-width: var(--sidebar-default-width) !important;
border-right: 1px solid var(--sidebar-border-color);
z-index: 2147483647;
opacity: 1;
transition:
margin-right 1s cubic-bezier(1,0,.5,0),
min-width 1s cubic-bezier(1,0,.5,0),
max-width 1s cubic-bezier(1,0,.5,0),
opacity 1s cubic-bezier(1,0,.5,0) !important;
}
#sidebar-boxsidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action":hover {
margin-right: calc(var(--sidebar-hover-width) * -1 + var(--sidebar-default-width)) !important;
min-width: var(--sidebar-hover-width) !important;
max-width: var(--sidebar-hover-width) !important;
z-index: 1;
opacity: 1;
transition:
margin-right 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
min-width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
max-width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
#sidebar-boxsidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action" #sidebar-header {
display: none;
}
#TabsToolbar {
visibility: collapse;
}
#nav-bar {
/* This works on qhd(100% hidpi) and 4k(150%) screen */
margin-top: -40px;
margin-right: 138px; /* 140px is ok */
}
#toolbar-menubar {
height: 40px;
margin-left: -100vw;
}
from:https://gist.github.com/80ROkWOC4j/98108d2ea5af58159136b264d41c258c
Mac
code:userChrome.css
/* #main-windowtabsintitlebar="true":not(extradragspace="true") #TabsToolbar > .toolbar-items { */
/* opacity: 0; */
/* pointer-events: none; */
/* } */
/* #main-window:not(tabsintitlebar="true") #TabsToolbar { */
/* visibility: collapse !important; */
/* } */
/* #sidebar-boxsidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action" #sidebar-header { */
/* display: none; */
/* } */
/* .tab { */
/* margin-left: 1px; */
/* margin-right: 1px; */
/* } */
/** Import Lepton stylesheet (Chrome) *****************************************/
@import url("css/leptonChrome.css");
/** Add your custom styles below **********************************************/
/* Enable option to edit bookmark URLs under Add Bookmark (blue star) menu */
/*
.editBMPanel_locationRow {
display: initial !important;
}
*/
/* Disable Email Image/Audio/Video and Set as Desktop Background context menu items */
/*
#context-sendimage,
#context-sendvideo,
#context-sendaudio,
#context-sep-setbackground,
#context-setDesktopBackground {
display: none !important;
}
*/
/* remove TabsToolbar when turn on tree style tab */
html#main-window body:has(#sidebar-boxsidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-actionchecked=true) #TabsToolbar {
visibility: collapse;
}
/* add space on top left from firefox config */
html#main-window body:has(#sidebar-boxsidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-actionchecked=true) #TabsToolbar > .titlebar-buttonbox-container {
visibility: visible !important;
display: block;
position: absolute;
top: 3px;
left: 0px;
}
#urlbar:not(focused) #urlbar-input{ text-align: center !important; }
/* tree style tab config */
:root {
--sidebar-default-width: 100px;
--sidebar-hover-width: 200px;
}
#sidebar-boxsidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action" {
position: relative !important;
min-width: var(--sidebar-default-width) !important;
max-width: var(--sidebar-default-width) !important;
border-right: 1px solid var(--sidebar-border-color);
z-index: 2147483647;
opacity: 1;
transition:
margin-right 1s cubic-bezier(1,0,.5,0),
min-width 1s cubic-bezier(1,0,.5,0),
max-width 1s cubic-bezier(1,0,.5,0),
opacity 1s cubic-bezier(1,0,.5,0) !important;
}
#sidebar-boxsidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action":hover {
margin-right: calc(var(--sidebar-hover-width) * -1 + var(--sidebar-default-width)) !important;
min-width: var(--sidebar-hover-width) !important;
max-width: var(--sidebar-hover-width) !important;
z-index: 1;
opacity: 1;
transition:
margin-right 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
min-width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
max-width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
#sidebar-boxsidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action" #sidebar-header {
display: none;
}