This didnt work for me, but i found a slightly different variation of the code that solved it /* hides the native tabs */ #TabsToolbar { visibility: collapse; } Hopefully this helps someone who was stuck in my position!
This worked well for hiding the tab bar but it also hid the control buttons (close/minimize)! Any ideas how I can bring them back without bringing back the tabs? Edit: I found a fix, rather than the code in the video replace with: #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; }
Glad you found a solution to your needs! I use a custom plugin that gives me control of my tabs which is why I don't need the close and hide buttons. If interested it's one I wrote and is this: addons.mozilla.org/en-US/firefox/addon/tab-search-and-manage/
Neither works for me, I use it on windows and the first solution just makes my firefox turn invisible and your solution does nothing for me. Any Ideas that could help?
@@LordErdbeere This code worked for me, and I hid the control buttons because I prefer to use keyboard shortcuts for that. If you want to see the control buttons change display to "block". #tabbrowser-tabs { visibility: collapse !important; } #titlebar { appearance: none !important; height: 0px; } #titlebar > #toolbar-menubar { margin-top: 0px; } #TabsToolbar { min-width: 0 !important; min-height: 0 !important; } #TabsToolbar > .titlebar-buttonbox-container { display: none; position: absolute; top: 12px; left: 0px; }
@@pbr4730 I’ll have a look into that if it works, gonna tell you how it worked Edit: It didn't work, but mybe I have it in the wrong folder, because in my folder vs the folder of firefox in the vids, there are more folders inside, not by me tho, so it's interesting
I followed all the steps, including the about:config and true value. I'm not sure where I've gone wrong, but it still doesn't work. Any help is appreciated.
Had the same problem. Check the file type. If you're in windows, open notepad, copy and paste the code and save as "userChrome.css" under all file types. It shouldn't say text document .txt
@@rippernmode8015 Sorry this is a year late, but i had the same problem and i found a slightly different code that worked for me /* hides the native tabs */ #TabsToolbar { visibility: collapse; } Copy paste that and see if it solves it
I used Blender. =) Through it I did a text to mesh, subdivided it, deformed it, and added a glossy node as well as mix that with a Creeper image texture. I animated the coordinates of the Creeper image to give the waterfall effect. Below the text I added a transparent glossy plane mesh. For the stars I just followed some tutorial on Blender but did add additional color ramp values. From there I just animated the camera to follow a path at the four cardinal points with a speed curve that I don't recall off the top of my head.
here is a better fix that shows the minimize,close and expand at the top right corner and hides the tabs aswell /* Hide the tab bar and space */ #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar { visibility: collapse !important; } /* Adjust the browser content area to fill the space */ #browser { margin-top: 0 !important; } /* Show the window controls (minimize, maximize, close) */ .titlebar-buttonbox-container { visibility: visible !important; position: fixed !important; right: 0 !important; top: 0 !important; margin: 5px !important; /* Adjust margin as needed */ } /* Move the window controls to the right */ .titlebar-buttonbox { margin-left: auto !important; margin-right: 5px !important; } /* Add margin below the title bar buttons */ #nav-bar { margin-top: 25px !important; }