Share your custom Firefox/Minefield 4 stylish scripts

July 20, 2010

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

July 21, 2010

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

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

July 21, 2010

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

Superb!!! :woot:

3,047 · July 21, 2010

Love it. Thanks for sharing!

1,808 · July 21, 2010

You, sir have made my day!^^

July 21, 2010

And here is the Identity Box redesign:

Stephen Horlander Concept:

My userstyle:

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

July 21, 2010

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

@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?

1,798 · July 21, 2010

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

Looks awesome. I would +1 you if possible.

26,280 · July 21, 2010

For Neobond:

That is quite awesome.

14,918 · July 21, 2010

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

July 21, 2010

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

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

14,918 · July 21, 2010

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

July 22, 2010

#TabsToolbar &gt; #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 &gt; #home-button:hover {
background-image: -moz-linear-gradient(top, rgba(205,205,193,1), rgba(205,205,193,1)) !important;
}

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

#TabsToolbar &gt; #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 &gt; #history-button:hover {
background-image: -moz-linear-gradient(top, rgba(205,205,193,1), rgba(205,205,193,1)) !important;
}

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

#TabsToolbar &gt; #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 &gt; #bookmarks-button:hover {
background-image: -moz-linear-gradient(top, rgba(205,205,193,1), rgba(205,205,193,1)) !important;
}

#TabsToolbar &gt; #bookmarks-button &gt; .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

July 22, 2010

bump

i really like the look of this

I'll try to do it but I'm not sure I'll be able to do every thing.

July 22, 2010

I'll try to do it but I'm not sure I'll be able to do every thing.

Go for it! ;)

July 23, 2010

I'll try to do it but I'm not sure I'll be able to do every thing.

Waiting your progress.. :)

1,526 · July 23, 2010

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

#TabsToolbar &gt; .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.

#TabsToolbar &gt; .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;
}

1,368 · July 23, 2010

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.

1,798 · July 23, 2010

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.

1,526 · July 23, 2010

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

1,798 · July 23, 2010

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.

1,526 · July 23, 2010

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.

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

1,798 · July 23, 2010

That worked. :) So when should we expect your new theme? :p

I want to test the new Minefield build, but Portable Apps seems to be down or acting strange.

July 23, 2010

Here's mine:

#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?

1,798 · July 23, 2010

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?

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.

Sign In

Share your custom Firefox/Minefield 4 stylish scripts

Recommended Posts

BantryRed

Link to comment

Share on other sites

Dunstark

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

Darrian

Link to comment

Share on other sites

SkyDX

Link to comment

Share on other sites

Dunstark

Link to comment

Share on other sites

tinaun

Link to comment

Share on other sites

Unrealistic

Link to comment

Share on other sites

+Frank B. Subscriber²

Link to comment

Share on other sites

Brandon H Supervisor

Link to comment

Share on other sites

Sem XL

Link to comment

Share on other sites

Brandon H Supervisor

Link to comment

Share on other sites

BantryRed

Link to comment

Share on other sites

Dunstark

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

mame32kawaks

Link to comment

Share on other sites

SoapyHamHocks Member

Link to comment

Share on other sites

Neyht Member

Link to comment

Share on other sites

Unrealistic

Link to comment

Share on other sites

SoapyHamHocks Member

Link to comment

Share on other sites

Unrealistic

Link to comment

Share on other sites

SoapyHamHocks Member

Link to comment

Share on other sites

Unrealistic

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

Unrealistic

Link to comment

Share on other sites

Recently Browsing 0 members