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

Link to comment
Share on other sites
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?

Link to comment
Share on other sites
Experienced

mancode20

Posted
Posted

You could scale it down using -moz-transform, but the only way to change the color of the image would be to edit the image directly.

It's good enough then. Thanks again!!

Link to comment
Share on other sites
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]

Link to comment
Share on other sites
Explorer

.beta

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.

10si25e.png

I would appreciate it very much if someone provided a code, thanks!

Link to comment
Share on other sites
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 ;)

Link to comment
Share on other sites
Explorer

.beta

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 ~

Link to comment
Share on other sites
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;
}

Link to comment
Share on other sites
Explorer

.beta

Posted
Posted

try this:

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

I suppose that'll work.. :D and is it just me or did our post duplicate? o_o weird, anyway thanks a bunch. :)
Link to comment
Share on other sites
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.

Link to comment
Share on other sites
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.

Link to comment
Share on other sites
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.

Link to comment
Share on other sites
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

Link to comment
Share on other sites
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
Link to comment
Share on other sites
Grand Master

dnast

Posted
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.

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.