Firefox css
前提
#
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 */
/*
display: none !important;
}
*/
/* remove TabsToolbar when turn on tree style tab */
visibility: collapse;
}
/* add space on top left from firefox config */
visibility: visible !important;
display: block;
position: absolute;
top: 3px;
left: 0px;
}
/* tree style tab config */
:root {
--sidebar-default-width: 100px;
--sidebar-hover-width: 200px;
}
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;
}
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;
}
display: none;
}
visibility: collapse;
}
/* This works on qhd(100% hidpi) and 4k(150%) screen */
margin-top: -40px;
margin-right: 138px; /* 140px is ok */
}
height: 40px;
margin-left: -100vw;
}
Mac
code:userChrome.css
/* opacity: 0; */
/* pointer-events: none; */
/* } */
/* visibility: collapse !important; */
/* } */
/* 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 */
/*
display: none !important;
}
*/
/* remove TabsToolbar when turn on tree style tab */
visibility: collapse;
}
/* add space on top left from firefox config */
visibility: visible !important;
display: block;
position: absolute;
top: 3px;
left: 0px;
}
/* tree style tab config */
:root {
--sidebar-default-width: 100px;
--sidebar-hover-width: 200px;
}
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;
}
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;
}
display: none;
}