Share your custom Firefox/Minefield 4 stylish scripts

[Darrian]

Next time when you're trying to be helpful check out the original post first.

I tweaked it a little last night so the rollover effect is a bit more subtle. px-nicer2.txt

[+Gary7 Subscriber²]

Next time when you're trying to be helpful check out the original post first.

I tweaked it a little last night so the rollover effect is a bit more subtle. px-nicer2.txt

Somehow simply copying and pasting the code into the forums didn't work. It inserts a space somewhere it doesn't belong in the image code.

You posted this and I posted how to do it. I won't bother doing so any longer. :whistle:

[Darrian]

You posted this and I posted how to do it. I won't bother doing so any longer. :whistle:

It was referencing a post that I put up much, much earlier in the thread, which used the code tags and thus displayed as you suggested. If you'd looked at the post in question you'd have seen that. I wasn't asking anybody for assistance, I was explaining to somebody why the code as it is displayed where I posted it will not work. Hence the more reliable method of linking to a text file, instead. I do appreciate your desire to help people, but mostly I just felt insulted. If you'd read the thread, even just the first page, you'd have seen I'm well aware of how to post code. Don't take it personally, I'm easy to irritate.

[+Gary7 Subscriber²]

It was referencing a post that I put up much, much earlier in the thread, which used the code tags and thus displayed as you suggested. If you'd looked at the post in question you'd have seen that. I wasn't asking anybody for assistance, I was explaining to somebody why the code as it is displayed where I posted it will not work. Hence the more reliable method of linking to a text file, instead. I do appreciate your desire to help people, but mostly I just felt insulted. If you'd read the thread, even just the first page, you'd have seen I'm well aware of how to post code. Don't take it personally, I'm easy to irritate.

No problem. :)

[BantryRed]

#appmenu-button
{
background-color: rgba(54, 121, 166, 0.2) !important;
}

#appmenu-button{
padding-left: 10px !important;
padding-right: 10px !important;
}

#appmenu-button .button-box .box-inherit:before {
  content: "Foxy";
}

#appmenu-button .button-box .box-inherit .button-text {
  display: none;
}

#appmenu-button{
padding: 3px 9px 3px 9px !important;
}

#appmenu-button
{
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;}

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

#appmenu-button[open="true"]{
-moz-border-radius: 0px !important;
}

.tabbrowser-tab, .tabs-newtab-button {
  background: rgba(20,20,20,.5) !important;
  color: #ffffff !important;
  text-shadow: #000000 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
  font-size: 11px !important;
  border: #000000 1px solid !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 2px !important;
  -moz-box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important; 
  -moz-border-radius: 6px 6px 0px 0px !important;
  margin-top: 2px !important;
}
.tabbrowser-tab:not([pinned="true"])
{
 margin-left: 0px !important;
 margin-right: 1px !important;
 padding-bottom: 0px !important;

}

.tabbrowser-tab[pinned="true"]
{
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.tabbrowser-tab[pinned="true"] .tab-icon-image
{
  margin-top: 0px !important;

}

.tabbrowser-tab[selected="true"]{
  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,1),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

.tabbrowser-tab[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,1),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}



#main-menubar{
margin-left: 77px !important;
}

#appmenu-button-container{
position: fixed !important;
}

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 77px !important;
padding-top:2px !important;
}

#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-right: 104px !important;
}

#main-window[sizemode="maximized"] #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-right: 108px !important;
}

#back-forward-dropmarker { display: none !important; }

#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #ybToolbar {

 background: transparent !important;
  color: #ffffff !important;
  text-shadow: #000000 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
    -moz-appearance: none !important;
border: #000000 !important;

}

.tabbrowser-tab {
  max-width: 190px !important;

  min-width: 0px !important;
}

toolbar #star-button[starred="true"]
{
display:   none !important;
}

.autocomplete-history-dropmarker { display: none !important;}

Mixture of a couple of codes here, thanks everyone. 2 Questions, is it possible to move the Icon on the app tab window down 1 or 2 px, slightly high I think, also does any one know the color code for the green/blue hue around the default buttons? And is it possible to implement this color into the tabs? Thanks.

[MaSx]

Hey guys,

Well, I used some of your codes here and put them all together to my liking.

However, I'm having two problem with my Firefox menu bar and find bar.

I can't seem to move the Firefox text downward in the middle and find bar to be glossy when more than one tab is open.

Also, how to change tabs color? Anyways, have a look at the pic you'll know what I mean.

Thanks :)

Edit: I added the code below!

Here are my codes:

/* :::Firefox Menu::: */

#appmenu-button-container 
{ margin-top: -0px !important;
  padding: 0px 1px 5px 1px !important; }


#appmenu-button 
 { min-height: 20px !important;
   height: 20px !important;
   background: -moz-linear-gradient(top, rgba(33,170,222,.6), rgba(25,62,118,.6)), -moz-radial-gradient(center 100%, cover,    

rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.4)) !important;
   -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6), 0 0 0 rgba(60, 132, 196, 0.0), 0 0 0 1px rgba(255, 255, 255, 0.2)    

inset, 0 0 5px rgba(255, 255, 255, 0.5) inset !important;
   text-shadow: 0 0 1px #000 !important; }

#appmenu-button:hover
{ background: -moz-linear-gradient(top, rgba(33,170,222,.99), rgba(25,62,118,.99)), -moz-radial-gradient(center 100%, cover, 

rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.4)) !important; }


#appmenu-button .button-text
{ margin: -2px 0 0px -37px !important;
  padding-left: 60px !important;
  color: none !important;
  min-height: 20px !important;
  height: 20px !important;
 background:url
("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAUCAYAAAAKuPQLAAAAB3RJTUUH2gcGAQgHv0VjuQAAAAlwSFlzAAAewgAAHsIBbtB1PgAAAARnQU1BAACxjwv8YQUAAAhxSURBVHjajVZrbBTXGT3zuruz3ofXXhuD3waMH8EWNBADRphC00CBpCkorWhog4RURaSVooBalaqKUqlSo1RpUilNfkQpbX9USC0hEoQ21OCUJrwCdlKCAWMbP/Bjd73ved6ZfrMWCJRG7ZXuzh175+655zvnfCPgvuG6LgRBuLsWae0Ub6p27S6tr62qWrUZT+7tQk11GNU+oN4vQYYLkR7xnnJpeg9wWli0z4Th4uSZK3iuYQKnPrGw/3u954HXP8T/GPL9Nx6g0WsDYWXudj2tP+3vH1A6Ow/uQ2VsaWTRKjz0UC0gSbDpV4NBGYbpgt8HyhsOAbJpaq4DvySgoX0JftuXxPNrHFz8ZH3Nw9t5+eFtheE9b77T/3+B8satVzuebK5CBy0PdXY+92u0NlUEFy5FKByFowYwk9TQNDKA0ORHsNZvg7mkFbLN4RFMRBeZMgmZRteMRZDp73eqW7H4lUuY+ck49M/bnv7zy9P4GfDhS8Cr3m9algVFUe5hkO4HtKEB7Ecrm34ezYr1Hf72p46M1lU2t5epbRXl6p1ARG1zDXXn6dfUlh/vV5M9G9XExh2qyF2VgKi2N12oJt1rrqtOFSw1Yzvq4HhGTc/k1ccrZfUvJ7ja03hSXfN4vToVWtFyYEFhS81Xu85s+sbuwpcytbGMNYu34gsmp3JYszSNyyt1BNRxsJJBGL46xHvPwTc8gPR3e/DxlmdQ69HgcKiSCJmo4kSVTmyNpHRcn8lDpPtU0sDstIXSeBw/3RvG0NRqhPE+du57BEcPNTVubej/3YvAt74UlHzHWjgZcEoiXTHIsohY/CbMhA6HmHVN0k0OCNQAg8u/iVRlFaKcg5PGPFEzep7YIlAuDFJYiV/Bnak8bB1oWFyKP8ya8L/1D7z5ixSMRBvE0QF0/6DS7T++ZNm/3mv44drtp177r+XrjAgNX98e2wnDZdlhnZmGzDhXmWP7man7mKQGmL9cZ8aQzqzWR5iiMiZYBssJIuOiyHTHZQWagiIxpURhckBhLBpgYlhlDRUR9qf34qxL+oi1rFWYliplwewIM0N+Vt8YaB/sH3tncMy0v8DUnm9X7pJMKzB3IwNX8swuk7toiCJEYk7yiXBZNXzjp7F5TxvCnQpkEunZqqdw/uAbKA+GYJHoSVcwvCnI0OmaSdpIzxYQ6a7HW8frsXHVKIKLXCTGIlhcZqKk0g1sWrds9bGzl/oeAHXo0UBHcxBPT31agMtFsjZpxHHITQJc0fU+IUqevUwIlFHK1s1QwjJKK32oiXwFrw8V0FahwDZ5MTIsUr9huTAtEXPDk7j9QR8a16/FX7UGjN64iWaWRKCxkiwaonpNoqbCbSUYD4La1hJ81kpx1cqRjUUJjkPAyNpOMRQJFJ8PIdeaRd1j30HNE9shxYLo7RvHixfLEYtJyGVs2PQdQ7eQGZ2CSds7ahg5g/RYFkH28iXg3TRuP+aiKWpAqUhDqFoE5HJgwlz0AU09uoL5nlkReUWb1kvMtMMdSfJI4h4UynUOSeSCLHK5hHFftIyHYy6fHNb5gT8q/IXMct64cjn3Mx/XNJsX8hbXNYenJmZ4/PIAN12Xc1Hi2sQ4T41N8AP7K7maHObLIgnu2DZnFWSX+CTPjBgzC/8W0PqQHSoy9ez68h1+Jsr5nJtzSD8uuclrOQQGoiJAZBJ8YT/8ZSH4o35EItdxanoLDrdtwobqELHnIpnIeS0BuZtDsDSdSs9hcROFa1eJapKBYSLda2DXywUEE0FwXzn49CzUZTrsfBBSMtO97oloA45OnCyCCvplbhTcFDe44AHydETBA4FR/qhUSkrbuC7AnMhAMsKoCi6BGIwABcqhmST5QJjvmXQgm6nIfHYVtmWTWehwtkWTF9PeG/m56+hoicPMUPIXyExmlg6VwbWhqLxkdXghjn42r6mJO0a+vVwRSaB5T+DFnkEbeoBsAnj5fArTgwZIkvh9516cu1mNppiKxro5FLR5QHcbuUN1B2UYMmnwuSSZhsBxh8jyRGnB0NJ0yUIw8mCllAAESMvkcHVyKXr2zen3hF4mSfVmwqCeLhrF1wL68Mom+SSMjenI3jBRXSugIuaiuy2Cc2Wt0EnGrFCASWC8hjwJEYYjQCFT1AbLieUgzOkpOJY5LwWn2BXJknM0y2AlNEghitmshrFhBS3bGcrU2/++BypMcrZSZs60XJEOBYkyySufR5pdsLCgXkBQBaIVLr4fO4YbmQU4BrKz5BRL5n2xW0yjTdUxoPnxcUpFlZyAo+WKbw0eU4rrgTKoOSbpEqbuRJUQNBizNkqjEnaUXcKZdyffvwfq3K3cBz2wOyUm15qmA9XvBed8GcMBAWqYXlUC1GLkAMrYWfwmNoadmd24YNQiJJro8l1HW7QX4TrarqULfVMd2Hm4hDZX4KdyeYWNX+H41QvTqJNmYWeSYH46cIrMkKa+aKWRva6n3j4hHEcxsmkcPJu7eWSpdLlpoeTT8g45jSA584yXVvjg2BqCJdTfWAGTw5RJNVlsLf8lvkb/F9z5aeoB5K4UIMzm0NmcR3doA/6ZVsH1KQJFbKKAbSuHUKqnYRtBiBTC5pQBTmHrJCzcmuIXjgy4mQfC8/MZfrEu4jTldHo5I2AKlUVgdC1hYItKoJga5ACDk8zibK+MhuZyhCJysXqWYcPMJ3A1vh5vnFmH89lSoNlEQM/AyOfBJyVs60lgkW8WuTgQqiBAWYuavUGl5cWm//cBfuILbwkDBdzakOdxryVmUzZU4lzxiyDzgEfoZDmvBwI1NTIGR/K4cMRAeR0BJq35fRqGnIfxPN9IromR+CzIeQ2aTlHgmY70s6WdMsnIwJR8cHWTTGcV9eqaFpIzSval03zkLpb/AP5bE4KP//VGAAAAAElFTkSuQmCC") no-repeat 16px !important; }


/* :::Change Bookmarks Toolbar Text::: */

toolbarbutton.bookmark-item .toolbarbutton-text 
{ color: none !important; }





/* :::Toolbars::: */


#TabsToolbar 
{ background: transparent !important;
 color: #ffffff !important;
 text-shadow: none 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
 -moz-appearance: none !important;
 border: #000000 !important; }


#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #ybToolbar 
{ background: transparent !important;
 color: #ffffff !important;
 text-shadow: green 1px 1px 2px, purple -1px 1px 2px, green 1px -1px 2px, yellow -1px -1px 2px !important;
 -moz-appearance: none !important;
 border: #000000 !important; }

.findbar-find-next, .findbar-find-previous, .findbar-highlight
{ color: #ffffff !important;}

#PersonalToolbar 
{ background: transparent !important;
  color: #ffffff !important;
  text-shadow: none 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
  -moz-appearance: none !important;
  border: #000000 !important; }

#navigator-toolbox,#PersonalToolbar
{ background-color: rgba(223,233,245,.0) !important; }

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar) 
{ background-color: rgba(223,233,245,.6) !important; }

[MaSx]

hey how did you make ur fast dial look like that? what kind of theme did you use?

-Thanks!

[Makmende]

hey how did you make ur fast dial look like that? what kind of theme did you use?

-Thanks!

I believe he is using FastChrome. I'm using it myself.

[MaSx]

I believe he is using FastChrome. I'm using it myself.

I was starting to code it and make it look similar to that. >_<

Thank you...made my life easier.

[V23]

Hey MaSx, I tried to implement your firefox menu button in my browser (it looks really good by the way) but the firefox logo doesn't show up and there are a few errors seemingly with the script (at least for me). Any ideas why it isn't working?

Thanks

[MaSx]

mark_v, I think it's because of the background url problem. You probably missed something in between.

I'm not sure about the error, because I used the notepad to edit, add, delete stuff, I don't know much about CSS.

I attached the file, you can download it =)

userChrome.css

[Darrian]

The same reason I switched to posting .txt files when my code incorporates images; for some reason long image strings get broken with spaces where they don't belong when pasting into the forum. Paste the code into notepad, make sure word wrapping is off and delete the extra spaces so that the code for the logo only takes up one line, then copy that and paste it into Stylish.

[MaSx]

Okay, finally got it fixed although more like patched but this one works well.

Fixed: Find bar, Menu bar issue.

I'll attached the code for anyone that is interested. =)

userChrome.css

[Knife Party]

Opera button mix with minimal and odd bits of enhancements

with Informational Tab add on

Opera button mix with minimal and odd bits of enhancements.txt

[Brandon H Supervisor]

how'd you get the progress bars in the tabs?

[oddMLan]

how'd you get the progress bars in the tabs?

Opera button mix with minimal and odd bits of enhancements

with Informational Tab add-on

Sorry, but this was necesary ;) .

Once that you have installed this, go to the Add-ons manager and edit the preferences of the add-on to your preference :rolleyes: [/redundancy]

[Brandon H Supervisor]

Sorry, but this was necesary ;) .

Once that you have installed this, go to the Add-ons manager and edit the preferences of the add-on to your preference :rolleyes: [/redundancy]

thanks, i asked because the only add-on I knew of that did it was the one used in the strata40 bundle, but that add-on doesn't work right in the nightlies,(only shows up on far left tab)

[Darrian]

Opera button mix with minimal and odd bits of enhancements

with Informational Tab add on

You realize that the icon you borrowed from me is a phoenix and not an Opera logo, right?

[BilliShere]

I'm once again noobishly trying to make the navbar have a drop shadow on the tabs except for the active tab. Like in the mockups!

#navigator-toolbox[tabsontop=true] #nav-bar{
  -moz-box-shadow: 0px -10px 15px rgba(0,0,0,0.5)
}

That's all I've got so far. But I the drop shadow applies on the active tab as well. which is what i don't want. I want the navbar to have a drop shadow only on the inactive tabs. Anyone got any ideas as how to do that?

Here is the example of what I'm trying to achieve

see how the navbar has a slight shadow on the tab bar? except on the active tab...

[Knife Party]

You realize that the icon you borrowed from me is a phoenix and not an Opera logo, right?

:pinch: Must forget about Opera , my bad

[n3Tk0]

Mozilla Firefox 4b2 with Minimal theme, add-ons Informational Tab & Locationbar²

AppButton

#appmenu-button{
padding-left: 17px !important;
padding-right: 10px !important;
margin-left: 3px !important;
height: 17px !important;
}

#appmenu-button .button-box .box-inherit:before {
  content: "n3Tk0";
}

#appmenu-button .button-box .box-inherit .button-text {
  display: none;
}

Stop/Reload Button

toolbar[mode="icons"][currentset*="urlbar-container,reload-button,stop-button"] #urlbar {
  -moz-border-radius: 2px 0 0 2px !important;
  border-right: 0 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button{
  border: 1px solid rgba(0,0,0,.35) !important;
  border-left: 0 !important;
  -moz-border-radius: 0 2px 2px 0 !important;  
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.90) !important;
  margin-left: -3px !important;
  background-clip: padding-box !important;
}

#urlbar-container + #reload-button {
  padding: 0 4px 0 4px !important;
}

#urlbar-container + #reload-button + #stop-button {
  padding: 0 4px 0 5px !important;
}

Tabs

.tab-text{
padding: 0 0 0 5px !important;
}

.tabbrowser-tab .tab-icon-image {
  display: inherit !important;
  margin-left: -2px !important;
  height: 14px !important;
  width: 14px !important;
}

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button) {
  height: 15px !important;
  min-height: 15px !important;
  min-width: 20px !important;
  max-width: 200px !important;
}

Border(My Windows style have 2px border, from usual 4px)

  #main-window[sizemode="maximized"][chromemargin^="0,"] {
    margin-top: 5px !important;
  }

Progess bar at tabs(copy only that i need from Thin & Smooth line at the top

/* The actual progress line - Color & Shadow */
.tab-progress > .progress-bar{
background-color: highlight !important;
-moz-box-shadow: 0px 1px 6px 1px highlight !important;
}


/* The background of the progrss line - Color & Thickness */
.tab-progress{
background-color: transparent !important;    /* ← Remove the background (or type in a color to add a background) */
min-height: 1px !important;            /* ← Thickness (*) */
max-height: 2px !important;            /* ← Thickness (*) */
}

[Dunstark]

I updated my Addon Manager Userstyle to match mockups:

    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://mozapps/content/extensions/extensions.xul"),url("about:addons") {

page {
  background: #d1dcea -moz-linear-gradient(rgba(255,255,255,0) , rgba(255,255,255,.15)) !important;
}

#header-name, #header-link {
  color: #7a8797;
  text-shadow: 0 0 0 transparent !important;
  font-weight: bold;
}

.category[selected] {
  background-color: #dee7f2 !important;
  border-color: #aebcd4 !important;
  -moz-box-shadow: -1px 0 0 0 #dee7f2 inset ,0 1px 2px rgba(183,196,217,.5) inset,0 1px 0 rgba(255,255,255,.7) !important;
}

#view-port {
  background-color: #dee7f2 !important;
  border-color: #aebcd4 !important;
  -moz-box-shadow: 1px 0 0 0 #dee7f2 inset ,0 1px 2px rgba(183,196,217,.5) inset,1px 0 0 0 rgba(255,255,255,.7) !important;
}



/*Buttons*/
button.addon-control , #header-utils-btn {
-moz-appearance: none !important;
  border: 1px solid #A2A6AD;
  -moz-border-radius: 3px !important;
border: 1px solid #90a3b9 !important;
border: 1px solid rgba(0,0,0,.32) !important;
background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.05) 51%, rgba(255,255,255,0.35)) !important; 
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: rgba(29,40,58,.1) !important;
}

 #header-search {
 -moz-appearance: none !important;
 background-color: #ecf1f7 !important;
 border: 1px solid #9ca4b0 !important;
 -moz-border-radius: 3px !important;
 -moz-box-shadow: -1px 0 0 rgba(255,255,255,.65), -2px 0 1px -1px rgba(0,0,0,.1) inset;
}

.sorter {
  color: #536680 !important;
}
.view-header  {
 background: #e7edf4 !important;
-moz-border-radius: 5px 5px 0 0;
-moz-box-shadow: 1px 0 0 0 #dfe7f1 inset ,0 1px 2px rgba(183,196,217,.5) inset!important;
}

.sorter[checkState="1"],
.sorter[checkState="2"] {
  background-color: #dbe1e9 !important;
  -moz-box-shadow: -1px 0 2px 0 rgba(0,0,0,.15) inset;
}

.text-link , #detail-creator , #detail-creator a {
  color: #4775bf !important;
font-weight: bold !important;
text-decoration: none !important;
}

#detail-name {
  font-weight: bold !important;
}

.name,
.version,
.update-postfix {
  font-weight: bold !important;
  color: #383a3c !important;
}

.addon[selected] {
  background-color: #cfd7e9 !important;
border: 3px solid #6b79b2 !important;
color: black !important;
}


}

[Steven P. Administrators]

All credit goes to SoapyHamHocks - I used styles found here: http://userstyles.org/users/39923 since mine became a little outdated.

Only changes I made are:

Blue toolbar:

#PersonalToolbar {
  border-top: 0 !important;
  -moz-appearance: none !important;
  background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;
  padding: 0 !important;
}

#PersonalToolbar .bookmark-item:not(menuitem):not(menu) {
  color: white !important;
  padding: 0 5px !important;
}

White text for inactive tabs:

tab:not([selected="true"])
{
color: white !important;
}

Blue Firefox Button:

#appmenu-button-container{
margin: 0px 0px 1px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: 1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(78,147,229,1), rgba(0,78,213,1)) !important;
}
#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Firefox" !important; }

Only issue I'm having is with the stop/reload button with Omnibar:

toolbar[mode="icons"][currentset*="urlbar-container,reload-button,stop-button"] #urlbar {
  -moz-border-radius: 4px 0 0 4px !important;
  border-right: 0 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button{
  border-color: rgba(0,0,0,.25) rgba(0,0,0,.32) rgba(0,0,0,.37) !important;
  -moz-border-radius: 0 4px 4px 0!important;  
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1) inset,
                   0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.725) !important;
  margin-left: -3px !important;
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODAwNTk3Rjk2NjExMURGOTRBMUI2RTAyRUYxRjAxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODAwNTk3RTk2NjExMURGOTRBMUI2RTAyRUYxRjAxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQ0Q3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3OTNFRTYwOTZERjExODRFOUQ2RDI3Qzg1RENGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoZDigQAAAN3SURBVHjajJJ/aBNnGMefy11ySS65kOtilyZNurX+rAYzEJ2DaVn9R+vAsblUN2m1UK2KKM5J/bEaVnGsqfujigqWOqZVmJPqtO3arbINEcfEiVpbtYKm1NCY1OSa5HJ573yutFDY/tgLH7jn5b3v+7zP90s9HonrAMCE8IgV/r1yCLOybGnFQP+DZvi/C4VtyMyvvz26xOUubDCY7ReBy+sz2J0XnQVFQW1/1py5u4Ay9amqChVFBVWIQ/ueDu4JyKapmtJEd9bVzLva0bXFIOQZXM4ZYY/b/TIhivnxV8k3QadTiKLSRM7CO5lIO0vTJ0FH3ZVzpPzSk+ejWnNrigsFPUP3gqL6JUK2dwyFW5jzP7TlXbvcVWtzFYiHDtR3ra8MvFBUNaMoqvR5dc1HY4nxhQaTEZJjMag/ePhJW8O+iBSP+XI03RuY5S1HXWJhDb16AL9BsEU3HAg+1i6j3B7vVxFRXhY60nh2XSAwnM7KYUkm2ZVl71eIYFhd6CkEjuMgGX8Jt/o6Vz0beFj3XW317uyrsXx8zV1QgQDJ+Rmej+440Rp6q3RBC+qKFKM3XSqe7xu98fv1y5Kcu5+ScjIatXZwaHi1p6QEBEEAhmZATMSh//bNMvzJHB4cqDu9c+tuRUzmg6Lgjim68ejxkHfe/AlRrWOGUIzF5XI9xaenUDSubV7ru/Gzxai/iXMT/sPvVOfpU+0sy26nFYK62LCezfScaT1f802zOHUIm9GL6VTajnOVsaaRJBIWM3IUQMbRgRZHosVOsBihesFMwW7lr9g5zmN8wxGlVELGRl647/3W01E19+3ytv6hCUN1+YL1n9FYzHuuvd2Ldd5klrULVO1ihJ1sYhzNEvRompFS/TqzOfpJQ2NobWNTk95mjbAU+LRk4BnHhPCmzXW/SBlJvvDjTx+fOnli9qS4E3EE9+8vXfHeu5/+cf1XF9YW1sx9hg36wcRFNxxpDrlmz2lxFpccrwoda6J5PoIB9hk5rmoiFVqO9+7Z4xt4NFhrsfIMIeQpZnQ4mUw60+lM8Xgill1fWXnuiy/39ngdfEHrwfpDHwTW/TndKM3Q55iWnrPfL98YPBzE+pYmbMOPGZ1Xr3i6u7s/TIipEimbNaMrot3GP9q2dcvfS5csjuFc7uCMR/DsIqR/mujUMiOlyF9a8VqAAQCMEogyPkkkHQAAAABJRU5ErkJggg==") !important;
  opacity: 1 !important;
  padding: 0 6px 0 6px !important;
  -moz-transition: -moz-box-shadow .1s !important;
}

#urlbar-container + #reload-button {
  -moz-image-region: rect(0 11px 12px 0) !important;
}

#urlbar-container + #reload-button + #stop-button {
  -moz-image-region: rect(0 22px 12px 11px) !important;
}

#urlbar-container + #reload-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(rgb(158,204,241), rgb(111,177,225) 49%,
                                   rgb(91,159,217) 50%, rgb(81,152,210) 60%,
                                   rgb(62,138,204)) !important;
  -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.40) inset, 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#urlbar-container + #reload-button + #stop-button{
  background-image: -moz-linear-gradient(rgb(230,161,138), rgb(209,119,100) 49%,
                                   rgb(192,93,78) 50%, rgb(185,85,70) 60%,
                                   rgb(193,90,74)) !important;
  -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,.40) inset, 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#urlbar-container + #reload-button + #stop-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(rgb(240,161,138), rgb(219,119,100) 49%,
                                   rgb(203,93,78) 50%, rgb(195,85,70) 60%,
                                   rgb(203,90,74)) !important;
}

#urlbar-container + #reload-button:not([disabled]):hover:active,
#urlbar-container + #reload-button + #stop-button:not([disabled]):hover:active {
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.8), 
                   0 1px 0 rgba(255,255,255,.4) !important;
}

#stop-button .toolbarbutton-icon,
#reload-button .toolbarbutton-icon{
  height: auto !important;
  width: auto !important;
}

#navigator-toolbox:not([tabsontop="true"]) #urlbar-container + #reload-button,
#navigator-toolbox:not([tabsontop="true"]) #urlbar-container + #reload-button + #stop-button {
  background-clip: padding-box !important;
}

Any fix for this?

Edit: Also for some reason my bookmarks star (using SoapyHamHocks stylish script) does not go on the left!? Why is that? :p

[SkyDX]

Any script yet to have a custom background while in TabCandy Mode?

[vajlent]

Someone else who noticed the large gap between the menu button

and tabs?

Maximized

Minimized