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

    • Apple unveils Siri AI, a "reimagined" version of SIri

      By froggyliver · Posted

      "and pull old flight details from your email during back-and-forth conversations" The Siri I've become to know and trust. I've always wanted to pull info on old flights. /s
    • Apple unveils Siri AI, a "reimagined" version of SIri

      By David Uzondu · Posted

      Apple unveils Siri AI, a "reimagined" version of SIri by David Uzondu Image via Apple Today, at the opening keynote of Apple's annual World Wide Developers Conference (WWDC), the company announced Siri AI, a "reimagined version" of its voice assistant that runs on Apple Intelligence. Siri AI helps you do things like draft messages, edit photos, and pull old flight details from your email during back-and-forth conversations. You can access Siri AI through several methods, depending on the device. While "Hey Siri" remains active, iPhone users can also press the side button, swipe down from the Dynamic Island, or use a system-wide context menu on Mac to analyze on-screen text. Image via Apple If you ever need to go back and check previous interactions, you can open the dedicated Siri app to view your entire conversation history. This application privately syncs your data using iCloud, leveraging local Foundational Models alongside Apple's secure Private Cloud Compute servers to keep user data inaccessible to outsiders. On the iPhone, Apple built the assistant into the Camera app, bringing Visual Intelligence to help you split bills or count calories. This feature also expands to the iPad and Mac, letting users use screenshots or shortcuts to analyze images, while Apple Vision Pro users can ask questions about objects in their physical room. Other things to know about Siri AI include systemwide dictation that automatically handles punctuation and formatting, customizable voice speeds, and a spatial 3D interface built for Apple Vision Pro. Apple also added Smart Stack suggestions on the Apple Watch to help you continue recent conversations directly from your wrist. The road to Siri AI was quite bumpy for Apple, which initially promised these capabilities at WWDC 2024 when the Cupertino tech giant debuted Apple Intelligence. Apple later turned to Google, signing a $1 billion annual deal to use Gemini models instead of relying solely on its own in-house systems. However, this deal came only after consumers sued Apple because features Apple promised "did not exist at the time, do not exist now, and will not exist for two or more years." Siri AI is available for developer testing on iOS 27, iPadOS 27, macOS 27, and visionOS 27.
    • You get the latest James Bond game free with this Nvidia RTX 5060 Ti deal all for $330

      By +ir0nw0lf · Posted

      Real shame the 16 GB versions are crazy more expensive than this.
    • LibreOffice developer takes a dig at Euro-Office in new open letter

      By Snake Doc · Posted

      Making me care less about LibreOffice with every tantrum they throw.
    • iOS 27 & Apple Intelligence. Many iPhones become obsolete, right?

      By kiddingguy · Posted

      And within the EU all this Siri AI stuff will probably work around 2030 and the IPhone 25 🤣

  • 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
      520
    2. 2
      PsYcHoKiLLa
      239
    3. 3
      ATLien_0
      85
    4. 4
      +Edouard
      81
    5. 5
      Steven P.
      79
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!