Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

  • 2 weeks later...
Rookie

Dmxnet

Posted
Posted

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

r1twkqckFP.jpg

Picture 2

r1104359D-Bn57OD.jpg

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;

}

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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.

Link to comment
Share on other sites
Rookie

Dmxnet

Posted
Posted

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

r1104359D-Bn57OD.jpg

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;

}

Link to comment
Share on other sites
  • 2 weeks later...
Experienced

mancode20

Posted
Posted

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!

Link to comment
Share on other sites
Experienced

mancode20

Posted
Posted

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;

Link to comment
Share on other sites
Experienced

mancode20

Posted
Posted

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

r1104359D-Bn57OD.jpg

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!
Link to comment
Share on other sites
Collaborator

V23

Posted
Posted

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.

Link to comment
Share on other sites
Experienced

mancode20

Posted
Posted

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.
Link to comment
Share on other sites
Experienced

mancode20

Posted
Posted

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?
Link to comment
Share on other sites
Experienced

mancode20

Posted
Posted

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:

d1Pj0.png

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!
Link to comment
Share on other sites
Mentor

Kyang

Posted
Posted

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.

Link to comment
Share on other sites
  • 2 weeks later...
Explorer

r0bc

Posted
Posted

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

Link to comment
Share on other sites
Rising Star

Kaoxt

Posted
Posted

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!

Link to comment
Share on other sites
Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

The new home and arrow buttons are FUGLY.

With Default Theme:

qw.png

With Persona:

Fugly.png

The way they used to look:

Capture-2.png

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

Link to comment
Share on other sites
  • 1 month later...
Experienced

mancode20

Posted
Posted

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!!
Link to comment
Share on other sites
Experienced

mancode20

Posted
Posted

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

Link to comment
Share on other sites
Apprentice

CromoPT

Posted
Posted

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

Default:

20qjdwz.png

With theme:

2m2ytz4.png

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

Link to comment
Share on other sites
Enthusiast

Karl-Johan

Posted
Posted

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

Default:

20qjdwz.png

With theme:

2m2ytz4.png

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

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.