Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Rookie

Dmxnet

Posted
Posted

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

Apprentice

Ziz4rD

Posted
Posted

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*/

Apprentice

Ziz4rD

Posted
Posted

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;}

Grand Master

Semtex

Posted
Posted

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 ;)

Rookie

luving

Posted
Posted

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:

Apprentice

Poom

Posted
Posted

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...

Collaborator

Deo Domuique

Posted
Posted

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!

Rookie

Dmxnet

Posted
Posted

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

Enthusiast

mNiosu

Posted
Posted

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!

Veteran

max22

Posted
Posted

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 ?

Grand Master

+Zlip792 MVC

Posted
  • MVC
Posted

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...

Neowinian

2late

Posted
Posted

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?

Apprentice

Ziz4rD

Posted
Posted

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

Apprentice

Ziz4rD

Posted
Posted

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;
}

Neowinian

2late

Posted
Posted

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 :)

Rising Star

Kaoxt

Posted
Posted

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.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Politically funny images of the World

      By PsYcHoKiLLa · Posted

    • Microsoft is making Windows 11's context menus faster, simpler, and configurable

      By cooky560 · Posted

      Windows 95 offered the ability to add and edit the right click menus, on a per file type basis. This feature seems to be missing in the new file explorer. Are they bringing it back as a "new" feature?
    • AMD 9070XT

      By cooky560 · Posted

      It's nearly time to replace my aging Founders Edition 3080, it doesn't OC as nicely as it used to and it's running around 10c warmer than it did when I first bought it.  I don't have budget for much more than what I spent on the 3080 and locally, that means the best GPU I can manage is a 9070XT. On this basis I have a few questions: 1. At present I don't use ray tracing, if this was to change, would this GPU be an issue? 2. How does it compare on a performance basis? 3. Are the drivers worse or better than those for nVidia? 4. Linux support, is it there? 5. Anything else I should be aware of if I were to make this change? 6. Is it a good idea or shall I try and keep the 3080 a little longer.
    • Neowin's 2026 Desktop Thread

      By cooky560 · Posted

      What OS is that? It looks a bit like Mac OS but the command line suggests it isn't, either way I like it!
    • Windows Live Mail : If someone was malicious

      By cooky560 · Posted

      Outlook classic is inherently better than new outlook, for a number of reasons. That said, if the only reason people need office is to read email, they should just use thunderbird.

  • Recent Achievements

    • Week One Done
      Windows Guy earned a badge
      Week One Done
    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
    • Rising Star
      olavinto went up a rank
      Rising Star
    • One Month Later
      lamborghiniv10 earned a badge
      One Month Later

  • Popular Contributors

    1. 1
      +primortal
      479
    2. 2
      PsYcHoKiLLa
      250
    3. 3
      Steven P.
      74
    4. 4
      FloatingFatMan
      69
    5. 5
      +Edouard
      69
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!