Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Collaborator

Deo Domuique

Posted
Posted

I replaced the code, seems cleaner, but, what's that url? Every time I open Firefox this code-line connects to that specific address?

Also if you make a bit smaller the tabs, you will get back all the lost tab-space

.tabbrowser-tab:not([pinned])[fadein] {
  max-width: 200px !important;
  min-width: 100px !important;
}

I use it in your Windows 7 Script and working fine.

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

I replaced the code, seems cleaner, but, what's that url? Every time I open Firefox this code-line connects to that specific address?

It was more of an example. I used a url rather than base64 because Neowin screws up the values a bit. You can just replace it with the base64 you have always been using.

Collaborator

Deo Domuique

Posted
Posted

Nice ok, I replaced the first part from the link you gave above in userstyles.org. All seems nicely done.

I removed also this part:

width: 16px !important;
height: 14px !important;

and I don't get any problem...

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Nice ok, I replaced the first part from the link you gave above in userstyles.org. All seems nicely done.

I removed also this part:

width: 16px !important;
height: 14px !important;

and I don't get any problem...

Yea I updated the code a bit, all you really need is:

#appmenu-button .button-icon {
  list-style-image: url();
}

Grand Master

DigitalE

Posted
Posted

Meanwhile I'm ready to burn the monitor... Or hit it with my head till break into pieces... with all these small changes I do, since now got 1 ton crashes from the freakin gfx-surface bug. DAMN

Surprise.. It's beta software.

Rising Star

CGar

Posted
Posted

Hey, so I'm really bad at this CSS thing, could you help me with MaSx's firefox button Soapy? I want to remove the text from it and leave the blue gradient with the nice FF logo. It also looks like your code is a little more lean, so you might have some improvements or something.

Here's a picture and code and stuff so you don't have to scroll back 40 pages.

(Again, this is not my code and I'm not trying to take credit for it, it was made by MaSx)

MaSxsFirefoxButton.png

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

/* :::Firefox Menu::: */

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


#appmenu-button 
 { min-height: 20px !important;
   height: 20px !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
{ margin: -2px 0 0px -37px !important;
  padding-left: 60px !important;
  color: none !important;
  min-height: 20px !important;
  height: 20px !important;
 background:url("data:image/png;base64,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") no-repeat 16px !important; }

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Hey, so I'm really bad at this CSS thing, could you help me with MaSx's firefox button Soapy? I want to remove the text from it and leave the blue gradient with the nice FF logo. It also looks like your code is a little more lean, so you might have some improvements or something.

Here's a picture and code and stuff so you don't have to scroll back 40 pages.

(Again, this is not my code and I'm not trying to take credit for it, it was made by MaSx)

Did you want the background to be slightly transparent as it currently is, if you want I can make a few tweaks for you.

Rising Star

CGar

Posted
Posted

Interesting, I didn't even realize it was transparent, I just know that it has some shading and is the least boring of all the buttons out there right now hehe. (Similar to the very well done Opera button)

What kind of changes did you have in mind?

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Interesting, I didn't even realize it was transparent, I just know that it has some shading and is the least boring of all the buttons out there right now hehe. (Similar to the very well done Opera button)

What kind of changes did you have in mind?

This is what I came up with, if you dislike anything let me know and I'll change it.

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/firefox.png);
}

#appmenu-button {
  padding: 0 8px 0 0 !important;
  min-width: 0 !important;
  background-image: -moz-linear-gradient(hsl(197,74%,50%), hsl(216,65%,28%)) !important;
  border: 2px solid !important;
  border-top: 0 !important;
  -moz-border-left-colors: rgba(255,255,255,.5) rgba(25,62,118,.8) !important;
  -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(25,62,118,.8) !important;
  -moz-border-right-colors: rgba(255,255,255,.5) rgba(25,62,118,.8) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
          	0 0 2px 1px rgba(255,255,255,.25) inset !important;
}

#appmenu-button:not([open]):hover {
  background-image: -moz-linear-gradient(hsl(197,74%,60%), hsl(216,65%,28%)) !important;
}

#appmenu-button[open] {
  box-shadow: 0 0 4px 0 rgba(0,0,0,.35) inset !important;
}

#appmenu-button .button-text {   
  visibility: collapse;
}

Rising Star

CGar

Posted
Posted

Very sexy! Am I able to change the image back to the long string so that I don't rely on your dropbox account?

Edit:

Oh, and if I decide I would like to put the text back in at some point in the future, what would I do?

Here's a screen in case anyone wants to see the results

MaSxsFirefoxButtonplusSoapy.png

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Very sexy! Am I able to change the image back to the long string so that I don't rely on your dropbox account?

Edit:

Oh, and if I decide I would like to put the text back in at some point in the future, what would I do?

Yes you can replace the url with the base64 value with no problems.

If you wish to show the text you would remove this:

#appmenu-button .button-text {
  visibility: collapse;
}

And possible add '-moz-margin-end: 4px;' to '#appmenu-button .button-icon' like so:

#appmenu-button .button-icon {
  -moz-margin-end: 4px;
}

Veteran

Darrian

Posted
Posted

Hmm. I loaded up the latest 32-bit hourly and no tabs in titlebar (even though the string is in about:config and set to "true"). The cake is a lie!

Sigh. Nevermind. Disregard everything. Apparently this is only for maximized windows. I thought that hit weeks ago. I wouldn't have known because I never maximize my window, there's no point in taking that much space up unless you're running on a 9" screen. Oh, well, guess I got my hopes up for nothing.

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

How can I disable the titlebar in tab-view? I have disabled the appmenu button and have no use for window's buttons in tab-view so I want that top area cleared...

with appmenu button disabled (which consist is showing the menubar) there are no tabs in titlebar!

Enthusiast

mNiosu

Posted
Posted

with appmenu button disabled (which consist is showing the menubar) there are no tabs in titlebar!

I disabled appmenu button by creating a custom button with the same function and using CSS codes, not by activating the menubar. Anyway I was asking to remove the titlebar from tab-view so your post is not related to my request in any way, you got something wrong...

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

I disabled appmenu button by creating a custom button with the same function and using CSS codes, not by activating the menubar. Anyway I was asking to remove the titlebar from tab-view so your post is not related to my request in any way, you got something wrong...

sorry! i misread!

Collaborator

Deo Domuique

Posted
Posted

Soapy, or anyone... What do you think it's going wrong?

Normal:

iby8wE.png

Pressing "Alt" - OK:

ibt7nQ.png

Pressing "Customize" - Not OK:

iby1Yq.png

I've Tabs in Title Bar of course ( the native code, not custom ). I suspect the soapy's code given above for AppMenuButton creates the problem... eh?

P.S. By the way, what's the name of that Menu to remove the white background?

Rising Star

CGar

Posted
Posted

This one makes about blank transparent: 

#browser,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}

#main-window[stylish-url="about:blank"] #content browser { 
  opacity: 0 !important;
}

Sorry, bringing up an older style from a while ago

I have noticed that since FF 4, none of my Stylish scripts for about:blank work anymore.

This includes the script I have posted above that supposedly makes the page transparent. Am I doing something wrong?

Community Regular

foxxyn8

Posted
Posted

Sorry, bringing up an older style from a while ago

I have noticed that since FF 4, none of my Stylish scripts for about:blank work anymore.

This includes the script I have posted above that supposedly makes the page transparent. Am I doing something wrong?

That code should work for beta8 and prior. For b9pre+ use this

#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}

#main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser{ 
opacity: 0 !important;
}

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Soapy, or anyone... What do you think it's going wrong?

Normal:

Pressing "Alt" - OK:

Pressing "Customize" - Not OK:

I've Tabs in Title Bar of course ( the native code, not custom ). I suspect the soapy's code given above for AppMenuButton creates the problem... eh?

P.S. By the way, what's the name of that Menu to remove the white background?

#toolbar-menubar

I'll look into the bug, but I'm currently not updating the script as I'm building a theme instead.

What theme are you using?

Mine which you can find here http://userstyles.org/styles/39290

Explorer

skyli

Posted
Posted

Sorry, bringing up an older style from a while ago

I have noticed that since FF 4, none of my Stylish scripts for about:blank work anymore.

This includes the script I have posted above that supposedly makes the page transparent. Am I doing something wrong?

I came here back becouse of that too :s Somehow this transpareny thing is missing from the new builds :s

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

  • Recently Browsing   0 members

    • No registered users viewing this page.