Firefox userChrome.css 分享：自动隐藏导航栏、右键菜单美化- Community

[Share Experiences] Firefox userChrome.css 分享：自动隐藏导航栏、右键菜单美化

Experiences and Insight 969 views · 4 replies ·

gbt

deepin

2022-06-09 21:12

Author

#nav-bar:not([customizing]) {
    margin-top: -40px;
    opacity: 0;
    transition-delay: 3s;
}
:root:not([customizing]) :hover > #nav-bar, #nav-bar:focus-within, #navigator-toolbox:hover > #nav-bar:not([customizing]), #toolbar-menubar:not([inactive="true"]) ~ #nav-bar:not([customizing]) {
    margin-top: 0;
    opacity: 100;
    z-index:1;
    transition: margin-top 0.3s ease , opacity 0.3s ease !important;
}
#navigator-toolbox{
    height: 116px;
}
#browser{
    margin-top: -79px;
}
#TabsToolbar {
	z-index: 2;
	position: relative;
}
#PersonalToolbar {
	margin-top: -32px;
	opacity: 0;
	position: relative;
	z-index: 1;
}
:root:not([customizing]) :hover > #PersonalToolbar, #nav-bar:focus-within ~ #PersonalToolbar, #navigator-toolbox:hover > #PersonalToolbar:not([customizing]), #toolbar-menubar:not([inactive="true"]) ~ #PersonalToolbar:not([customizing]) {
    margin-top: 0;
    opacity: 100;
    transition: margin-top 0.3s ease , opacity 0.3s ease !important;
}
menuseparator {
	-moz-appearance: none !important;
	border: none !important;
	padding: .4px 0px .4px 0px !important;
	margin: 4px 8px 4px 8px !important;
	background-color: var(--arrowpanel-border-color) !important;
}
menu, menuitem, menucaption {
	margin-left: 6px; 
	margin-right: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
}
menupopup, menubar {
	font-size: 110%;
}
menupopup, panel {
	--panel-border-radius: 6px !important;
	--panel-border-color: var(--arrowpanel-border-color) !important;
}

补个图：