Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Apprentice

SleweD

Posted
Posted

Found this:

try this:

#PersonalToolbar { 
position: fixed !important;
top:61px !important; 
left: 0 !important; 
right: 0 !important;
visibility: collapse !important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#personal-bookmarks { 
width: 100% !important;
}

#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}

however it doesn't work properly for me, because i've put two other things in my bookmarks toolbar:

41440754.png

which results in

36190084.png

Also, disregard the secure site logo thing, I realised that it has two modes, blue and green.

Veteran

SkyDX

Posted
Posted

The new status-4-evar is out. It fixes the hover-link fubar.

https://addons.mozilla.org/en-US/firefox/addon/status-4-evar/versions/

My styles still work with both it and beta10:

Replace Url With Hover Link

or to just change the color:

Hover Link Color

Status-4-Ever is godsent, thanks for the info! I just have two issues with it. First I only use it to restore the URL pointer functionality and nothing else, disabled all other options yet my URL bar is now 26 pixels high instead of 24, only 2 pixels, yes but to me the difference is noticable, any way to reverse this while keeping addon?

Second, after installing it my Addon bar looks like this :blink:

screenqs.png

How do I get rid of the white shine?

Thanks in advance!^^

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

Status-4-Ever is godsent, thanks for the info! I just have two issues with it. First I only use it to restore the URL pointer functionality and nothing else, disabled all other options yet my URL bar is now 26 pixels high instead of 24, only 2 pixels, yes but to me the difference is noticable, any way to reverse this while keeping addon?

Second, after installing it my Addon bar looks like this :blink:

screenqs.png

How do I get rid of the white shine?

Thanks in advance!^^

Sparky's latest release 02B put the status text back where it belongs. :)

* The advanced progress meter style editor isn't ready yet. Instead, there is a text box where you can manually edit the CSS background property. See the W3C CSS background property for details.

* The location bar styling still need a little work. The borders/margins might be a little off.

https://addons.mozilla.org/en-US/firefox/addon/status-4-evar/versions/

Veteran

SkyDX

Posted
Posted

Sparky's latest release 02B put the status text back where it belongs. :)

https://addons.mozilla.org/en-US/firefox/addon/status-4-evar/versions/

Yeah thanks, I'm using it already, it works fine, it just makes the URL bar 2 pixels higher which I would like to reverse with a Stylish code, I just have no idea how^^

Enthusiast

mNiosu

Posted
Posted

Yeah thanks, I'm using it already, it works fine, it just makes the URL bar 2 pixels higher which I would like to reverse with a Stylish code, I just have no idea how^^

Adding this peace of code to your add-on bar style should fix your second problem:

#addon-bar {background: none !important;}

LE: 

#urlbar {height: 24px !important;}

fixes your first problem but the status text is off-center now...

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

Yeah thanks, I'm using it already, it works fine, it just makes the URL bar 2 pixels higher which I would like to reverse with a Stylish code, I just have no idea how^^

#urlbar, dropmarker, .progress-bar, searchbar button,
.searchbar-engine-image-container, .searchbar-textbox
{
  padding: 0px !important;
  width: 0px !important;
  height: 18px !important;
  vertical-align:middle!important;
  margin-top: 0px !important;
}

The above may help. Just change it to suit your needs.

Apprentice

SleweD

Posted
Posted

Found this:

however it doesn't work properly for me, because i've put two other things in my bookmarks toolbar:

41440754.png

which results in

36190084.png

Turns out my issues were due to stumbleupon's toolbar, not stylish. If anyone wants a slick fading toolbar, combining codes from foxxyn8 and http://userstyles.org/styles/41338:

#PersonalToolbar {
    visibility: collapse !important;
    opacity: 0;
    -moz-transition: visibility 4s, opacity 4s ease !important;
   }

#navigator-toolbox:hover > #PersonalToolbar {
    visibility: visible !important;
    opacity: 1;
    -moz-transition: visibility !important;
   }

#PersonalToolbar { 
position: fixed !important;
top:83px !important; 
width: 100% !important;
}

Edit the position to fit your needs, stumbleupon adds another hidden toolbar above which was messing my setup up.

Veteran

SkyDX

Posted
Posted

Adding this peace of code to your add-on bar style should fix your second problem:

#addon-bar {background: none !important;}

LE: 

#urlbar {height: 24px !important;}

fixes your first problem but the status text is off-center now...

Both work like a charm, thanks! And thanks to Gary also^^

Community Regular

foxxyn8

Posted
Posted

Turns out my issues were due to stumbleupon's toolbar, not stylish. If anyone wants a slick fading toolbar, combining codes from foxxyn8 and http://userstyles.org/styles/41338:

Edit the position to fit your needs, stumbleupon adds another hidden toolbar above which was messing my setup up.

You used a very "beta" version of my style (it had issues). The finalized version is here:

Firefox 4 Bookmark Toolbar Autohide

Apprentice

SleweD

Posted
Posted

You used a very "beta" version of my style (it had issues). The finalized version is here:

Firefox 4 Bookmark Toolbar Autohide

have you tried adding buttons to the bookmark bar, then installing the script? I get two seperate fading rows instead of one.

I managed to get all of the items (in my case, buttons, bookmarks and stumbleupon toolbar) in one row, but i can't figure out a way of justifying the toolbar to the right without manually adding multiple spaces (not flexible spaces). :(

Is it possible to make it fade and yet allow me to drag/drop things onto the bar?

Community Regular

foxxyn8

Posted
Posted

have you tried adding buttons to the bookmark bar, then installing the script? I get two seperate fading rows instead of one.

I managed to get all of the items (in my case, buttons, bookmarks and stumbleupon toolbar) in one row, but i can't figure out a way of justifying the toolbar to the right without manually adding multiple spaces (not flexible spaces). :(

Is it possible to make it fade and yet allow me to drag/drop things onto the bar?

adjust the width of #personal-bookmarks to get everything in one row. The only thing I know of to to do with regards to the drag/drop is to increase the transition delay of #PersonalToolbar and make sure its showing before trying to drag something to it

Apprentice

SleweD

Posted
Posted

adjust the width of #personal-bookmarks to get everything in one row. The only thing I know of to to do with regards to the drag/drop is to increase the transition delay of #PersonalToolbar and make sure its showing before trying to drag something to it

that seems to work, but I have a rather stupid question, how do I get the toolbar to show up again? It isn't appearing on hover or click... and all I changed was the #personal-bookmarks parameter...

Community Regular

foxxyn8

Posted
Posted

#personal-bookmarks shouldn't have had any effect on that. The only thing in the style that might cause that would be if you set the hover delay too high or your bookmark toolbar is disabled. Try disabling then renabling the bookmark toolbar.

Apprentice

SleweD

Posted
Posted

#personal-bookmarks shouldn't have had any effect on that. The only thing in the style that might cause that would be if you set the hover delay too high or your bookmark toolbar is disabled. Try disabling then renabling the bookmark toolbar.

ohh clever, you have a delay. I was using my buggy cobbled together script with no delay, I didn't have the patience to leave the cursor there for the 1.25 seconds to find out if it would pop up. I've set that to 0 now, thanks for all the help, very nice scripting you've got here, works perfect!

I would suggest to reduce the default fade in time (not the delay - that might get annoying) because its not too intuitive to wait over there to get the bar back, programs like winamp etc change opacity almost immediately over hover.

Community Regular

foxxyn8

Posted
Posted

I would suggest to reduce the default fade in time (not the delay - that might get annoying) because its not too intuitive to wait over there to get the bar back, programs like winamp etc change opacity almost immediately over hover.

Good idea, I reduced it to .2s.

Community Regular

foxxyn8

Posted
Posted

How i can bring back the url bar link, if i hover url links, in earlier FF4 betas?

I missed this gone feature :blush:

https://www.neowin.net/forum/topic/921416-share-your-custom-firefoxminefield-4-stylish-scripts/page__view__findpost__p__593673340

Grand Master

ozgeek

Posted
Posted

Is it possible to:

- Remove "Firefox" from the orange menubutton, leaving only the dropdown arrow or none at all?

- Change the colour of the menubutton to match the Windows glass colour. (essentially the same colour as an inactive tab?

- move tab-bar down a bit so as to enable Aero Snap when Firefox is maximized.

Community Regular

foxxyn8

Posted
Posted

Is it possible to:

- Remove "Firefox" from the orange menubutton, leaving only the dropdown arrow or none at all?

- Change the colour of the menubutton to match the Windows glass colour. (essentially the same colour as an inactive tab?

- move tab-bar down a bit so as to enable Aero Snap when Firefox is maximized.

#appmenu-button {
      min-width: 0 !important;
      background-image: -moz-linear-gradient(transparent, rgba(91, 91, 91, 0.15) 1px, rgba(0, 0, 0, 0.3) 60%), -moz-linear-gradient(rgb(207, 219, 236), rgb(207, 219, 236)) !important;
    }

#appmenu-button .button-text {
       display: none !important;
}

#appmenu-button .button-menu-dropmarker {
        margin-left: -1px !important;
}

#main-window[tabsontop][sizemode="maximized"] #TabsToolbar {
        margin-top: 3px !important;
}

Experienced

br0adband

Posted
Posted

First off: thanks to everyone participating in this thread for the awesome work and the great ideas you've provided to everyone.

Now, getting to the business at hand: I've been a long-time FF3 user (currently at FF 3.6.13) and I have it customized to my exact likings, but there's only so much I can do with it and FF4 is almost on top of us. So tonight I set out on getting my fingers dirty with all the necessary tweaks and adjustments (using FF4b12pre 'just 'cause) and I've got things almost perfect - the tip above and the code for Stylish to shrink the menu button to basically just the arrow was beautiful and, well, this is what I've got it down to (and of course, this is a fresh installation, portable actually since that's what I prefer):

post-12693-0-29482600-1297141163.png

Now, here's what I'm aiming for - did some editing in Paint Shop Pro and I would dearly absolutely most positively love to get this layout if it's at all possible:

post-12693-0-48684600-1297141311.png

If it's possible, I would be eternally grateful to whoever can show me the way. I just installed Stylish, did that menu button code and it's almost perfect at this point, but I really would love to know if it's possible to get the Address Bar up there where I want it. If not, I know that I can move the menu button down to the area to the left of the Address Bar, which is somewhat useful I suppose, but then it'll leave that huge white space of nothing up there and I don't have a need for that.

I wish it was technically possible to actually do one of the following: increase the size of the title bar from ~20 pixels to 25 so it can match the size of the Address Bar exactly, or b) decrease the size/height of the Address Bar from 25 down to the ~20 so it's an exact match up there in between those buttons.

Regardless, I'm very pleased with the extreme minimalist layout that I can get (the first pic above), but I'd really love to get that even more minimalistic second shot if it's possible at all. I don't need buttons at all since I use All-In-One Gestures for most everything (I have a ton of gestures that can do most anything with the flick of the mouse) so, I do like the clean look and it can't get much cleaner than this. :D

Again, my thanks to everyone participating in this thread so far, and hopefully FF4 will be done soon...

This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.