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

    • You can't remove Safari though. Or almost any other bundled app for that matter, and pretty much all of them are useless to me (and there are is a heap of them compared to Windows). I'll much rather take Edge than Safari, at least it can be highly customized vs. Safari. I'll take a PC with ten Edges over a Mac any day though as I can't stand all the limitation and painfully frustrationg restriction that make me dislike their stuff with a burning passion, iOS included (especially iOS).
    • DVD only? What kind of self-respecting optical disk backup/ripping tool doesn't support Blu-ray these days? I burned all my DVDs like 15+ years ago...
    • ...but you're Johnny, from Australia?    
    • Glow 26.9 by Razvan Serea Glow provides detailed reporting on every hardware component in your computer, saving you valuable time typically spent searching for CPU, motherboard, RAM, graphics card, and other stats. With Glow, all the information is conveniently presented in one clean interface, allowing you to easily access and review the comprehensive hardware details of your system. Glow provides detailed information on various system aspects, including OS, motherboard, processor, memory, graphics card, storage, network, battery, drivers, and services. The well-organized format ensures easy access to the required information. You can export all the gathered data to a plain text file, facilitating sharing with others for troubleshooting purposes. No installation needed. Just decompress the archive, launch the executable, and access computer-related information. Glow runs on Windows 11 and Windows 10 64-bit versions. Glow 26.9 changelog: New Features The processor hardware detection engine has been significantly enhanced beyond traditional Intel and AMD architectures. Native support is now available for modern platforms such as Apple Silicon (M-Series) and the newly introduced NVIDIA Spark. In addition, all ARM-based processors can now be accurately distinguished between ARM32 and ARM64 architectures, providing precise hardware reporting. This marks a major milestone for Glow's hardware detection capabilities. The RAM manufacturer identification algorithm has been expanded. JEDEC vendor codes for popular brands such as Patriot, PNY, Team Group, GeIL, Lexar (Longsys), and Asgard/Gloway have been integrated into the database. This significantly reduces the likelihood of incorrect or "Unknown Manufacturer" results and improves overall hardware detection accuracy. New Public IP Address and Internet Service Provider (ISP) features have been added to the Network section. To ensure reliability, this information is retrieved from the trusted service ipwho.is. When Hiding Mode is enabled, no requests are sent and these features remain hidden, as they may expose sensitive information. The search engine used in the Installed Drivers, Installed Services, and Installed Applications sections has been enhanced. You can now perform more flexible and accurate searches using initials, partial matches, and loosely arranged character sequences. The TS Preloader loading bar has been rebuilt using our modern TS Custom Controls graphics library, developed entirely in-house. As a result of this infrastructure upgrade, the loading bar now features smooth rendering and rounded corners that align with the visual style of Windows 11. [TS Updater] A new validation algorithm has been added to check whether the target application is currently running before the update process begins. Bug Fixes Resolved a condition that could prevent TS Preloader from shutting down safely during rare application crash scenarios. Fixed a text alignment issue in the Network section affecting the display of DNS addresses. Alignment is now rendered correctly. [TS Updater] Fixed an issue that could prevent the updated application's executable "*.exe" file from being located after the update process. [TS Updater] Fixed a bug that could leave outdated "*.sha256" files in the application directory after an update. [TS Updater] Fixed a rare issue that could cause subfolders to be moved into the root directory after an update. [TS Updater] Fixed an issue during the first launch that could cause flickering and a temporary white window appearance due to Windows Defender interactions. Changes A small improvement has been made to the internet connectivity detection algorithm. Connectivity checks are now performed in the background with minimal impact on the user interface thread. The keyboard shortcuts in the top menu have been reorganized and simplified to provide a consistent experience across all Türkaysoft applications and to avoid potential conflicts with standard Windows shortcuts. The TS Preloader splash image has been updated with a Türkiye-themed stadium design to celebrate Türkiye's qualification for the 2026 FIFA World Cup—its first appearance in 24 years. Congratulations, Türkiye! The TS Custom Controls module has been updated to version 26.6, delivering improved stability and a more polished visual appearance. [TS Updater] The application icon has been redesigned to provide a more modern and refined look. Note: Always unzip the program before using it. Otherwise you may get an error. Download: Glow 26.9 | 1.8 MB (Open Source) Links: Glow Homepage | Screenshot | Github Get alerted to all of our Software updates on Twitter at @NeowinSoftware
  • Recent Achievements

    • One Month Later
      lamborghiniv10 earned a badge
      One Month Later
    • Week One Done
      lamborghiniv10 earned a badge
      Week One Done
    • Reacting Well
      X-No-file earned a badge
      Reacting Well
    • One Month Later
      pestcontrol46 earned a badge
      One Month Later
    • Week One Done
      pestcontrol46 earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      504
    2. 2
      PsYcHoKiLLa
      270
    3. 3
      +Edouard
      75
    4. 4
      Skyfrog
      74
    5. 5
      Steven P.
      71
  • Tell a friend

    Love Neowin? Tell a friend!