Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Contributor

BantryRed

Posted
Posted

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

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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

Veteran

Darrian

Posted
Posted

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.

Proficient

Mouettus

Posted
Posted

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

Apprentice

atzaus

Posted
Posted 

/* 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?

Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

Updated my combined stop/reload script.

post-49492-12798968274443.png

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

Grand Master

+Audioboxer Subscriber²

Posted
  • Subscriber²
Posted

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.

This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • AMD 9070XT

      By cooky560 · Posted

      It's nearly time to replace my aging Founders Edition 3080, it doesn't OC as nicely as it used to and it's running around 10c warmer than it did when I first bought it.  I don't have budget for much more than what I spent on the 3080 and locally, that means the best GPU I can manage is a 9070XT. On this basis I have a few questions: 1. At present I don't use ray tracing, if this was to change, would this GPU be an issue? 2. How does it compare on a performance basis? 3. Are the drivers worse or better than those for nVidia? 4. Linux support, is it there? 5. Anything else I should be aware of if I were to make this change? 6. Is it a good idea or shall I try and keep the 3080 a little longer.
    • Neowin's 2026 Desktop Thread

      By cooky560 · Posted

      What OS is that? It looks a bit like Mac OS but the command line suggests it isn't, either way I like it!
    • Windows Live Mail : If someone was malicious

      By cooky560 · Posted

      Outlook classic is inherently better than new outlook, for a number of reasons. That said, if the only reason people need office is to read email, they should just use thunderbird.
    • Windows 11 in 2026: Are you fully on board, or still holding back?

      By cooky560 · Posted

      Windows 11 is a big thumbs down from me. I used for a period of a few days while it was in insider and windows 10 was the main OS, and realised it wasn't for me. I am still waiting for Windows to be tolerable again, a shame as at one point I was very pro Microsoft.  
    • Classic Outlook vs New Outlook — Which one do you prefer and why?

      By cooky560 · Posted

      Classic outlook, not only does it have a much fuller feature set, it doesn't include Microsoft attempting to sync my emails from my servers to theirs. If classic outlook is ever removed from office, and the version I paid for in 2021 stops working for some reason, I'll use Thunderbird.

  • Recent Achievements

    • Week One Done
      Windows Guy earned a badge
      Week One Done
    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
    • Rising Star
      olavinto went up a rank
      Rising Star
    • One Month Later
      lamborghiniv10 earned a badge
      One Month Later

  • Popular Contributors

    1. 1
      +primortal
      479
    2. 2
      PsYcHoKiLLa
      250
    3. 3
      Steven P.
      74
    4. 4
      FloatingFatMan
      69
    5. 5
      +Edouard
      69
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!