Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Contributor

BantryRed

Posted
Posted

It's probably an extension causing it, or it could be a Stylish script. Try disabling your scripts one by one until you find the culprit. If that doesn't work try disabling your extensions one at a time.

Thanks, it was my white text in tab script. All better now

Rookie

Dunstark

Posted
Posted

Here is an Addon Manager style. Hope you like it.

addonmanager1.th.png

    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.category {
  background-image: -moz-linear-gradient(#e9eef5, #cfdbe9 50%, #c6d3e3 51%, #ced9e7) !important;
  color: #2d3744 !important;
  margin: 2px 4px !important;
  border: 1px solid #90a3b9 !important;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
  -moz-border-radius: 3px;
}

.category[selected] {
  background-image: -moz-linear-gradient(#b2becd, #b2becd) !important;
  color: #2d3744 !important;
  margin: 2px 4px !important;
  border: 1px solid #7a8797 !important;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.20) inset;
  -moz-border-radius: 3px;
  font-weight: bold !important;
}

#categories {
  -moz-appearance: none;
  border: none;
  margin: 0px;
  background: #dee6f1 !important;
}

#header {
  background: -moz-linear-gradient(top, #d4dfed, #bec9d8) !important;
 -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,.5) inset !important;
 border-bottom: 1px solid rgba(0,0,0,.3)
}

#header-name, #header-link {
  color: #7a8797;
  text-shadow: 1px 1px 1px #EEE;
  font-weight: bold;
}
textbox[type=search] {
  background: black !important;
-moz-border-radius: 15px !important;
}

.list {
  background-color: #e3eaf3 !important;
}

.view-header {
  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.2)) !important; 
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: #d9e0e9 !important;
}

.sorter {
  -moz-appearance: none;
  border: none;
  background-color: transparent;
  -moz-border-radius: 100%;
  padding: 0px 6px;
  margin: 0px 6px;
  min-width: 12px !important;
  -moz-box-direction: reverse;
}
.sorter[checkState="1"],
.sorter[checkState="2"] {
border: 1px solid #A2A6AD;
  -moz-border-radius: 3px !important;
border: 1px solid #90a3b9 !important;
border: 1px solid rgba(0,0,0,.32) !important;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: rgba(0,0,0,.02) !important;
}

/*Buttons*/
.addon-control {
  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.2)) !important; 
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: rgba(0,0,0,.06) !important;
}

.addon {
background-color: #edf2f8 !important;
border: 1px solid #b5c2d7 !important;
-moz-box-shadow:0 1px 2px rgba(183,196,217,.5) inset,0 1px 0 rgba(255,255,255,.7) !important;
}

.addon[selected] {
background-color: #edf2f8 !important;
background-image: -moz-linear-gradient(#edf2f8, #d9e0ea) !important;
}

#detail-view {
  background: #dee6f1 !important;
}

.detail-view-container {
  background-color: #edf2f8 !important;
border: 1px solid #b5c2d7 !important;
-moz-box-shadow:0 1px 2px rgba(183,196,217,.5) inset,0 1px 0 rgba(255,255,255,.7) !important;
-moz-border-radius: 10px;
margin: 10px 0;
}

Rookie

Dunstark

Posted
Posted

And here is the Identity Box redesign:

Stephen Horlander Concept:

edit-tray.png

My userstyle:

identitya.png

 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* identity box */

#identity-box {
  color: rgba(0,0,0,.68) !important;
  font-weight: bold;
}

#identity-box.verifiedDomain,
#identity-box.verifiedIdentity {
  text-shadow: 0 1px 0 rgba(255,255,255,.35)!important;
  -moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset,0 2px 0 0 rgba(0,0,0,.04) inset,0 3px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 0 rgba(0,0,0,.2) !important;
}

#identity-box.verifiedDomain {
  background-color: hsl(219,52%,69%) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.2) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,.2)) !important;
}

#identity-box.verifiedIdentity {
  background-color: hsl(93,55%,55%) !important;
  background-image: -moz-linear-gradient(rgba(255,255,220,.7), rgba(255,255,220,.2) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,.2)) !important;
}

#identity-box.verifiedDomain:active,
#identity-box.verifiedIdentity:active,
#identity-box.verifiedIdentity[open="true"],
#identity-box.verifiedDomain[open="true"] {
  -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.8) inset !important;
}

Apprentice

tinaun

Posted
Posted

This is my Firefox button script for it to blend in better with clearscreen sharp , imo.

post-330554-12797304905592.png

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#main-window {
  margin-top: 1px !important;
}

 #appmenu-button {
   -moz-appearance: none !important;
   background-image: -moz-linear-gradient(rgb(247,182,82), rgb(215,98,10) 95%) !important;
   background-clip: padding-box !important;
   -moz-border-radius: 0 0 0px 0px !important;
   border-top: none !important;
   border: 2px solid !important;
   border-top: none !important;
   -moz-border-left-colors: rgba(255,255,255,.5) rgba(83,42,6,.9) !important;
   -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(83,42,6,.9) !important;
   -moz-border-right-colors: rgba(255,255,255,.5) rgba(83,42,6,.9) !important;
   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
                    0 0 0 1px rgba(255,255,255,.40) inset !important;
   color: white !important;
   font-weight: bold !important;
   text-shadow: 0 0 1px rgba(0,0,0,.7),
                0 1px 2px rgba(0,0,0,.5) !important;
   padding: 2px 1.5em .15em 1.5em !important;
   margin: 0 !important;
 }

 #appmenu-button:-moz-window-inactive {
   background: transparent !important;
   background-clip: padding-box !important;
   -moz-border-left-colors: rgba(255,255,255,.5) rgba(83,42,6,.4) !important;
   -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(83,42,6,.4) !important;
   -moz-border-right-colors: rgba(255,255,255,.5) rgba(83,42,6,.4) !important;
   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
                    0 0 0 1px rgba(255,255,255,.35) inset !important;
 }

 #appmenu-button:hover:not(:active):not([open]),
 #appmenu-button:hover:-moz-window-inactive:not(:active):not([open]) {
   background-image: -moz-radial-gradient(center bottom, farthest-side, rgba(252,240,89,.5) 10%, rgba(252,240,89,0) 70%),
                     -moz-radial-gradient(center bottom, farthest-side, rgb(236,133,0), rgba(255,229,172,0)),
                     -moz-linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%) !important;
   border-color: rgba(83,42,6,.9) !important;
   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,
                    0 0 2px 1px rgba(250,234,169,.7) inset,
                    0 -1px 0 rgba(250,234,169,.5) inset !important;
 }

 #appmenu-button:hover:active,
 #appmenu-button[open] {
   background-image: -moz-linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%) !important;
   -moz-border-radius: 0 !important;
   -moz-box-shadow: 0 2px 4px rgba(0,0,0,.4) inset,
                    0 1px 1px rgba(0,0,0,.2) inset !important;
 }

#appmenu-button .button-text { display:none !important; }

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

Does anyone know how to change the borders of the button to match the theme better, especially when the window is out of focus?

post-330554-1279730504154.png

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

my stylish became incompatible with the latest nightly since it changed to 4.0b3pre, how do i turn off compatibility check to get it working again or is there going to be an updated version of the addon, same with adblock plus

edit: never mind, Add-on compatibility Reporter fixed the problem

Rising Star

Sem XL

Posted
Posted

Is it even possible to come close to this with stylish:

post-251611-12796373481978.png

1. the thin bright line around the menu button.

2. colour/gradient on active tab & nav & bookmarks toolbar.

3. colour/gradient on inactive tab. (same as home button)

4. colour/gradient on home button. (same as inactive tab)

Cheers

bump

i really like the look of this

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

bump

i really like the look of this

yes i really like how the inactive tabs are, would be easier to read then how they have it now

also get the favorite button over there on the left side of the url bar

Contributor

BantryRed

Posted
Posted

post-346088-12797618269147.png

#TabsToolbar > #home-button {
-moz-appearance: none !important;
background: -moz-linear-gradient(top, rgba(205,197,191,.5), rgba(205,200,177,.5), rgba(205,197,191,1)) !
important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-size: 200% auto !important;
margin: 0 !important;
padding: 0 !important;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 3 5 3 6 / 3px 5px 3px 6px !important;
-moz-border-radius: 6px 4px 0 0 !important;
margin-left: 0px !important;
border-top: 1px !important;
margin-top: 1px !important;
}

#TabsToolbar > #home-button:hover {
background-image: -moz-linear-gradient(top, rgba(205,205,193,1), rgba(205,205,193,1)) !important;
}

#TabsToolbar > #home-button > .toolbarbutton-icon {
margin-top: -1px !important;
margin-bottom: -1px !important;
}

#TabsToolbar > #history-button {
-moz-appearance: none !important;
background: -moz-linear-gradient(top, rgba(205,197,191,.5), rgba(205,200,177,.5), rgba(205,197,191,1)) !
important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-size: 200% auto !important;
margin: 0 !important;
padding: 0 !important;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 3 5 3 6 / 3px 5px 3px 6px !important;
-moz-border-radius: 6px 4px 0 0 !important;
margin-left: 0px !important;
border-top: 1px !important;
margin-top: 1px !important;
}

#TabsToolbar > #history-button:hover {
background-image: -moz-linear-gradient(top, rgba(205,205,193,1), rgba(205,205,193,1)) !important;
}

#TabsToolbar > #history-button > .toolbarbutton-icon {
margin-top: -1px !important;
margin-bottom: -1px !important;
}

#TabsToolbar > #bookmarks-button {
-moz-appearance: none !important;
background: -moz-linear-gradient(top, rgba(205,197,191,.5), rgba(205,200,177,.5), rgba(205,197,191,1)) !
important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-size: 200% auto !important;
margin: 0 !important;
padding: 0 !important;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 3 5 3 6 / 3px 5px 3px 6px !important;
-moz-border-radius: 6px 4px 0 0 !important;
margin-left: 0px !important;
border-top: 1px !important;
margin-top: 1px !important;
}

#TabsToolbar > #bookmarks-button:hover {
background-image: -moz-linear-gradient(top, rgba(205,205,193,1), rgba(205,205,193,1)) !important;
}

#TabsToolbar > #bookmarks-button > .toolbarbutton-icon {
margin-top: -1px !important;
margin-bottom: -1px !important;
}

My History, Bookmarks and Homepage Tabs. Colors may not be perfect, maybe some else can fiddle around a little with them

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Any toolbar button in the tab bar with the same appearance as the active tab

post-49492-12798666828289.png

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

Inactive.

post-49492-1279866950383.png

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

Mentor

+Neyht Subscriber²

Posted
  • Subscriber²
Posted

Here's mine:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

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

#appmenu-button
{
    min-height: 18px !important;
    height: 18px !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
{ 
    /*color: transparent !important;
    text-shadow: none !important;*/
    margin: -1px 0 0px -35px !important;
    padding-left: 35px !important;
    background: url("data:image/png;base64,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") no-repeat 16px !important;
}

#toolbar-menubar
{
    position: fixed !important;
    margin: -25px 0 0 100px !important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%)!important;
    -moz-border-radius: 0px 0px 4px 4px !important;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8) !important;
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px rgba(30, 30, 30, 0.5) inset, 0 0 1px rgba(60, 60, 60, 0.9) inset, 0 0 3px rgba(0, 0, 0, 0.7) inset !important;

}

...and for what soapy posted if you just add :hover to the first line... this was what I was looking for, thanks.

Veteran

Unrealistic

Posted
Posted

Any toolbar button in the tab bar with the same appearance as the active tab

Awesome, glad someone figured it out (and of course it would be you). Now I just need to figure out why my spacing on the App tabs looks off, as I never noticed it when it was inactive.

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Awesome, glad someone figured it out (and of course it would be you). Now I just need to figure out why my spacing on the App tabs looks off, as I never noticed it when it was inactive.

I'll see if I can fix up the App Tabs because they do look terrible.

Edit: Came up with this:

.tabbrowser-tab[pinned="true"] {
  width: 29px !important;
  height: 26px !important;
}

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

Veteran

Unrealistic

Posted
Posted

I'll see if I can fix up the App Tabs because they do look terrible.

Edit: Came up with this:

.tabbrowser-tab[pinned="true"] {
 width: 29px !important;
 height: 26px !important;
}

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

Is that for Minefield? I'm using Beta 1 and it seems to not do anything. I'm being obsessively picky at this point, but as they say "it's in the details". I marked what I'm personally talking about.

post-277424-12798715567509.png

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Is that for Minefield? I'm using Beta 1 and it seems to not do anything. I'm being obsessively picky at this point, but as they say "it's in the details". I marked what I'm personally talking about.

post-277424-12798715567509.png

Oh that's what you mean. I thought you didn't like the size of the apptabs and were using minefield.

Try this to fix that issue:

.tabbrowser-tabs{
  -moz-margin-start: 0 !important;
}

Collaborator

vajlent

Posted
Posted

Here's mine:

post-76077-1279868716865.png

#toolbar-menubar
{
 position: fixed !important;
 margin: -25px 0 0 100px !important;
 background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%)!important;
 -moz-border-radius: 0px 0px 4px 4px !important;
 text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8) !important;
 -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px rgba(30, 30, 30, 0.5) inset, 0 0 1px rgba(60, 60, 60, 0.9) inset, 0 0 3px rgba(0, 0, 0, 0.7) inset !important;

}

Very nice! But how do I move the menubar up/down, left/right?

Veteran

Unrealistic

Posted
Posted

Oh that's what you mean. I thought you didn't like the size of the apptabs and were using minefield.

One more issue. I went ahead and installed the latest Minefield and moved over the scripts (didn't need your last fix, but used your second to last because the apps did look awful). The active tab stylish you posted works on toolbar tabs, but not on App Tabs you create. Anyway you could make your stylish to include those as well?

post-277424-1279877174056.png

edit: It may not be currently possible, given the way Minefield handles App Tabs. It's not truly a self-contained App Tab, but just a normal tab that cannot be closed. When clicking on it, other tabs go to inactive status, and the App tab itself goes to active status.

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

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Doom: The Dark Ages Revelations expansion gives the Slayer a brutal Chain Spear

      By Zeromus2003 · Posted

      I am actually looking forward to this..... I think Dark Ages was way more fun than the tedious expansions for Doom 2 (nu-doom).
    • AMD 9070XT

      By Steven P. · Posted

      Pretty sure you will be happy with the result, good luck and take it slow!
    • Windows 11 in 2026: Are you fully on board, or still holding back?

      By +Eternal Tempest · Posted

      Mixed thoughts. I do think MS realized it need's to re-focus on it's core while trying to get people to ultimate pay for AI. My windows machines is my gaming tower. That being said a windows machine I used as a server was just recently converted to no GUI Linux server (and it runs so much better for it's purpse), and general purpose laptop (non-gaming) that could run Windows 11 is using Linux. My work device is a MacBook Pro, and I have a raspberry PI acting as my DNS server, using linux. I honestly have more non-windows devices then devices. I don't consider myself typical user however.  
    • Here is how to watch Apple's WWDC 2026 conference where iOS 27 is expected

      By TarasBuria · Posted

      Here is how to watch Apple's WWDC 2026 conference where iOS 27 is expected by Taras Buria It is Monday, June 8, 2026, which means today is the day Apple kicks off its annual Worldwide Developer Conference, WWDC 2026. As usual, today's keynote will be full of consumer and developer-focused announcements, including new versions of Apple's operating systems, developer tools, and more. Apple streams its developer conferences, allowing everyone to tune in and watch the announcements live. Today is no exception, so here is how you can watch it. Apple WWDC 2026 will be available to watch on Apple's official website here. Also, you can stream it on YouTube and the Apple TV app on your Apple device. The stream kicks off at 10 AM PDT / 1 PM EDT / 6 PM GMT+1. Apple's annual developer conference usually focuses on new software experiences, so do not expect major hardware announcements. What is expected is the "27" series of Apple's operating systems, including iOS, iPadOS, watchOS, tvOS, visionOS, and macOS. Apple is unlikely to introduce major UI changes, but you can expect subtle tweaks to the Liquid Glass design language, particularly on Mac. One of the biggest changes Apple plans to announce today is a reworked, AI-powered Siri. The assistant will be available as a standalone app with a chatbot-like experience and Google's AI models under the hood. If you want to learn more about what is expected today at WWDC 2026, check out our dedicated article here. However, if you prefer a spoiler-free stream, tune in at 10 AM PDT / 1 PM EDT on Apple's official website, its YouTube channel, or the Apple TV app.
    • Microsoft making much needed change to Windows 11, 10 Patch Tuesday security updates

      By Captain_Eric · Posted

      For we consumer readers, it would be helpful if you clearly stated in the headline if the article is about consumer or enterprise. Then readers will know if the article applies to them or not. 2 cents.

  • Recent Achievements

    • 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
    • Dedicated
      Conjor earned a badge
      Dedicated
    • Week One Done
      Windows Guy earned a badge
      Week One Done

  • Popular Contributors

    1. 1
      +primortal
      493
    2. 2
      PsYcHoKiLLa
      243
    3. 3
      Steven P.
      72
    4. 4
      ATLien_0
      68
    5. 5
      neufuse
      67
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!