Share your custom Firefox/Minefield 4 stylish scripts

[BantryRed]

SoapyHamHocks, is it possible to mix these following codes of yours, so that if you have the History or Bookmarks tabs open, their color is the same as an open tab, but normal and hover is the same as the background tabs? Also can the bookmarks star be moved to the left in the url bar. Thanks.

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not

(#new-tab-button): {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-position: -6px -2px !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url

("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 

5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
  background-image: -moz-radial-gradient(center top, white, 

rgba(255,255,255,0) 60%),
                    -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgba

(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                    -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgb

(227,237,246) 1px, rgb(227,237,246)) !important;
}
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not

(#new-tab-button) {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-position: -6px -2px !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url

("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 

5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
  background-image: -moz-linear-gradient(left, transparent, 

transparent 1px,
                                                 rgba

(255,255,255,.4) 1px, rgba(255,255,255,.4)) !important;
}

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button) {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
}

.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button)  {
  background-position: -5px -2px !important;
  background-image: -moz-linear-gradient(top,rgba(198,201,206,.70),
                                   rgba(151,160,172,.70)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}

.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):hover {
  background-image: -moz-linear-gradient(top,rgba(198,201,206,.8),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

[SoapyHamHocks Member]

SoapyHamHocks, is it possible to mix these following codes of yours, so that if you have the History or Bookmarks tabs open, their color is the same as an open tab, also can the bookmarks star be moved to the right in the url bar. Thanks.

Here you go just add this at the end of your code. Do you mean move the bookmark star to the left?

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button)[checked="true"] {
    background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
                      -moz-linear-gradient(left, transparent, transparent 1px,
                                                 rgba(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                      -moz-linear-gradient(left, transparent, transparent 1px,
                                                 rgb(227,237,246) 1px, rgb(227,237,246))!important;
  background-position: center -2px, -6px -2px, -6px -2px !important;
  background-size: 100%, 200%, 200% !important;
}

[Duke D]

Has anyone made the all-tabs button look good with the tabs in the titlebar?

I currently have it disabled because it just looks strange next to the min/max/close buttons.

[Darrian]

huh stylish addon works for firefox 4.0 beta?:blink:

LOL the entire premise of this thread relies on Stylish working for the Fx 4 beta :p

[Mouettus]

LOL the entire premise of this thread relies on Stylish working for the Fx 4 beta :p

well... i was doing it manually with chrome css from the start... ?

no need for addons

[SoapyHamHocks Member]

well... i was doing it manually with chrome css from the start... ?

no need for addons

Stylish makes it much easier when coding a theme or testing some complex CSS.

[Duke D]

When Stylish was broken after XPCOM first came on, I found out how terrible CSS can be without Stylish and its wonderful previews.

[Darrian]

well... i was doing it manually with chrome css from the start... ?

no need for addons

Sure, you can do that, but every time you want to make even the tiniest change you have to dig into your profile for userChrome.css, make your changes and save, and restart your browser.

Anyway, I just thought it was funny you asked that in a thread with "Firefox 4" and "Stylish" both in the title.

[BantryRed]

Here you go just add this at the end of your code. Do you mean move the bookmark star to the left?

Thank you, and yes please.

[BantryRed]

Has anyone made the all-tabs button look good with the tabs in the titlebar?

I currently have it disabled because it just looks strange next to the min/max/close buttons.

Also left and right arrows for tab scrolling.

[atzaus]

Can someone please give me the css to fix the Webmail Notifier icon in the toolbar?

Thanks

[Mouettus]

Sure, you can do that, but every time you want to make even the tiniest change you have to dig into your profile for userChrome.css, make your changes and save, and restart your browser.

Anyway, I just thought it was funny you asked that in a thread with "Firefox 4" and "Stylish" both in the title.

1. I wasn't the one asking the question

2. stylish can also be an adjective that would fit very well in the context

[Darrian]

Sigh. Nevermind, then. Why did you even bother to reply? <facepalm>

[atzaus]

/* Tabs on Top */
#appmenu-button-container {
 position: fixed !important;
 margin-left:4px !important;
}
#appmenu-button {
 padding: 2px 8px 2px 12px !important;
 height: 22px !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
 padding-left:81px !important;
 padding-top:3px !important;
}
#toolbar-menubar {
 padding-left:81px !important;
}
#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar {
 padding-right: 110px !important;
}

I am using this but when the tabs "overflow" and when you close them so 1 or 2 left the right margin of the firefox button is messed up. Any ideas?

[+Audioboxer Subscriber²]

Updated my combined stop/reload script.

Changes:

Fixed background color on a blank tab.

Added a inner glow to make the buttons "pop" a bit.

Changed the icons to newer ones from the mockups.

Changed the way the code is applied. Only works if the stop/reload buttons are directly after the Urlbar.

http://userstyles.org/styles/33745

Feedback would be great :)

Stopped working in beta 2

[SoapyHamHocks Member]

Stopped working in beta 2

I guess I need to install b2 and test then :p works fine on the nightlies.

Edit: Works fine for me. Are you using 1.0.11 of Stylish? http://userstyles.org/apps/Stylish-1.0.11.xpi

[+Audioboxer Subscriber²]

I guess I need to install b2 and test then :p works fine on the nightlies.

Edit: Works fine for me. Are you using 1.0.11 of Stylish? http://userstyles.or...lish-1.0.11.xpi

Got it working now thanks :p

I'm just messing around anyway, waiting to see your new theme in action.

[SoapyHamHocks Member]

Got it working now thanks :p

I'm just messing around anyway, waiting to see your new theme in action.

We did release alpha1, but we still have a lot of work to do.

[Ridlas]

Is there a way I can make the address bar Aero like the top part of the browser? The whiteness of it looks hideous. Some help with this would be appreciated.

[Darrian]

Um, read the thread?

[Tim the Enchanter]

How did you change the appearance of the borders around each thumbnail in fast dial? Looks amazing!

edit: tried to find the theme on userlogos.org but don't thin its there :s

[Darrian]

It's on Deviantart. http://browse.deviantart.com/?qh=&section=&q=fastchrome#/d2nt3bh

[BantryRed]

It's on Deviantart. http://browse.deviantart.com/?qh=&section=&q=fastchrome#/d2nt3bh

How can I add Icon to app button on Minimal theme?

[RoomKid]

Amazing guys! I'm using a few of the scripts, works great. Here's mine(thanks Bogas!)

[Suspetsado]

Hi,

I know this is a silly and simple question. Been googling on how to resize the width of the tab bar in Firefox 4.0 Beta 2 however I was not able to find the answer. Your reply will be much appreciated. Thanks. :)