Share your custom Firefox/Minefield 4 stylish scripts

[Dmxnet]

Hi, I have some problems with my scripts that I found here, i hope you guys can help me.

As you can see by these pitcures the urlbar is acting wierd(picture 1), and the bookmark dropdown wont let me press on the red marked area, so i can see the bookmarks under there, but it works if i close the bookmark dropdown and uppen it again(picture 2).

Picture 1

Picture 2

I'm currently using firefox 10, with the appearance Australis 1.1 and these scripts :

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

@-moz-document url-prefix('chrome://') {

.tabbrowser-tab .tab-stack {

height: 29px !important;

max-height: 29px !important;

margin: 0 !important;

}

.tabbrowser-tab:not([selected]) .tab-stack {

padding: 1px 8px 2px !important;

}

.tabbrowser-tab[selected=true] .tab-stack {

margin: 0 -3px 0 !important;

padding: 0 2px 1px !important;

-moz-border-image: url('chrome://browser/skin/tabbrowser/mrcurveless.png') 0 9 0 9 / 0 9px 0 9px !important;

}

#main-window:not([disablechrome=true]) #TabsToolbar:-moz-lwtheme .tabbrowser-tab[selected=true] .tab-stack {

-moz-border-image: url('chrome://browser/skin/tabbrowser/mrcurveless-lightweight.png') 0 9 0 9 / 0 9px 0 9px !important;

}

#main-window:not([disablechrome=true])[stylish-platform=Linux] .tabbrowser-tab[selected=true] .tab-stack {

-moz-border-image: url('chrome://browser/skin/tabbrowser/mrcurveless-linux.png') 0 9 0 9 / 0 9px 0 9px !important;

}

#tabbrowser-tabs .tab-content {

margin: 0 !important;

}

}

and

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

#star-button {

visibility: visible !important;

}

#navigator-toolbox[iconsize=large] #nav-bar{

padding: 3px 1px 4px 0 !important;

}

#main-window:not([sizemode=maximized]) #navigator-toolbox[iconsize=large] #TabsToolbar{

padding-left: 3px !important;

}

#main-window[sizemode=maximized] #TabsToolbar{

padding-right: 60px !important;

}

#navigator-toolbox[iconsize=small][mode=icons] #nav-bar{

padding: 1px 0 2px 0 !important;

}

/*Top border radius for ICUI tabs*/

#main-window[disablechrome]:not([sizemode=maximized]) #navigator-toolbox::after{

content: "";

height: 3px !important;

background: rgb(230,237,244) !important;

background-clip: padding-box !important;

border-width: 1px 1px 0 1px !important;

border-style: solid !important;

border-color: rgba(0,0,0,.3) !important;

border-radius: 3px 3px 0 0 !important;

box-shadow: 0pt 1px 0pt 0pt rgb(241, 245, 249) inset,

0pt -1px 0pt 0pt rgba(0, 0, 0, 0.05);

}

#main-window[disablechrome][sizemode=maximized] #navigator-toolbox::after{

content: "";

height: 2px !important;

background: rgb(230,237,244) !important;

background-clip: padding-box !important;

border-top: 1px solid rgba(0,0,0,.3);

box-shadow: 0pt 1px 0pt 0pt rgb(241, 245, 249) inset,

0pt -1px 0pt 0pt rgba(0, 0, 0, 0.05);

}

and

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

#browser-bottombox{

background: none !important;

border-radius: 0 0 4px 4px !important;

}

/*Addonbar Style*/

#addon-bar{

-moz-appearance: none !important;

max-height: 23px !important;

background: -moz-linear-gradient(top, rgba(255,255,255,.5),

rgba(255,255,255,.3)) !important;

background-clip: padding-box !important;

border-width: 1px 0 0 0 !important;

border-style: solid !important;

border-color: rgba(26,26,26,.4) !important;

padding-right: 3px !important;

box-shadow: 0 1px 3px rgba(0,0,0,.1) inset !important;

}

#main-window:not([sizemode=maximized]) #addon-bar{

border-radius: 0 0 4px 4px !important;

border-bottom: 1px solid rgba(255,255,255,.5) !important;

}

/*Addonbar element fix*/

#addon-bar statusbar{

background: none !important;

margin-top: -1px !important;

}

#addon-bar toolbarseparator{

margin-bottom: 1px !important;

}

/*Find Toolbar Fix*/

#FindToolbar{

background-color: -moz-dialog !important;

}

And this

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

#appmenu-button {

-moz-appearance: none !important;

background-color: transparent !important;

background: none !important;

}

[SoapyHamHocks Member]

Hi, I have some problems with my scripts that I found here, i hope you guys can help me.

As you can see by these pitcures the urlbar is acting wierd(picture 1), and the bookmark dropdown wont let me press on the red marked area, so i can see the bookmarks under there, but it works if i close the bookmark dropdown and uppen it again(picture 2).

Remove the LastPass button from your toolbar. Icons should be a maximum of 18px, but a lot of developers do not follow this guideline.

[Dmxnet]

Thanks SoapyHamHocks :)

Now i only have this problem the bookmark dropdown wont let me press on the red marked area, so i can see the bookmarks under there, but it works if i close the bookmark dropdown and uppen it again(picture 1).

Picture 1

I'm currently using firefox 10, with the appearance Australis 1.1 and these scripts :

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

@-moz-document url-prefix('chrome://') {

.tabbrowser-tab .tab-stack {

height: 29px !important;

max-height: 29px !important;

margin: 0 !important;

}

.tabbrowser-tab:not([selected]) .tab-stack {

padding: 1px 8px 2px !important;

}

.tabbrowser-tab[selected=true] .tab-stack {

margin: 0 -3px 0 !important;

padding: 0 2px 1px !important;

-moz-border-image: url('chrome://browser/skin/tabbrowser/mrcurveless.png') 0 9 0 9 / 0 9px 0 9px !important;

}

#main-window:not([disablechrome=true]) #TabsToolbar:-moz-lwtheme .tabbrowser-tab[selected=true] .tab-stack {

-moz-border-image: url('chrome://browser/skin/tabbrowser/mrcurveless-lightweight.png') 0 9 0 9 / 0 9px 0 9px !important;

}

#main-window:not([disablechrome=true])[stylish-platform=Linux] .tabbrowser-tab[selected=true] .tab-stack {

-moz-border-image: url('chrome://browser/skin/tabbrowser/mrcurveless-linux.png') 0 9 0 9 / 0 9px 0 9px !important;

}

#tabbrowser-tabs .tab-content {

margin: 0 !important;

}

}

and

@namespace url(http://www.mozilla.o...ere.is.only.xul);

#star-button {

visibility: visible !important;

}

#navigator-toolbox[iconsize=large] #nav-bar{

padding: 3px 1px 4px 0 !important;

}

#main-window:not([sizemode=maximized]) #navigator-toolbox[iconsize=large] #TabsToolbar{

padding-left: 3px !important;

}

#main-window[sizemode=maximized] #TabsToolbar{

padding-right: 60px !important;

}

#navigator-toolbox[iconsize=small][mode=icons] #nav-bar{

padding: 1px 0 2px 0 !important;

}

/*Top border radius for ICUI tabs*/

#main-window[disablechrome]:not([sizemode=maximized]) #navigator-toolbox::after{

content: "";

height: 3px !important;

background: rgb(230,237,244) !important;

background-clip: padding-box !important;

border-width: 1px 1px 0 1px !important;

border-style: solid !important;

border-color: rgba(0,0,0,.3) !important;

border-radius: 3px 3px 0 0 !important;

box-shadow: 0pt 1px 0pt 0pt rgb(241, 245, 249) inset,

0pt -1px 0pt 0pt rgba(0, 0, 0, 0.05);

}

#main-window[disablechrome][sizemode=maximized] #navigator-toolbox::after{

content: "";

height: 2px !important;

background: rgb(230,237,244) !important;

background-clip: padding-box !important;

border-top: 1px solid rgba(0,0,0,.3);

box-shadow: 0pt 1px 0pt 0pt rgb(241, 245, 249) inset,

0pt -1px 0pt 0pt rgba(0, 0, 0, 0.05);

}

and

@namespace url(http://www.mozilla.o...ere.is.only.xul);

#browser-bottombox{

background: none !important;

border-radius: 0 0 4px 4px !important;

}

/*Addonbar Style*/

#addon-bar{

-moz-appearance: none !important;

max-height: 23px !important;

background: -moz-linear-gradient(top, rgba(255,255,255,.5),

rgba(255,255,255,.3)) !important;

background-clip: padding-box !important;

border-width: 1px 0 0 0 !important;

border-style: solid !important;

border-color: rgba(26,26,26,.4) !important;

padding-right: 3px !important;

box-shadow: 0 1px 3px rgba(0,0,0,.1) inset !important;

}

#main-window:not([sizemode=maximized]) #addon-bar{

border-radius: 0 0 4px 4px !important;

border-bottom: 1px solid rgba(255,255,255,.5) !important;

}

/*Addonbar element fix*/

#addon-bar statusbar{

background: none !important;

margin-top: -1px !important;

}

#addon-bar toolbarseparator{

margin-bottom: 1px !important;

}

/*Find Toolbar Fix*/

#FindToolbar{

background-color: -moz-dialog !important;

}

And this

@namespace url(http://www.mozilla.o...ere.is.only.xul);

#appmenu-button {

-moz-appearance: none !important;

background-color: transparent !important;

background: none !important;

}

[V23]

Could someone point me to a script that changes the default bookmarks icon into a star like IE9's.

Thanks.

[mancode20]

Anyone have a style for multi-row tabs? Not multi-row bookmarks on the bookmarks toolbar, just tabs. I know I can get this effect by using TabMixPlus or even TabUtilities, but I'd like to just have it as a userstyle if possible. Can it be done? Thanks!

[V23]

Anyone have a style for multi-row tabs? Not multi-row bookmarks on the bookmarks toolbar, just tabs. I know I can get this effect by using TabMixPlus or even TabUtilities, but I'd like to just have it as a userstyle if possible. Can it be done? Thanks!

Try this one, it's old but may work - http://userstyles.org/styles/10930/app-multi-row-tab-bar

[mancode20]

Anyone have a style for adding the bookmarks button to the bookmarks toolbar without it slowing down the opening and closing slide animation of tabs? If you don't understand what I mean, try out this style.

@namespace url(http://www.mozilla.o...ere.is.only.xul);

#personal-bookmarks

{

display:block;

}

#personal-bookmarks #PlacesToolbar

{

display:block;

min-height: 0px;

overflow-x:hidden;

overflow-y:auto;

max-height: 999px;

[mancode20]

Thanks SoapyHamHocks :)

Now i only have this problem the bookmark dropdown wont let me press on the red marked area, so i can see the bookmarks under there, but it works if i close the bookmark dropdown and uppen it again(picture 1).

Picture 1

I'm currently using firefox 10, with the appearance Australis 1.1 and these scripts :

and

and

And this

How did you get your bookmarks menu like that on the navigation toolbar? With the star and the dropdown menu showing your actual bookmarks instead of that bookmarks sidebar nonsense. Let me know if you used a userstyle or what. Thanks!

[V23]

How did you get your bookmarks menu like that on the navigation toolbar? With the star and the dropdown menu showing your actual bookmarks instead of that bookmarks sidebar nonsense. Let me know if you used a userstyle or what. Thanks!

There are two different bookmarks buttons in the customize toolbar section, one opens the sidebar, the other opens a drop-down box.

[mancode20]

There are two different bookmarks buttons in the customize toolbar section, one opens the sidebar, the other opens a drop-down box.

The buttons aren't there by default, are they? You mean when you use the extension Toolbar Buttons 1.0? I'm using an older version of that, so mine doesn't look quite the same.

[mancode20]

The buttons aren't there by default, are they? You mean when you use the extension Toolbar Buttons 1.0? I'm using an older version of that, so mine doesn't look quite the same.

I'm not seeing that bookmark button. I'm guessing I have to use the theme you're using, Australis?

[V23]

I'm using the default theme on Nightly 13 but I'm pretty sure older versions of firefox have it as well. Should be there by default, without the need for any add-ons:

[mancode20]

I'm using the default theme on Nightly 13 but I'm pretty sure older versions of firefox have it as well. Should be there by default, without the need for any add-ons:

lol! I know the bookmarks button. I have it on my toolbar. Yours looks different from mine, though. Yours is just a yellow star, which is what I want mine to be. How did you get that? Is it because of Australis, or a userstyle? Let me know! Thanks!

[Kyang]

I've looked through the thread, and run a search, but I haven't found it. I'm pretty sure I saw it here before though.

How can I remove all of the curves on the navbar, buttons, location/search box, app button, etc? I'm looking to make everything angled.

[r0bc]

Is it possible to make the background of the new Nightly about:newtab page transparent, as in Panorama? With opaque thumbnails. I have tried "tweaking" the transparent home page/about:blank CSS to no avail, I'm unable to set the opacity of just the background...

[Kaoxt]

Is there a code to make the Toolbar buttons such as "Home" "Bookmarks dropdown" border less like in the nightly builds? Trying to get this without Stratiform because of the extra lag.

Also trying to figure out how to get the Firefox Button next to the Home Button with the image the mockup uses for Australis.

Thanks!

[+Gary7 Subscriber²]

The new home and arrow buttons are FUGLY.

With Default Theme:

With Persona:

The way they used to look:

If anyone can write a script to make undo what Mozilla has ruined, I would apprecite it. Untill then I am going back to the released version. First time since before Firefox 4 came out. I am tired of what Mozilla is doing with Firfox unless they are trying to make it as FUGLY as Windows 8. :)

[+Gary7 Subscriber²]

This could all be fixed with the add on and style below:

https://addons.mozilla.org/en-US/firefox/addon/cstbb/versions/

http://userstyles.org/styles/62993/fx14-cstb-1-07pre3-large-icons-toolbarbuttons-fix

This works magnificently. Thanks to Rob64Rock!

[Kaoxt]

Would anyone know how edit this userstyle a bit: http://userstyles.org/styles/61129/australis-styles where when you have mouse hover inactive tabs it shows a border, but instead of having it so when you hover, it shows the lower opactiy borders all times around inactive tabs?

[mancode20]

Nevermind. I figured it out.

Can anyone help me with this again? I'm on a different computer, so I don't have access to the text file that I had the stylish code in. I'm trying to make the tabs fade when inactive, like there is already a stylish for called Fading Inactive Tabs, but I'm also trying to add to it by having the tab light up when you hover on it. I need the code for that part. If you don't understand what I'm saying, try the extension Colorful Tabs and you'll see. Here is the Faded Tabs Stylish, but does anyone know the extra code to get the active tab to light up when you hover over it? As I said, I had it before. I know it can be done. http://userstyles.org/styles/45460/faded-inactive-tabs Thanks!!

[mancode20]

Nevermind. I figured it out again. Here is the code for anyone that wants it. It's for Faded Inactive Tabs, but also with a cool light up tab feature when you hover or mouse over any tab other than the active tab, of course. Try it out and see. It's very cool and useful.

.tabbrowser-tab

{ opacity: .50 !important; }

tab[selected=true], .tabs-bottom {

opacity: 1 !important;

}

.tabbrowser-tab:hover

{ opacity: 1 !important; }

[CromoPT]

Hi, when I change visual style in Windows firefox theme became white instead of the blue by deafult

Default:

With theme:

There is any way to force firefox always use default theme?

[Karl-Johan]

Hi, when I change visual style in Windows firefox theme became white instead of the blue by deafult

Default:

With theme:

There is any way to force firefox always use default theme?

You will have to rename the included .msstyles-file to aero.msstyles and also change the path to this file in the .theme-file, to this:

Example (look for this line in the .theme-file):

[VisualStyles]

Path=%ResourceDir%\Themes\win8beta\win8.msstyles

Change to:

[VisualStyles]

Path=%ResourceDir%\Themes\win8beta\aero.msstyles

[CromoPT]

Oh... it works! Thank you very much :)

[PC EliTiST]

Guys, I'd really appreciate if someone can tell me how to convert this style which is for the Add-on 'FlashBlock' to Built-in click-to-play function:

http://userstyles.or...e-much-prettier

I'd like it as is, squarer, not rounded corners. Truly, thank you in advance!

This is the built-in image, and if you can notice, on some sites it has glitches at the corners:

http://i.minus.com/ibmUyj8iIdE9Uk.PNG