Share your custom Firefox/Minefield 4 stylish scripts

[+Heartripper Subscriber¹]

Ok I realise its a late reply, but I just tracked this down to this extension:

What appears to happen is the address bar on popup windows and forms appears on the titlebar, and so not only can I not move the window, but I can't edit the address either. Thanks to Aero's chunky buttons and window glow, I can still use the window widgets, but nothing else!

which value did you enter? doesn't pressing reset button fix it?

[+Gary7 Subscriber²]

Personally, I just keep it all in stylish because it allows me to enable/disable on the fly which makes it easier to track conflicting styles and test new styles. There are also some things that just can't be styled using userChrome/userContent.

I tried that but I did not want to lose the styles I had. When I tried to upload them, it gave me an error saying that the CSS was wrong. I would rather use CSS but I don't want to lose what I have.

[PratimGhosh86]

hey can anyone gimme the script to make the empty navigation toolbar of minimal width, say 2 or 3 px. Currently its in this condition :

Also anything to make the edges of the tabs, url bar sharp like IE9 ??

[foxxyn8]

I tried that but I did not want to lose the styles I had. When I tried to upload them, it gave me an error saying that the CSS was wrong. I would rather use CSS but I don't want to lose what I have.

That's why I also use Stylish-Custom. It works with stylish providing enhancements like import/export of styles and a better editor. The latest version is 0.7.7a

Stylish Custom

[SleweD]

which value did you enter? doesn't pressing reset button fix it?

2nd from last:

Using firefox 4b10, no reset doesn't fix it, if I'd like proper popups right now I have to disable, restart, use the popup, enable and restart again.

[n3Tk0]

A couple of hours to learn all I need =) and a little help from here =) my style is ready, I think. Mix from Minimal 2 and Firefox 4, from preview with something on my own. =) It have a few bug but for now =)

/*------------------- Makes URL bar and Tabs shorter. -------------------*/
#main-window[sizemode="maximized"] #urlbar-container {
  max-width: 550px !important;
  min-width: 200px !important;
}
.tabbrowser-tab:not([pinned])[fadein] {
  max-width: 200px !important;
  min-width: 100px !important;
}

#main-window[sizemode="normal"] #urlbar-container {
  max-width: 800px !important;
  min-width: 200px !important;
}
/*------------------- Moves navigation bar up and removes glass from it -------------------*/
#main-window[sizemode="maximized"] #nav-bar{
  margin-top: -3px !important;
  margin-left: 45px !important;
  margin-right: 630px !important;
  margin-bottom: -5px !important;
  background: rgba(0,0,0,0) !important;
  border: none !important;
}
#main-window[sizemode="normal"] #nav-bar{
  margin-top: -65px !important;
  margin-left: 43px !important;
  margin-bottom: 22px !important;
  margin-right: 100px !important;
  background: rgba(0,0,0,0) !important;
  border: none !important;
}
/*------------------- Pusher tab bar to the right. -------------------*/
#main-window[sizemode="maximized"] #TabsToolbar {
  margin-top: 4px !important;
  margin-left: 535px !important;
  margin-bottom: -27px !important;
  border: none !important;
}
/*------------------- Pusher tab bar to the bottom. -------------------*/
#main-window[sizemode="normal"] #TabsToolbar {
  padding: 40px 0px 0px 0px!important;
  margin-left: 1px !important;
  margin-bottom: 8px !important;
  margin-top: -28px !important;
  border: none !important;
}
/*------------------- Arrows -------------------*/
#back-button {
  background: none !important;
  border: 0px !important;
  box-shadow: none !important;
  padding: 0px 0px 3px 3px !important;
}

#forward-button {
  background: none !important;
  border: 0px !important;
  box-shadow: none !important;
  padding: 0px 0px 3px 3px !important;
  margin-right: -3px !important;
}

Thanks to foxxyn8 and Gary7 =)

[+Gary7 Subscriber²]

Good Job! It looks like you only have some minor adjustments with vertical padding, margins and such. :)

[n3Tk0]

If you know how long i try to understand why the inactive tabs are unclickable.The whole idea was to make the theme to take a less space. =) After i learn to play with Photoshop =) I can make something more =) That few adjustments take me more than 3 hours to make =) And still don't know all attributes of theme style =(

[foxxyn8]

If you know how long i try to understand why the inactive tabs are unclickable.The whole idea was to make the theme to take a less space. =) After i learn to play with Photoshop =) I can make something more =) That few adjustments take me more than 3 hours to make =) And still don't know all attributes of theme style =(

I see you figured it out, good job! Get the DOMi add-on, it will make it a whole lot easier to find elements, classes and attributes.

[Kaoxt]

Is there any scripts I can use, so when using a theme like Soft7 or Blend 2.0 I can make Firefox colors the way the default is on Aero? I don't like how a lot of the colors change when using a visual style.

[+Heartripper Subscriber¹]

2nd from last:

Using firefox 4b10, no reset doesn't fix it, if I'd like proper popups right now I have to disable, restart, use the popup, enable and restart again.

very strange, i'm using the same value with tabs on top + firefox button and have no probs.

Are you using a custom theme?

[SleweD]

very strange, i'm using the same value with tabs on top + firefox button and have no probs.

Are you using a custom theme?

Are you sure you are looking at this on *just* popup windows?

I haven't touched the theme, I'm not sure how to access it in this new Firefox; under the appearance tab of addons it tells me that I haven't got any of these addons installed.

Another thing i notice is that it incorrectly shows the menubar on every window too.

As you can see, I have changed a few things in my userchrome file (to remove the search bar widgets), gonna try commenting things out to see if any of it affects it.

Edit: removing userchrome.css, disabling stylish and hitting reset before changing it back to the setting i had previously still has the same problem happen.

[vasa1]

Thanks to everyone here, this is what my urlbar currently has:

#urlbar {
	background-color: #808080 !important;
	font-size: 16px !important;
	font-weight: bold !important;
	color: black !important;
	}
.urlbar-over-link-box {
	color: yellow !important;
	}
#urlbar {
      border: none !important;
      box-shadow: none !important;
	}
.urlbar-history-dropmarker {
      background-color: #707070 !important;
}
#identity-box.unknownIdentity, #page-proxy-favicon {display:none!important;}
#identity-icon-label {display:none!important;}

I want to know if this part can be tweaked further:

.urlbar-history-dropmarker {
      background-color: #707070 !important;
}

With my current code, it gives me a grey rectangle with a faint whitish triangle inside. I want to know if I can have just the triangle with any color I choose. Or is the icon one entire piece that can't be broken down further?

[+Gary7 Subscriber²]

I see you figured it out, good job! Get the DOMi add-on, it will make it a whole lot easier to find elements, classes and attributes.

There is also an add-on called Phoenix that works well.

[foxxyn8]

Thanks to everyone here, this is what my urlbar currently has:

#urlbar {
	background-color: #808080 !important;
	font-size: 16px !important;
	font-weight: bold !important;
	color: black !important;
	}
.urlbar-over-link-box {
	color: yellow !important;
	}
#urlbar {
      border: none !important;
      box-shadow: none !important;
	}
.urlbar-history-dropmarker {
      background-color: #707070 !important;
}
#identity-box.unknownIdentity, #page-proxy-favicon {display:none!important;}
#identity-icon-label {display:none!important;}

I want to know if this part can be tweaked further:

.urlbar-history-dropmarker {
      background-color: #707070 !important;
}

With my current code, it gives me a grey rectangle with a faint whitish triangle inside. I want to know if I can have just the triangle with any color I choose. Or is the icon one entire piece that can't be broken down further?

If you're talking about recoloring the drop-marker icon(the triangle), you'll have to edit or replace the image located at "chrome://browser/skin/mainwindow-dropdown-arrow.png".

Or, here's a black one:

.urlbar-history-dropmarker {

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAAd0SU1FB9oKFxMwECSe2dAAAACQSURBVBjTdY8xCsJAFERn/09CBLUQBMFKi+A9xCNYBM/rKSxSueUWYUEL5dlkG8WB10zxmAnAXNJC//MQsGzb9mpmr2+qqhqAlYB1zvnk7qMkCk3T3IAjsBFgQJdS6s3sKQl3H4EzsAdMkgQ4cIgxXuq6jimlHugAl6RQ1k3FTtJW0l3SEEJ4/9yYjLNiKPkAfxZaieDmW98AAAAASUVORK5CYII=") !important;

}

[PratimGhosh86]

why not right click and remove it?

this worked for me

#nav-bar {

height: 3px !important;

min-height: 0px !important;

overflow: hidden !important;

}

i'm trying to get the IE9 look in firefox :p if i remove both the nav bar and bookmark toolbar, there is no space between the tab bar and the space, which doesn't look good in all the sites .. so a very slim and trim nav bar was something i was looking for ..

[Excelsis]

Is there any scripts I can use, so when using a theme like Soft7 or Blend 2.0 I can make Firefox colors the way the default is on Aero? I don't like how a lot of the colors change when using a visual style.

No scripts but if you rename for exemple Win7-Blend 2.0.msstyles to aero.msstyles and edit the Win7-Blend 2.0.theme with Notepad to change the line with Win7-Blend 2.0.msstyles to aero.msstyles it will give you the normal colors.

[Kaoxt]

No scripts but if you rename for exemple Win7-Blend 2.0.msstyles to aero.msstyles and edit the Win7-Blend 2.0.theme with Notepad to change the line with Win7-Blend 2.0.msstyles to aero.msstyles it will give you the normal colors.

Thank you for the reply!

[vasa1]

If you're talking about recoloring the drop-marker icon(the triangle), you'll have to edit or replace the image located at "chrome://browser/skin/mainwindow-dropdown-arrow.png".

Or, here's a black one: ...

Thank you yet again. That's just what I wanted.

[liju]

Can anyone please edit the below script to move the menu button to navigation bar before the back button

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

    #appmenu-button {
      padding: 4px 0 0 3px !important;
      min-width: 0 !important;
      background: none !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    #appmenu-button .button-icon {
      list-style-image: url("file:///C:/Users/Liju/Pictures/icons/menu.png");
    }

    #appmenu-button .button-text,
    #appmenu-button .button-menu-dropmarker {
      display: none !important;
    }

    #appmenu-button:hover
    {
      box-shadow: 0px 0px 3px 3px #33CCFF !important;
      background: #33CCFF !important; 
      border-radius: 4px !important;
    }

[vasa1]

I filed Bug 631635 but they will probably laugh at it.

Gary7, could you please put up a link to the bug you filed? It would be interesting to see the reasoning behind this step ...

In edit: got it ... https://bugzilla.mozilla.org/show_bug.cgi?id=631635

Looks like the reasoning is here: https://bugzilla.mozilla.org/show_bug.cgi?id=541656

[foxxyn8]

Can anyone please edit the below script to move the menu button to navigation bar before the back button

Easier way:

https://addons.mozilla.org/en-US/firefox/addon/toolbar-appmenu-button/

[vasa1]

Yeah, it'll get a WONTFIX, but I voted for it anyway. :D

Gary7 and Foxxyn8, please take a look at the posts over here:

http://forums.mozillazine.org/viewtopic.php?p=10391621#p10391621

and a few following ones.

Do they offer a solution or workaround? I'm still on Fx4beta10 and in any case, don't understand most of the code :(

[foxxyn8]

Gary7 and Foxxyn8, please take a look at the posts over here:

http://forums.mozillazine.org/viewtopic.php?p=10391621#p10391621

and a few following ones.

Do they offer a solution or workaround? I'm still on Fx4beta10 and in any case, don't understand most of the code :(

The new status-4-evar is out. It fixes the hover-link fubar.

https://addons.mozilla.org/en-US/firefox/addon/status-4-evar/versions/

My styles still work with both it and beta10:

Replace Url With Hover Link

or to just change the color:

Hover Link Color

[SleweD]

So after trawling 89 pages of this thread finding the white firefox logo for the menubar (don't worry, I found it), I found a script which slides the addon bar up and down:

I added a transition to the addon-bar so that it slides in from the bottom once you hover an area the height of the bar itself in the lower right corner.

It is based on SoapyHamHock's code so the icons don't update instantly but once the bar hides and slides up again they change, so it might be something

of a good solution to combine the auto-hide and the new styling.

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

#addon-bar:hover {
 bottom: 1px;
}

#main-window[sizemode="maximized"] #addon-bar {
  bottom: -22px;
  right: 0;
  -moz-transition: bottom .5s;
}

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

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 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;
}

Is it possible to apply the sliding effect to the bookmarks bar to hide it, similar to this script which just makes it transparent then pops it out of view (the jump as it disappears is very annoying).

Also, since I'm asking for too much already, is there a way of turning the secure site logo from dark blue to green, similar to how http://userstyles.org/styles/19663 does it, but minus the excess fluff?