Recommended Posts

Hey, i have a little problem here. its because when i open new windows my url bar i becoming smaller and smaller i don't know how to fix it, so it would be nice if someone here would help me :)

r9290025d8c2.png

r9290045d8c2.png

r9290065d8c2.png

The codes I'm using right now is :

#FindToolbar { 
border: 0 !important; 
}

#nav-bar {
border: 0 !important;
} 
#nav-bar
{
background-color:transparent !important;
-moz-appearance: -moz-win-glass !important;
}
#nav-bar{
       background: transparent !important;
       border: none!important
}

.toolbarbutton-1 > .toolbarbutton-menubutton-button,
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
.toolbarbutton-1 {
	background: none !important;
	box-shadow: none !important;
	border-color: transparent !important;
}

#nav-bar:hover .toolbarbutton-1:not([disabled="true"]):hover .toolbarbutton-icon
{
       box-shadow: 0px 0px 3px 3px #33CCFF !important;
       background: #33CCFF !important; 
       border-radius: 4px !important;
       -moz-transition: background-color .4s ease-in,  border-color .2s ease-in,  box-shadow .2s ease-in !important;
}

#PersonalToolbar
{
background-color:transparent !important;
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white !important;
}
#browser-bottombox
{
-moz-appearance: -moz-win-glass !important;
background-color: transparent !important;
}
#addon-bar
{
-moz-appearance: -moz-win-glass !important;
background-color: transparent !important;
}
#addonbar-closebutton {
display: none !important;
}
#appmenu-button{
background:transparent!important;
}
#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}

#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]) #content browser { 
   opacity: 0 !important;
}
#FindToolbar .findbar-find-next:not([disabled]) {
        color: red !important;
}


/*make tabs apart from the current one transparent/glass*/


tab:not([selected="true"]){background-image:-moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)) !important;}


tab:not([selected="true"]):hover{background-image: -moz-linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.25)) !important;}


/*make the new tab button glass/transparent*/


.tabs-newtab-button {background-image:-moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)) !important;}


.tabs-newtab-button:hover {background-image:-moz-linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.25)) !important;}

/* -- Dropmarker -- */

#alltabs-button .toolbarbutton-icon,
.toolbarbutton-menu-dropmarker .dropmarker-icon {
 list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYzMTg5NjNGOUU3NzExREZCNUY5RDNCN0MwODk3MUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYzMTg5NjQwOUU3NzExREZCNUY5RDNCN0MwODk3MUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjMxODk2M0Q5RTc3MTFERkI1RjlEM0I3QzA4OTcxRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjMxODk2M0U5RTc3MTFERkI1RjlEM0I3QzA4OTcxRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/qJRVAAABJ0lEQVR42mK88/w9AxAwAzEXEHNC2ejgDxB/h+K/LECCEYh5gFgeiFkZcIMfQPwYiD8zAG1iAmKJ1Ky8SGZm9s/sovL/eaRVIVhK9T+biMx/FlbOl92TpnsC1YkBMSMjiADq5mNjYdZdt3qVx6wFi8sEhEVYWVjYGH7//Mnw8f2bz5UlBe22js57//z9dwNkE8h5/4H4y68/f28EhYYx/fr9i3Pn3v25ElLirC+ePPmenJvVZ+fofOj33393geq+gtSzQN37F4g/ADVei4qOYf737x/r4aPHU4IDfCe5eXrtBRkIkoeqY2CEhh4MgAwR4GBj0Xn+5JGehLTs+Z+//14Hir2HacCmCRb83OyszDxADV+gTvqLbjI6ACn4BNTwGepfDAAQYACzM4Iw0pAhewAAAABJRU5ErkJggg==) !important;
 -moz-image-region: auto !important;
}

.toolbarbutton-1[type="menu"] {
-moz-padding-end: 2px !important;
}

#back-button {
 -moz-padding-end: 0 !important;
}

/* -- Addonbar -- */

#browser-bottombox {
  position: fixed;
  bottom: 0;
  background: none !important;
}

#addon-bar {
  position: fixed;
  bottom: -22px;
  right: 1px;
  border: 0 !important;
  opacity: 0;
  -moz-appearance: none !important;
  -moz-transition: bottom .5s 1s ease-in, opacity .5s 1s ease-in;
  padding-top: 22px !important;
}

#addon-bar:hover {
  bottom: 1px;
  opacity: 1;
  -moz-transition: bottom .5s ease-out, opacity .5s ease-in;
}

#main-window[sizemode="maximized"] #addon-bar {
  right: 0;
}

#main-window[sizemode="maximized"] #addon-bar:hover {
  bottom: 0;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 1px 0 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

/* -- FindToolbar -- */

#FindToolbar {
  border:none !important;
}

#FindToolbar .findbar-container {
  margin-left: 1px !important;
  border-radius: 0 4px 0 0;
  border-right: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

#main-window[sizemode="maximized"] #FindToolbar .findbar-container {
  margin-left: 0 !important;
  margin-bottom: -1px !important;
}

#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status,
#FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
  padding-right: 5px !important;
}

#FindToolbar .find-status-icon[status="notfound"],
#FindToolbar .find-status-icon[status="wrapped"] {
  margin-left: -1px !important;
}

#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
  display: none !important;
}

#urlbar {
position:relative!important;
z-index:2 !important;
}

#urlbar-progress{
position:relative !important;
z-index: -1 !important;
height: 22px !important;
margin-top: -22px !important;
margin-bottom: 0px !important;
margin-right: 2px !important;
}

#urlbar-progress .progress-bar
{
   -moz-appearance: progresschunk !important;
   background-color: transparent !important;
   opacity: .5 !important;
}

#tabbrowser-tabs .progress-bar {background-color: #57E964 !important;} 

.progress-remainder {opacity: .4 !important;}

Sorry for the poor english

Hey, i have a little problem here. its because when i open new windows my url bar i becoming smaller and smaller i don't know how to fix it, so it would be nice if someone here would help me :)

r9290025d8c2.png

r9290045d8c2.png

r9290065d8c2.png

Sorry for the poor english

I think, mmmmm you need this:

#TabsToolbar > * #urlbar {
	min-width: 300px !important;} /* Yout can change this value, is referential */
#TabsToolbar > * .searchbar-textbox {
	min-width: 100px !important;}
#urlbar-reload-button:not(:hover) {
	border-left-color: transparent !important;}/*looks better with this code*/
#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar {
	margin-right: -16px !important;
	margin-left: -1px !important;}/*and this is for more space*/

Hello people, could anybody tell me if it's possible to remove the navigation bar on speed dial tab? Like in addons tab for example, thanks :cool:

9294991729d.jpg

Yes!, it's possible with this code

#main-window[stylish-url="chrome://speeddial/content/speeddial.xul"][tabsontop="true"] #navigator-toolbox > *:not([id="TabsToolbar"]):not([id="toolbar-menubar"]) {
        visibility: collapse !important;}
#main-window[stylish-url="chrome://speeddial/content/speeddial.xul"][tabsintitlebar] #navigator-toolbox::after {
        height: 0px !important;}

HI

Is there some way to get rid this 2 or 3 px gap between tabs and top of screen, window in maximize mode, I think they leave this gap for Aero Snap but this drive me crazy, I like to adjust it to one px or something, in past I've working script but it don't work any more with Nightly and Aurora...

Thanks for any advice ;)

Any chance of getting the firefox 4.0 buttons back in the latest nightlys? They reduced the drop shadows and rounded corners :(

I've been digging through the firefox 4.0 code but couldn't quite figure it out without messing up everything.

5643609595_ba1c6e5041_o.png

I really hope someone can help me out here. Thanks in advance :)

Asked that already back in April but now Firefox 5 is almost ready.

Anyone? :cry:

I love how the site identity button is now consistent with the stop/go/reload button, i.e. there is just a line separating it from the url now instead of the inner text box like before. However, I think the new coloring scheme is absolutely hideous and it looks like the childish light coloring Chrome likes to do. Has anyone written a script so that the coloring will be just like before? Also, when you click on the site identity button there is now an overly dramatic drop shadow that is soo ugly... It would be great if the whole script can make the button colors and effects look like before for all states (normal, hovered, clicked, white, blue, green). I'm sure someone out there has already come up with something for this... Thank you!!

Edit: I really hope for what the person above me is asking for too! IMO, the buttons look perfect in firefox 5. It has become wayyy too flat in the new nightly and the corners are too sharp! (Sharp corners look awesome with tabs, but not really on the navigation buttons...) I am seriously worried that Firefox is looking more and more like Chrome in so many ways... and I find Chrome's overall look to be too bleached, flat, and plain...

Please, help me... Can't remember the damn status-popup name! I'd like to make it squared.

Also, I'd like to remove the background of Menu-Bar. When I press "Alt" the Tools, Help, Bookmarks etc have a glowing-like background!

I think, mmmmm you need this:

#TabsToolbar > * #urlbar {
	min-width: 300px !important;} /* Yout can change this value, is referential */
#TabsToolbar > * .searchbar-textbox {
	min-width: 100px !important;}
#urlbar-reload-button:not(:hover) {
	border-left-color: transparent !important;}/*looks better with this code*/
#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar {
	margin-right: -16px !important;
	margin-left: -1px !important;}/*and this is for more space*/

Hmm, just seen that when i haven't maximized my window, my browser tabs is a really small :(

r934119d919f.png

Hi guys. Haven't been here for a some time. I haven't followed the evolution of Firefox 5 (got bored after following the very long one of 4 :) ).

I just installed FF and noticed that my code witch made tabs slimmer isn't working any more. Any idea how to fix this ? Here's the code:

.tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
}

Thanks!

Hi guys. Haven't been here for a some time. I haven't followed the evolution of Firefox 5 (got bored after following the very long one of 4 :) ).

I just installed FF and noticed that my code witch made tabs slimmer isn't working any more. Any idea how to fix this ? Here's the code:

.tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
}

Thanks!

Why did you cross post the exact same thing in two different threads ?

Asked from bogas04, he gave me that code:

For that small menu button , use following code

#appmenu-button {

padding: 6px 10px !important;

min-width: 0 !important;

}

#appmenu-button .button-text {

visibility: collapse !important;

}

#appmenu-button .button-menu-dropmarker {

margin: 0 !important;

}

Use stylish...

Can anyone tell me what are the class names for the drop down buttons are?

post-383734-0-50825600-1309006240.jpg

Also, now I'm probably fantasizing a little but is there any way to have the icons in the bookmarks bar desaturated and have them fully colored (back to their original form) on rollover?

Can anyone tell me what are the class names for the drop down buttons are?

post-383734-0-50825600-1309006240.jpg

Also, now I'm probably fantasizing a little but is there any way to have the icons in the bookmarks bar desaturated and have them fully colored (back to their original form) on rollover?

http://userstyles.org/styles/44447/

the appbuton style is updated

This is the code:

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

looks like this:

Sinttulo-3.png

Can anyone help in terms of making the Firefox button to look like this?

1306706736_softfox_mockup_by_ap_graphik-d33jbfs.png

I used Stratiform and made it transparent, but it looks nothing like the image.

You need this

#appmenu-button {
  -moz-appearance: none;
  background: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 95%) !important;
  background-clip: padding-box !important;
  border: 1px solid rgba(83,42,6,.3) !important;
  border-top: none !important;
  width: 105px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset !important;
  color: rgba(0,0,0,.5) !important;
  text-shadow: 0 1px 0 RGBa(255,255,255,.35) !important;
}
#appmenu-button dropmarker{
list-style-image: url("data:image/png;base64,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") !important;
}

http://userstyles.org/styles/44447/

the appbuton style is updated

This is the code:

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

looks like this:

Sinttulo-3.png

thanks

that's exactly what I needed

nice job with the app button too :)

You need this

#appmenu-button {
  -moz-appearance: none;
  background: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 95%) !important;
  background-clip: padding-box !important;
  border: 1px solid rgba(83,42,6,.3) !important;
  border-top: none !important;
  width: 105px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset !important;
  color: rgba(0,0,0,.5) !important;
  text-shadow: 0 1px 0 RGBa(255,255,255,.35) !important;
}
#appmenu-button dropmarker{
list-style-image: url("data:image/png;base64,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") !important;
}

Thanks!

One Question how do I change it so the dropdown matches as well? Mine is still white.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Helium Browser 0.13.1.1 by Razvan Serea Helium is a private, fast, and honest Chromium-based web browser — built for people, with love. It offers the best privacy by default, unbiased ad-blocking, and a clean experience free from bloat and noise. Proudly based on Ungoogled-Chromium, Helium removes Google’s clutter while keeping a fast, efficient development pipeline. With thoughtful touches like native !bangs and split view, Helium is a people-first, fully open-source browser that puts control back in your hands. Privacy, security, and control come first. Ads, trackers, and third-party cookies are blocked automatically, HTTPS is enforced everywhere, and all Chromium extensions work seamlessly — while Google can’t track your activity. Helium’s 13,000+ offline-ready !bangs let you jump straight to sites or AI tools like ChatGPT instantly. Open-source, people-first, and unbiased, Helium delivers a browsing experience that’s fast, secure, and free from noise, ads, and compromises. Helium Browser key features: Performance Fast, efficient, and lightweight — built on Chromium’s optimized engine. Energy-saving and consistent — stays fast over time without slowing down. No bloat — stripped of unnecessary components for maximum speed. Minimalist interface — compact, clean, and distraction-free. Customizable toolbar — hide elements you don’t need. Smooth and stable — no flicker, lag, or animation glitches. Comfort-focused experience — intuitive and unobtrusive. Privacy & Security Best privacy by default — blocks ads, trackers, phishing, and third-party cookies. Unbiased ad-blocking — powered by community filters and uBlock Origin. No telemetry or analytics — zero background web requests on first launch. Strict HTTPS enforcement — warns for insecure sites. Passkeys supported — modern authentication made simple. No built-in password manager or cloud sync — your data stays yours. Extension Compatibility Full Chromium extension support — including MV2 extensions. Anonymized Chrome Web Store requests — Google can’t track extension installs. Extended MV2 support — maintained for as long as possible. Smart Features Native !bangs — browse faster using 13,000+ offline-ready shortcuts. AI integration — use !chatgpt and others directly from the address bar. Offline functionality — bangs work without an Internet connection. Philosophy People-first design — open source, transparent, and community-driven. No ads, no noise, no bias — privacy and honesty over profit. Helium Browser 0.13.1.1 changelog: Helium Windows e13ddd4 update: helium 0.13.1.1 (#285) 77ee94b helium/windows: winsparkle updater (built-in auto-update support on Windows) e501e98 helium/windows: refresh updater patches for m149 008faee helium/win: move versioning patches to separate file e114701 helium/updater: implement system install update notifications c9e3cda helium/winsparkle: verboser errors b8f787c helium/windows: more version migrations cd376ed ci: sign update helper with different description 5d2383a build: wire up winsparkle envs 3ff28ff helium/updater: init ca58f6f helium/change-branding: use helium version in more internal places 75b2625 .gitignore: add resources/generated abe78f2 downloads: add winsparkle dep 4ed4429 build: build mini_installer again fabf8e9 update: helium 0.13.1.1 Helium-Chromium 5bf45fed merge: update to chromium 149.0.7827.53 (#1857) 3bbe6a3c revision: reset to 1 e3525bb6 helium/zen: reorder patch hunks d48bc496 deps: update ublock to 1.71.0 (#1875) d4e58802 helium/ui: redesign infobar, optimize and rename zen (#1868) c20175cf helium/ui/infobar: redesign, draw proper borders, fix webview relations e8a1bfc1 helium/zen: rename Zen to Frameless in UI, remove feature gates bf560c6a helium/layout: optimize zen top reveal, move out of experiment dir 34ef5f26 patches/brave/chrome-importer: remove os_crypt-related dead code 99cef46c helium/ui: clean up patches, fix accidental string OS gates 5b7dd06c devutils/i18n: add clean command (#1869) 7a32267e helium/updater: add win scaffolding, tighten arch conditions (#1866) d856d800 ci: complete cirrus port to github actions (#1867) c362740d patches: update for chromium 149.0.7827.53 b8a66095 merge: update ungoogled-chromium to 149.0.7827.53 a3a5471d Update to Chromium 149.0.7827.53 c6a41202 helium/updates: decouple update url from helium services + reformat (#1827) 94344c47 Update to Chromium 148.0.7778.215 95f6fe1c Port CirrusCI jobs to github actions (#3776) Download: Helium 64-bit | Portable 64-bit |~100.0 MB (Open Source) Download: Helium ARM64 | Portable ARM64 Links: Helium Home Page | macOS | Linux | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • FastStone image Viewer is better anyway
    • add $200 and get DWARF 3 model add $2000 and visit scientists center in your town add $20000 and visit the biggest telescope in Chile
    • Guess it's one of those things best used by devs to thoroughly test stuff.
    • is it all upside down there? traffic lights reverted too?
  • Recent Achievements

    • One Month Later
      DJC50PLUS earned a badge
      One Month Later
    • Week One Done
      DJC50PLUS earned a badge
      Week One Done
    • Proficient
      Eric Biran went up a rank
      Proficient
    • Dedicated
      Conjor earned a badge
      Dedicated
    • Week One Done
      Windows Guy earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      493
    2. 2
      PsYcHoKiLLa
      249
    3. 3
      Steven P.
      71
    4. 4
      +Edouard
      70
    5. 5
      ATLien_0
      69
  • Tell a friend

    Love Neowin? Tell a friend!