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

    • WebChangeMonitor 26.06 by Razvan Serea Monitors allows you to quickly check a number of web pages and tracks changes based on the content of the web pages. Allows to monitor several protocols, including HTTP and HTTPS. Allows to view and record differences. Available for Win7/10, Linux and others. WebChangeMonitor features: Allows monitoring of web pages and informs about content changes Indication of states of currently monitored items in the tool and taskbar Reporting as sound and/or email as well as log file or HTML log Several configuration / filter options Support all protocols, e.g. http, https Multi-threaded, running in the background Bulk-import and bulk-export of items (from/to CSV) to monitor Export of results to CSV file for further processing Allows running command on items states and/or showing diff (changes) of content with preferred diff-tool ...and many more! Open Source (C++, wxWidgets) Cross platform for Windows (7/10), Linux, RPi and Mac (if self-compiled) WebChangeMonitor 26.06 release notes: Release 26.06 brings mostly s but updates the underlying core infrastructure. A major compiler is used for both x86/x64 and WoA64 architectures. This also means that all core libraries are re-compiled accordingly which required some changes in the build scripts. One of the core libraries (cURL) has been updated to address vulnerabilities and a nasty linker error that was causing the need for a dedicated patch which could now be eliminated. Download: WebChangeMonitor 64-bit | Setup 64-bit | ~10.0 MB (Open Source) Download: WebChangeMonitor 32-bit | Setup 32-bit View: WebChangeMonitor Website | Other Operating Systems | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • BATorrent 3.0.4 is out.
    • yea they change their app to high-system app so you can't disable with adb or within android, you gotta get root be able to do disable this high-system app now if you have locked down boot loader you screwed. samsung started locking down their store and their account app extremely annoying, account constantly nagging you to sign in... i disable all ai core apps and especially gemini since you can't uninstall anymore. i hope some day someone will present a bill force this companies quit locking down this damn phone especially the apps...
    • It's basically the only web browser project not controlled by a major corporation.
  • Recent Achievements

    • Dedicated
      Mark Spruce earned a badge
      Dedicated
    • Collaborator
      conkir earned a badge
      Collaborator
    • Rising Star
      olavinto went up a rank
      Rising Star
    • One Month Later
      lamborghiniv10 earned a badge
      One Month Later
    • Week One Done
      lamborghiniv10 earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      482
    2. 2
      PsYcHoKiLLa
      257
    3. 3
      Steven P.
      74
    4. 4
      Skyfrog
      69
    5. 5
      +Edouard
      69
  • Tell a friend

    Love Neowin? Tell a friend!