Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Skip to content
- Timvde / UserChrome-Tweaks
- Sign up
- Code Issues 21 Pull requests 16 Projects 0 Security Pulse
- Join GitHub today
- GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.
- UserChrome-Tweaks/toolbars/auto-hide.css
- @different55 different55 Move transition property from :hover to normal. (#129) 784a64c on Jan 31
- @AlexVallat
- @different55
- 127 lines (106 sloc) 3.82 KB
- /*
- * Auto-hide the URL-bar and bookmarks bar, show on hover or focus
- *
- * Contributor(s): Alex Vallat
- */
- :root[uidensity=compact] #navigator-toolbox {
- --nav-bar-height: 33px;
- --tab-min-height: 29px;
- }
- :root[uidensity=compact][extradragspace]:not([sizemode="normal"]) #navigator-toolbox {
- --nav-bar-height: 33px;
- --tab-min-height: 21px;
- }
- :root:not([uidensity]) #navigator-toolbox {
- --nav-bar-height: 39px;
- --tab-min-height: 33px;
- }
- :root:not([uidensity])[extradragspace]:not([sizemode="normal"]) #navigator-toolbox {
- --nav-bar-height: 39px;
- --tab-min-height: 25px;
- }
- :root[uidensity=touch] #navigator-toolbox {
- --nav-bar-height: 41px;
- --tab-min-height: 41px;
- }
- :root[uidensity=touch][extradragspace]:not([sizemode="normal"]) #navigator-toolbox {
- --nav-bar-height: 41px;
- --tab-min-height: 33px;
- }
- #navigator-toolbox {
- --tabbar-height: calc(var(--tab-min-height) + var(--space-above-tabbar));
- --trigger-area-height: 1px;
- margin-top:-2px!important;
- border-top:1px!important;
- border-bottom-color:#9E9FA1!important;
- }
- :root[chromehidden~="toolbar"] #navigator-toolbox {
- --tabbar-height: 0.1px;
- }
- #toolbar-menubar {
- margin-top: 0px !important; /* This is usually 0, but under Win7 can be given an extra 1px when not maximized */
- }
- #nav-bar, #PersonalToolbar {
- /* Otherwise spacers will not count as hover-able areas */
- -moz-window-dragging: default;
- }
- :root:not([customizing]) #nav-bar
- {
- overflow-y: hidden;
- max-height:0;
- min-height:0 !important;
- padding-top:0 !important;
- padding-bottom:0 !important;
- opacity: 0;
- }
- :root:not([customizing]) :hover > #nav-bar,
- :root:not([customizing]) #nav-bar:focus-within {
- max-height: var(--nav-bar-height);
- opacity: 1;
- }
- :root:not([customizing]) #navigator-toolbox {
- max-height: calc(var(--tabbar-height) + var(--trigger-area-height));
- min-height: var(--tabbar-height);
- margin-bottom: calc(-1 * var(--trigger-area-height));
- transition: opacity 0.15s ease-in, max-height 0.15s linear;
- }
- :root:not([customizing]) #navigator-toolbox:hover,
- :root:not([customizing]) #navigator-toolbox:focus-within {
- max-height: calc(var(--tabbar-height) + var(--nav-bar-height));
- margin-bottom: calc(0px - var(--nav-bar-height));
- }
- /* If the bookmarks bar is turned on, auto-hide that too */
- :root:not([customizing]) #PersonalToolbar {
- max-height: 0 !important;
- min-height: 0.1px !important;
- opacity: 0;
- }
- :root:not([customizing]) :hover > #PersonalToolbar,
- :root:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar {
- max-height: 4em !important;
- opacity: 1;
- transition: opacity 0.15s ease-in !important;
- }
- #content browser, .browserStack>browser {
- margin-right:-17px!important;
- margin-bottom:-15px!important;
- overflow-y:hidden!important;
- overflow-x:hidden!important;
- border-top:1px!important;
- }
- #tabbrowser-tabs {
- font-family:"lemon"!important;
- font-size:10px!important;
- margin-right:-30px!important;
- border-bottom:1px!important;
- border-color:#9E9FA1!important;
- }
- #TabsToolbar {
- margin-left:-40px!important;
- margin-top:0px!important;
- margin-right:-149px!important;
- border-bottom:1px!important;
- border-color:#9E9FA1!important;
- }
- .tab-icon-image {
- display: none!important;
- }
- .tabbrowser-tab .tab-close-button {
- display: none!important;
- }
- .tabbrowser-tab[pinned] {
- width: 28px!important;
- font-size:0!important;
- }
- #tabbrowser-tab {
- border-bottom:1px!important;
- border-color:#9E9FA1!important;
- }
- #urlbar {
- font-family:"lemon"!important;
- font-size:10px!important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement