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

    • Helium Browser 0.13.1.1

      By cork1958 · Posted

      FWIW, I've been using Helium on Linux and Windows since the first time it was mentioned here. Actually, maybe a day or 3 before, as I searched for it when I saw it mentioned on the MX Linux forums. Haven't had a single issue on either OS. Not bad for a beta.
    • U.S. delegation throws away all burner phones and gifts from China before takeoff

      By AsherGZ · Posted

      See up until a few years ago y'all could get away with simply denying your war crimes, pretending it never happened. Unfortunately for you, it's the 2020s and Israel's genocide has been livestreamed in real time. You have to be dumber than a rock to think anyone still believes your propaganda. See the cat is already out of the bag. The world already knows who you are so do yourself a favor and just drop the facade. Bet it gets real tiring keep track of all the lies. Take some inspiration from Israeli ministers who boast on live TV they like massacring civilians. Every zionist accusation is after all a confession.
    • Microsoft making much needed change to Windows 11, 10 Patch Tuesday security updates

      By QuantumBigfoot · Posted

      He's just reporting what Microsoft posted. https://msmessagecenter.com/MC1381119 It just means that Windows Defender updates will no longer be bundled into the monthly Cumulative Windows security update and will now be a separate download. They'll still be on Microsoft update of course but now they can be released faster.
    • Apple announces iOS 27 with no changes to the list of supported iPhones

      By TarasBuria · Posted

      Apple announces iOS 27 with no changes to the list of supported iPhones by Taras Buria At WWDC 2026 in Cupertino, Apple announced iOS 27, the next mobile operating system for compatible iPhones. The update focuses on tweaking and improving last year's iOS 26, particularly in areas like app launch time, Liquid Glass design, and more. Additionally, Apple has reworked Apple Maps with a significantly enhanced Flyover view for a much more realistic view. Apple also promises better performance, smarter search, new Health features, new parental controls, and more. The most important part is that iOS 27 is compatible with all iPhones that can run iOS 26. That means that even the seven-year-old iPhone 11 can run iOS 27 (supposedly better than iOS 26). iOS 27 will be available this Fall, with the first developer betas expected later today. You can follow the live stream here.
    • What are you listening to?

      By GUNNER · Posted

  • Recent Achievements

    • Very Popular
      Captain_Eric earned a badge
      Very Popular
    • One Month Later
      amusc earned a badge
      One Month Later
    • One Month Later
      DJC50PLUS earned a badge
      One Month Later
    • Week One Done
      DJC50PLUS earned a badge
      Week One Done
    • Proficient
      Eric Biran went up a rank
      Proficient

  • Popular Contributors

    1. 1
      +primortal
      506
    2. 2
      PsYcHoKiLLa
      238
    3. 3
      ATLien_0
      80
    4. 4
      Steven P.
      78
    5. 5
      +Edouard
      71
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!