Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Community Regular

foxxyn8

Posted
Posted

I want something like this stylish, but I want the red x close tab buttons on every tab. I want it show up all the time, not just when I'm hovering over the active tab. Is it possible? If so, how? Can someone fix this code for me and upload the right one? Thanks if you can! Here's the original stylish. http://userstyles.or...ose-tab-buttons

is this what you want:

.tabbrowser-tab:not([pinned]) .tab-close-button .toolbarbutton-icon {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9oBCwIaHty2KI4AAAG1SURBVCjPfZJBSxtRFIXPmzcvZvBBqxAHMkzG1pa6dCXJYgT7E4KgK0G6LkVd+xeU0h8giEtx301FazGEioK4KKU1bkYfKdIG8eXN4+V2MbSrtGd1OXwcLvce1r+8vN/bu9/fx78lm025sMB+bGwwIUozM8jz4WCplJ+fk7Xsanr60cqKvb4mY4aSbGREJMmv7W0feW4uLr4cHHy1FsCUEE/HxwF8v7v7Zi2A50K8mJ9HnvvOOafUmTFvlALQnpw87XYBREK8urkB8DYMnynlnPMM0aDXG+P8uFYDMNvpVDivcD7b6QA4rtXGOB/0eoaIfY7jK2s/at11rl4uv1bq75bvwrDV71c4T4PgiRCeJbJEmkh63qHWW2FYcFtheKi19DxNVDCeIQIwAJRzjSBY/ZO6qlQjCJRzAwCAIfIsUSzEKGNNKdeVArBTre5UqwDWlWpKOcpYLIQl8jRREkUTvr+cZQA+JUmRWgzLWTbh+0kUaSLfEgVpunR7+z6OiytONRoAHtrtwlmSMkhTu7vLssVFxnm5Xifnhn+L836rRc6xh5OTn5ubH46O/lOXl3Nzj9fWfgPU6M8ga7c7uwAAAABJRU5ErkJggg==") !important;
-moz-image-region: auto !important;
display:-moz-box !important;
}

post-350326-0-88496300-1319725298.jpg

Experienced

mancode20

Posted
Posted

is this what you want:

.tabbrowser-tab:not([pinned]) .tab-close-button .toolbarbutton-icon {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9oBCwIaHty2KI4AAAG1SURBVCjPfZJBSxtRFIXPmzcvZvBBqxAHMkzG1pa6dCXJYgT7E4KgK0G6LkVd+xeU0h8giEtx301FazGEioK4KKU1bkYfKdIG8eXN4+V2MbSrtGd1OXwcLvce1r+8vN/bu9/fx78lm025sMB+bGwwIUozM8jz4WCplJ+fk7Xsanr60cqKvb4mY4aSbGREJMmv7W0feW4uLr4cHHy1FsCUEE/HxwF8v7v7Zi2A50K8mJ9HnvvOOafUmTFvlALQnpw87XYBREK8urkB8DYMnynlnPMM0aDXG+P8uFYDMNvpVDivcD7b6QA4rtXGOB/0eoaIfY7jK2s/at11rl4uv1bq75bvwrDV71c4T4PgiRCeJbJEmkh63qHWW2FYcFtheKi19DxNVDCeIQIwAJRzjSBY/ZO6qlQjCJRzAwCAIfIsUSzEKGNNKdeVArBTre5UqwDWlWpKOcpYLIQl8jRREkUTvr+cZQA+JUmRWgzLWTbh+0kUaSLfEgVpunR7+z6OiytONRoAHtrtwlmSMkhTu7vLssVFxnm5Xifnhn+L836rRc6xh5OTn5ubH46O/lOXl3Nzj9fWfgPU6M8ga7c7uwAAAABJRU5ErkJggg==") !important;
-moz-image-region: auto !important;
display:-moz-box !important;
}

post-350326-0-88496300-1319725298.jpg

That is exactly what I was looking for! Thanks!! Is there an easy way to change the size of the x, and color if I want to in the future?

Community Regular

foxxyn8

Posted
Posted

Hi

Can someone lead me with script to restore "old" favicon for new tab in Aurora and Nightly? Would be nice if this will work also on navbar.

Thanks!!

.tabbrowser-tab[label="New Tab"] .tab-icon-image,
#page-proxy-favicon[pageproxystate="invalid"] {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAwCAYAAABwrHhvAAAE3UlEQVRYw61YzWtcVRT/3fcRZ9JCo0ViSQNWsEI2bkQQFSoMLuJCsKtowIRgTMg/kGX/hiwihJLqQiTLtlqyMFhCC0UUTHARBGUUJU2ZxGgzM8m758PFvPfy3sxk8uJ7Bx6TyTtnzu983Ht/9xhVBQAsLS3dADCGk+VHAF9NT0/fbX9RfTT+HRTXkEUM7l9548t3AEBV4UX/F5GxmZmZqxGgpKgqNjc3X6pWq28tLi4+Pzc3t5zUI5JrV177FICJLAAVQBUKBlQBGKgKfv/pixRQJ/qDmaGqXR8iQhAEXqVSuTw4OHhjYWHhevJHmFtgVBpQrkO5DuE6hA+gVIfQU7D9G0oHse6JALqJiMBai42NDTM8PHzJWvtR8j2RtKJXTUQvgDJUCRp/Uqh7LF4SQJTubjIyMgJmhud57vr6+ovJd5YimzDtytAIgDCgDAhBjSZ02zJARCeWwHEclEol9Pf3o1wuGxE5ly5B5FiOnQtBhQAlqNjwafn44Zvrz54JgDEGnufB9324rhtnK7aN6qrSiljCtAtB+AhCDSgHaO5uhvry26M7H0z0BCAiqYeZwcwQERAR2nsgcqjcBNt/QYe7oOYObGMHdFgDUwN0uAsAePXtyQFL8lmqB6y1sZNeoqqw1nYAECbYxnZYcwrTHYISgmOObeRoG0xSSgEgojjC06QjA6xQah7XOQkiBAI5BsDBXlw2r70EpwEwxnQAYBaoNKFsW8stbkBOZaKjcbtl4LQSdMsAi0L5CCpB2mEvAKKd+0DUbKdloF2HWSFiExlobTwQDpdl+D3eNxgietABwHEcOI7TE4DjOJ0ARKESwLhlGCWo03IaLct4bwjlwf2H++WS+0kKQKPRuD0/P/9+lgPt6OjodhqUefjtvTtvZrH1PPO95zqj73749a6OASbaeo0xJQADAEqn/MYhgH1VPUyU5WJo62bA0ABQB3Coqk1z0t5/FimED+SRPHygEABJPhAdyRofyRKvBAO3gw8UlYEefIDDU5IA6Ml8II8UwgfylaAAPpCrBEXwgbw9kJsP5AWQmw/kLUFuPpC3CXPzgVwAiuADeXfC3Hwgdwb+Jx8o5DS8+/noAybJzAccxxl97+N7u6paDIA8fCAuwdLS0isAhnoY7gP4a3p6eqf9xc2bN4dCAFlkf2pq6s+Ow0hEhmZmZs71mA/0V6vV5xYXF5+Zm5v7I6kXBMHA7OzshSzel5eXL6ytrW1WKpXWvfMM8wFTqVTKg4ODVxcWFi71oum9Vwznmg9geHi4ZK293EZSMwMIgiD3fMCsr6+XU3yg7a54lgx43W7H3e4CpVIJqgrXdSEiXq+oeomIYGVlxQNAmQFE84GTbkanZSAq0dbWVqT/+sTExK8AdgqZD3QD0Gw2sbe3h+3tbTx58gT1eh21Wg0AcOvWrYvNZvPlwuYDUQnq9TqYGUQUX3aDIIg/k8ESkVPYfCACZK3t6pyI4Pt+rF+r1WKbQuYDUXTJaNsz0W4T9UUx84HQxlqbcp4E0TnWoeLmA5GTIAjiMnQDkYyeiLiw+YC1FtZalMtl9PX1pfqpW2bHx8d3z58//0v7fODx/Pz8CxnnA4+T313X/WdycjLTRuT7/lPf939eXV21KUJijHEA+BnOdAZgNUFxjDF9oW2m3Th8RFX5P/I0YmC5SN3JAAAAAElFTkSuQmCC") !important;
-moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}[/CODE]

Grand Master

Semtex

Posted
Posted

Hey everyone, I got a question is it possible to make the background of the favicon glass within the addressbar, not the tab-bar.


:-moz-any(.unknownIdentity)
{background: rgba(20,20,20,.10) !important;
}
[/CODE]

Just play with rgba value to find Your fav color and transparency ;)

Community Regular

foxxyn8

Posted
Posted

Sorry, I think I made you misunderstood my question, is it possible for it to have no favicon background or just glass? btw I'm not really experienced with rgba colors, thanks ~

try this:

#identity-box.chromeUI,
#identity-box.unknownIdentity {
	   background: none !important;
}

Grand Master

trag3dy

Posted
Posted

Requesting a small script to remove the send feedback button from the new gmail that is placed in the lower right corner. I close it but it doesn't stay closed and it's really bugging the hell out of me.

Thanks in advance.

Community Regular

foxxyn8

Posted
Posted

nm

Requesting a small script to remove the send feedback button from the new gmail that is placed in the lower right corner. I close it but it doesn't stay closed and it's really bugging the hell out of me.

Thanks in advance.

Try this:

.GcwpPb-MEmzyf.GcwpPb-bEO5kc {display:none !important}

It works for me today, but Google seems to like to change things at random so what might work today may not work tommorrow.

Grand Master

trag3dy

Posted
Posted

nm

Try this:

.GcwpPb-MEmzyf.GcwpPb-bEO5kc {display:none !important}

It works for me today, but Google seems to like to change things at random so what might work today may not work tommorrow.

Thanks a ton!

I just click on the X :)

Yeah but it doesn't stay gone. Have to do that every time I re open the page. I'm not a fan of inconvenience, and that is an inconvenience however small.

Enthusiast

mNiosu

Posted
Posted

Hy guys!

Glad to see this thread is still active!

Just updated to FF8.0. Could someone help fix the bug in the attached picture in the style bellow?

Also, is there a way to get the old buttons style back (with background I mean)?

Thanks in advance!


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-button) {
		-moz-appearance: none !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		background-repeat: no-repeat !important;
		background-size: 200% auto !important;
		background-position: -2px -2px !important;
		-moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
		-moz-border-radius: 7px 7px 0 0 !important;
}
.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-button) {
		background-image: -moz-linear-gradient(top,rgba(198,201,206,.65), rgba(151,160,172,.65)), -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}
.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):not(#tabview-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;
}
.tabbrowser-tab:not([selected="true"]) {
		text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}
.tabbrowser-tab[selected="true"]:not([label="Add-ons Manager"]) {
		background-image: -moz-linear-gradient(top,rgba(255,255,255,.75), rgba(255,255,255,.75)), -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}
.tabbrowser-tab[selected="true"]:not([label="Add-ons Manager"]) {
		text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}
#main-window[sizemode="maximized"] #TabsToolbar > #home-button {
		margin-left: -3px !important;
}
.tabbrowser-tab, .tabs-newtab-button {
  padding: 0px 2px 2px 2px !important;
}
.tabs-newtab-button, #TabsToolbar > .toolbarbutton-1  {
width: 28px !important;
}
[/CODE]

post-344974-0-10438700-1320698637.png

Community Regular

foxxyn8

Posted
Posted

Hy guys!

Glad to see this thread is still active!

Just updated to FF8.0. Could someone help fix the bug in the attached picture in the style bellow?

Also, is there a way to get the old buttons style back (with background I mean)?

Thanks in advance!

This should restore the toolbar buttons: http://userstyles.or...tons-appearance

Grand Master

+Xinok Subscriber²

Posted
  • Subscriber²
Posted (edited)

I pieced this together to change the color of the location bar based on the security of the SSL connection. I was hoping somebody could make it look better.

post-57213-0-45841500-1320880053.png

/* set background color of location bar */
#urlbar[level=high] .autocomplete-textbox-container{
	background: -moz-linear-gradient(top, rgba(0,220,0,0)0%, rgba(0,220,0,1)50%, rgba(0,220,0,0)100%);
}
#urlbar[level=low] .autocomplete-textbox-container {
	background: -moz-linear-gradient(top, rgba(255,255,160,0)0%, rgba(255,255,160,1)50%, rgba(255,255,160,0)100%);
}
#urlbar[level=broken] .autocomplete-textbox-container {
	background: -moz-linear-gradient(top, rgba(255,64,64,0)0%, rgba(255,64,64,1)50%, rgba(255,64,64,0)100%);
}

/* set background color of identity box  */
#urlbar[level=high] #identity-box {
  background-color: #00F000 !important;
}

#urlbar[level=low] #identity-box {
  background-color: #FFFF80 !important;
}

Edited by Xinok
Grand Master

+Xinok Subscriber²

Posted
  • Subscriber²
Posted

Is there a certain look you want to have?

Also, your rbga values aren't right. The fourth value should be between 0 and 1 inclusively, though it probably won't make a difference visually in this case.

I'm using a gradient because this is what it looks like using a solid color (on MX3 theme):

post-57213-0-36787500-1320892117_thumb.p

If I could fill in all the white space around it, I think that would look nicer.

I fixed the rgba values in my previous post.

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

  • Recently Browsing   0 members

    • No registered users viewing this page.