Fx4* .css tweaks
-
- Posts: 1961
- Joined: October 18th, 2007, 5:26 pm
- Location: Rocky Mountains
Re: Fx4 .css tweaks
See above, edited.
-
- Posts: 39
- Joined: May 29th, 2008, 7:36 pm
Re: Fx4 .css tweaks
Hey all.
I'm not sure if anyone here used the Fancy Numbered Tabs extension, but it's no longer being developed, so I turned it into a userstyle for Firefox 4. Link here.
I'm not sure if anyone here used the Fancy Numbered Tabs extension, but it's no longer being developed, so I turned it into a userstyle for Firefox 4. Link here.
- ajnauron
- Posts: 460
- Joined: April 10th, 2010, 4:39 pm
Re: Fx4 .css tweaks
makondo wrote:nemm, thanks!
ajnauron,
which code are you referring to? If it's this one, it says there: bg: red. Just something for the code sake. Change it to whatever you want or transparent or ... whatever or delete the whole line:
.tabbrowser-tab[pinned]
{ min-width: 32px !important; }
OK, now I understand what's going on-the changes are taking effect, but the tab widths aren't changing. I should have been more specific. I was trying to get the apptab width to something like this:
I tried changing the 32px to something like 40, but the icon isn't centered and the page title starts showing at the right side of it.
Intel Core i3-2310M | NVIDIA GeForce GT 540M | 16GB G.SKILL DDR3 1333MHz PC3-10666 | Western Digital 750GB 5400RPM | Windows 7 SP1 x64
-
- Posts: 1961
- Joined: October 18th, 2007, 5:26 pm
- Location: Rocky Mountains
Re: Fx4 .css tweaks
Don't know what to tell you, works here all right:
Maybe yo have another style/code for tabs somewhere? Oh! I don't use tabs on top, maybe that's the reason. My Fx is heavily modified, too much work to disable everything to trey, maybe someone else can try with tabs on top for you. I also believe there's an ID for pinned tabs on top.
EDIT: Nope, works with tabs on top just as well:
Maybe yo have another style/code for tabs somewhere? Oh! I don't use tabs on top, maybe that's the reason. My Fx is heavily modified, too much work to disable everything to trey, maybe someone else can try with tabs on top for you. I also believe there's an ID for pinned tabs on top.
EDIT: Nope, works with tabs on top just as well:
- ajnauron
- Posts: 460
- Joined: April 10th, 2010, 4:39 pm
Re: Fx4 .css tweaks
Now it seems like I'm ranting on about it, but what I was trying to do was match the width of the apptab to the width of the tabs seen in FaviconizeTab so that the apptab favicons would be centered on the apptab, and so that I could use FaviconizeTab to doubleclick a tab to instantly make it an apptab. However, after some googling I found Easy App Tabs which fixes both of these problems, and it's also the first addon for Firefox I've encountered that doesn't require a restart.
Last edited by ajnauron on February 5th, 2011, 12:34 pm, edited 1 time in total.
Intel Core i3-2310M | NVIDIA GeForce GT 540M | 16GB G.SKILL DDR3 1333MHz PC3-10666 | Western Digital 750GB 5400RPM | Windows 7 SP1 x64
- rob64rock
- Posts: 2122
- Joined: November 11th, 2009, 6:16 am
Re: Fx4 .css tweaks
Forwarded from: Firefox 4 Feature Directory
I'm trying the "Status Address Bar" extension has he suggested since I like the link hover url previews there more, but the only problem is that they still appear in the Status-display at the bottom of the screen.
I'm using this userstyle http://userstyles.org/styles/43710 to selectively block or hide certain Status-display Messages.
Only if I knew the label name for the link target previews, so when using it with that extension those url previews at the bottom of screen would be hidden and would only appear in the Url bar.
So, if anyone here knows the css required to hide the link hover url previews at bottom of screen without disabling the Status-Messages I would be very grateful for the help.
dosho wrote:dosho wrote:looks like I need to install Status Address Bar extension again.
And I hope Bug 541656 won't break old "link hover" code.
So, I'm using it now.It has a few bugs, though.
I'm trying the "Status Address Bar" extension has he suggested since I like the link hover url previews there more, but the only problem is that they still appear in the Status-display at the bottom of the screen.
I'm using this userstyle http://userstyles.org/styles/43710 to selectively block or hide certain Status-display Messages.
Only if I knew the
Code: Select all
#statusbar-display[label^=""]
So, if anyone here knows the css required to hide the link hover url previews at bottom of screen without disabling the Status-Messages I would be very grateful for the help.
- ajnauron
- Posts: 460
- Joined: April 10th, 2010, 4:39 pm
Re: Fx4 .css tweaks
rob64rock wrote:Forwarded from: Firefox 4 Feature Directorydosho wrote:dosho wrote:looks like I need to install Status Address Bar extension again.
And I hope Bug 541656 won't break old "link hover" code.
So, I'm using it now.It has a few bugs, though.
I'm trying the "Status Address Bar" extension has he suggested since I like the link hover url previews there more, but the only problem is that they still appear in the Status-display at the bottom of the screen.
I'm using this userstyle http://userstyles.org/styles/43710 to selectively block or hide certain Status-display Messages.
Only if I knew thelabel name for the link target previews, so when using it with that extension those url previews at the bottom of screen would be hidden and would only appear in the Url bar.Code: Select all
#statusbar-display[label^=""]
So, if anyone here knows the css required to hide the link hover url previews at bottom of screen without disabling the Status-Messages I would be very grateful for the help.
I've found a way to have mouseovered links appear only in the locationbar. The logic is the following: Status Address Bar allows mouseoverd links to appear in BOTH the bottom left corner AND the locationbar, but you can't have it only in the locationbar. Status-4-Evar disables the mouseoverd link in the bottom left corner, but does not alter the behavior of the locationbar(at least until BlueFang patches it). Therefore, by installing both, you get Status-4-Evar blocking the mouseovered url message in the bottom left, and Status Address Bar supplying the mouseoverd link in the locationbar, where it should be.
Now you don't need to look at the bottom of the screen and you can do all your navigating at the top of the browser, provided you've moved all your addonbar icons to the navbar.
Thanks for telling me about Status Address Bar, I wouldn't have discovered this fix without it.
Intel Core i3-2310M | NVIDIA GeForce GT 540M | 16GB G.SKILL DDR3 1333MHz PC3-10666 | Western Digital 750GB 5400RPM | Windows 7 SP1 x64
-
- Posts: 458
- Joined: September 12th, 2005, 4:43 pm
Re: Fx4 .css tweaks
rob64rock wrote:Forwarded from: Firefox 4 Feature Directorydosho wrote:dosho wrote:looks like I need to install Status Address Bar extension again.
And I hope Bug 541656 won't break old "link hover" code.
So, I'm using it now.It has a few bugs, though.
I'm trying the "Status Address Bar" extension has he suggested since I like the link hover url previews there more, but the only problem is that they still appear in the Status-display at the bottom of the screen.
I'm using this userstyle http://userstyles.org/styles/43710 to selectively block or hide certain Status-display Messages.
Only if I knew thelabel name for the link target previews, so when using it with that extension those url previews at the bottom of screen would be hidden and would only appear in the Url bar.Code: Select all
#statusbar-display[label^=""]
So, if anyone here knows the css required to hide the link hover url previews at bottom of screen without disabling the Status-Messages I would be very grateful for the help.
#statusbar-display:not([label^="Looking"]):not([label^="Connecting"]):not([label^="Connected"]):not([label^="Transferring"]):not([label^="Waiting"]):not([label^="Read"]) {
display: none !important;
}
There may be a better way, but this was fast.
- rob64rock
- Posts: 2122
- Joined: November 11th, 2009, 6:16 am
Re: Fx4 .css tweaks
ajnauron wrote:I've found a way to have mouseovered links appear only in the locationbar. The logic is the following: Status Address Bar allows mouseoverd links to appear in BOTH the bottom left corner AND the locationbar, but you can't have it only in the locationbar. Status-4-Evar disables the mouseoverd link in the bottom left corner, but does not alter the behavior of the locationbar(at least until BlueFang patches it). Therefore, by installing both, you get Status-4-Evar blocking the mouseovered url message in the bottom left, and Status Address Bar supplying the mouseoverd link in the locationbar, where it should be.
Now you don't need to look at the bottom of the screen and you can do all your navigating at the top of the browser, provided you've moved all your addonbar icons to the navbar.
Thanks for telling me about Status Address Bar, I wouldn't have discovered this fix without it.
That was one of the first things I tried:
If it wasn't for the fact that Status-4-Ever extension disables the new Status-Display and the fact that I don't use the Addonbar it would use both together, but I suppose this alternative will be helpful to others.
- rob64rock
- Posts: 2122
- Joined: November 11th, 2009, 6:16 am
Re: Fx4 .css tweaks
Chris000001 wrote:rob64rock wrote:So, if anyone here knows the css required to hide the link hover url previews at bottom of screen without disabling the Status-Messages I would be very grateful for the help.Code: Select all
#statusbar-display:not([label^="Looking"]):not([label^="Connecting"]):not([label^="Connected"]):not([label^="Transferring"]):not([label^="Waiting"]):not([label^="Read"]) {
display: none !important;
}
There may be a better way, but this was fast.
Thank you so very much...
I uploaded a modified version of Chris000001 css code has a userstyle here:
Firefox 4 Only Hide Hovered Link URL Previews
Firefox 4 Connection Status Display Timed Delayed Not compatible with Chris000001 original css code above.
Last edited by rob64rock on February 5th, 2011, 5:32 pm, edited 1 time in total.
- T0morrow
- Posts: 302
- Joined: April 9th, 2010, 9:16 am
Re: Fx4 .css tweaks
Little mod to the addon manager.This is a JS script for GreaseMonkey tho since i could not get css rules to work on addon manager:
Still WIP so no link yet.
Still WIP so no link yet.
- patrickjdempsey
- Posts: 23686
- Joined: October 23rd, 2008, 11:43 am
- Location: Asheville NC
- Contact:
Re: Fx4 .css tweaks
I think you need to use userContent instead of userChrome. CSS mods I've done through Generic Chrome CSS Loader work just fine.
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/
- T0morrow
- Posts: 302
- Joined: April 9th, 2010, 9:16 am
Re: Fx4 .css tweaks
patrickjdempsey wrote:I think you need to use userContent instead of userChrome. CSS mods I've done through Generic Chrome CSS Loader work just fine.
Will try that thanks.
- ajnauron
- Posts: 460
- Joined: April 10th, 2010, 4:39 pm
Re: Fx4 .css tweaks
Does anyone have the code for transparent inactive tabs?
Intel Core i3-2310M | NVIDIA GeForce GT 540M | 16GB G.SKILL DDR3 1333MHz PC3-10666 | Western Digital 750GB 5400RPM | Windows 7 SP1 x64
-
- Posts: 1961
- Joined: October 18th, 2007, 5:26 pm
- Location: Rocky Mountains
Re: Fx4 .css tweaks
I have a bunch of styles for tabs, you should be able to pick something useful out of them(link in my sig). Aren't they transparent by default on vista/win 7?
This might do it but there diff. states of tabs now, like pinned, on-top, etc. which if you need it, must be added to the :not line:
.tabbrowser-tabs tab:not([selected="true"])
{ background: transparent !important; }
This might do it but there diff. states of tabs now, like pinned, on-top, etc. which if you need it, must be added to the :not line:
.tabbrowser-tabs tab:not([selected="true"])
{ background: transparent !important; }