Recommended Posts

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

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?

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]

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

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

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.

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.

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.

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

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

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

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.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • I am actually looking forward to this..... I think Dark Ages was way more fun than the tedious expansions for Doom 2 (nu-doom).
    • Pretty sure you will be happy with the result, good luck and take it slow!
    • Mixed thoughts. I do think MS realized it need's to re-focus on it's core while trying to get people to ultimate pay for AI. My windows machines is my gaming tower. That being said a windows machine I used as a server was just recently converted to no GUI Linux server (and it runs so much better for it's purpse), and general purpose laptop (non-gaming) that could run Windows 11 is using Linux. My work device is a MacBook Pro, and I have a raspberry PI acting as my DNS server, using linux. I honestly have more non-windows devices then devices. I don't consider myself typical user however.  
    • Here is how to watch Apple's WWDC 2026 conference where iOS 27 is expected by Taras Buria It is Monday, June 8, 2026, which means today is the day Apple kicks off its annual Worldwide Developer Conference, WWDC 2026. As usual, today's keynote will be full of consumer and developer-focused announcements, including new versions of Apple's operating systems, developer tools, and more. Apple streams its developer conferences, allowing everyone to tune in and watch the announcements live. Today is no exception, so here is how you can watch it. Apple WWDC 2026 will be available to watch on Apple's official website here. Also, you can stream it on YouTube and the Apple TV app on your Apple device. The stream kicks off at 10 AM PDT / 1 PM EDT / 6 PM GMT+1. Apple's annual developer conference usually focuses on new software experiences, so do not expect major hardware announcements. What is expected is the "27" series of Apple's operating systems, including iOS, iPadOS, watchOS, tvOS, visionOS, and macOS. Apple is unlikely to introduce major UI changes, but you can expect subtle tweaks to the Liquid Glass design language, particularly on Mac. One of the biggest changes Apple plans to announce today is a reworked, AI-powered Siri. The assistant will be available as a standalone app with a chatbot-like experience and Google's AI models under the hood. If you want to learn more about what is expected today at WWDC 2026, check out our dedicated article here. However, if you prefer a spoiler-free stream, tune in at 10 AM PDT / 1 PM EDT on Apple's official website, its YouTube channel, or the Apple TV app.
    • For we consumer readers, it would be helpful if you clearly stated in the headline if the article is about consumer or enterprise. Then readers will know if the article applies to them or not. 2 cents.
  • Recent Achievements

    • 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
    • Dedicated
      Conjor earned a badge
      Dedicated
    • Week One Done
      Windows Guy earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      493
    2. 2
      PsYcHoKiLLa
      243
    3. 3
      Steven P.
      72
    4. 4
      ATLien_0
      68
    5. 5
      neufuse
      67
  • Tell a friend

    Love Neowin? Tell a friend!