toggle visibility of floating navbar with a shortcut

[roadbloack]

i recently switched from zen to firefox after i found this beautiful theme, so first of all, thanks for making it

now, about this idea
when i was using zen, there was a similar option for floating navbar and there was a shortcut to make it not hide itself

i think this can be done in firefox using the userchrome toggle extended extension

i have tried this but i cant seem to get it to work
in the settings-navbar.css file
commenting this of code, i can make the nav bar not auto hide

&:not(:hover) {
	@media not -moz-pref("ultima.navbar.position","bottom") {
		top: calc(var(--uc-topbars-combined-height) - (var(--uc-topbars-combined-height) * 2) - 10px);
		transition: top 0.3s ease 0.5s !important;
	}
	@media -moz-pref("ultima.navbar.position","bottom") {
		bottom: calc(var(--uc-topbars-combined-height) - (var(--uc-topbars-combined-height) * 2) - 10px);
		transition: bottom 0.3s ease 0.5s !important;
	}
}

but i cant seem to make this work with :root[titlepreface*="​"]
as that selector needs to top level, it wont work inside the @media section

i cant think of any way to make it work, as i am not that accustomed to css
any help would be appreciated

[roadbloack]

i think i found a solution to this, i dont know what i was doing before, but adding :root[titlepreface*="​"] before this block seems to work

:root[titlepreface*="​"]
&:not(:hover) {
	@media not -moz-pref("ultima.navbar.position","bottom") {
		top: calc(var(--uc-topbars-combined-height) - (var(--uc-topbars-combined-height) * 2) - 10px);
		transition: top 0.3s ease 0.5s !important;
	}
	@media -moz-pref("ultima.navbar.position","bottom") {
		bottom: calc(var(--uc-topbars-combined-height) - (var(--uc-topbars-combined-height) * 2) - 10px);
		transition: bottom 0.3s ease 0.5s !important;
	}
}

this works

[roadbloack]

now, if only there was a way to stop the auto hide in newtabs