Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

when firefox is windowed the tabs go under the firefox button like this:

tabsunder.png

but while maximized the tabs go next to the button, like this:

tabsnextto.png

anyone know how to make them always under the button?

open about:config, and change browser.tabs.drawInTitlebar to false

Rising Star

CGar

Posted
Posted

I'm not sure if this is do-able through Stylish... but is there a way to get the flag icon from Flagfox to be on the left side of the address bar instead of the right?

It used to be on the left by default, then they moved it to the right with an option to put it on the left, and now it's permanently on the right. Seems like they're following the flawed Mozilla logic of putting buttons in the top right of the browser... the least used side of the browser.

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

Requesting something to remove the Facebook link/button on the left side of the new youtube redesign.

The feedback one?

.watch6-feedback{
  display: none !important;
}

Grand Master

trag3dy

Posted
Posted

The feedback one?

.watch6-feedback{
  display: none !important;
}

Not gonna lie, at first glance I thought that said Facebook. :rofl:

I may have been only running on a few hours of sleep at the time though. Anyhow, thanks, the page seems to scroll a little smoother with it gone.

Neowinian

bhodili741

Posted
Posted

Does anyone know what code I'd need to make the menu button look like how it does on this screenshot?

post2930120599873001308.png

broken hope on your screenshot of firefox i see where you have the file downloads as a integrated part of the menu bar at the top of the screen just under the exit button on the right side, may i ask how you did that or is that part of a new version of firefox yet to be released?

Grand Master

trag3dy

Posted
Posted

broken hope on your screenshot of firefox i see where you have the file downloads as a integrated part of the menu bar at the top of the screen just under the exit button on the right side, may i ask how you did that or is that part of a new version of firefox yet to be released?

I think it's part of what's called the UX versions of firefox where they test out new ui designs and elements. If you look around in the meet firefox next thread you'll find a link to them. Fair warning though it's kinda broken.

Experienced

Samurizer

Posted
Posted

I need a little help on styling the back button in large icon mode so that it matches the forward button.

So far I've got:

#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  padding-left: 5px !important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button {
  -moz-image-region: rect(0, 18px, 18px, 0) !important;
  border-radius: 2px 0px 0px 2px !important;
  width: 25px !important;
  height: 22px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  margin-right: 6px !important;
  padding-right: 1px !important;
  border: none !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
              0 0 0 2px rgba(255,255,255,.1) inset,
              0 0 0 1px rgba(0,0,0,.15),
              0 1px 0 rgba(0,0,0,.4),
              0 1px 1px rgba(0,0,0,.3) !important;
}

Which produces:

post-356036-0-05362800-1310290520.png

As can be seen, the box-shadow attribute of the back button doesn't match the forward button, which is what I need help on. Thanks in advance.

Neowinian

Hung Nguyen

Posted
Posted

Since bug 570279 (https://bugzilla.mozilla.org/show_bug.cgi?id=570279) landed, I've tried to make the tabs have out-curve at the bottom like mock-ups by using CSS.

Finally, I created this style (http://userstyles.org/styles/50806/firefox-4-8-curve-tabs) Base on Spewboy's ideal and Spewboy's Stratiform.

But it causes many bug, could you help me?

post-402198-0-15682100-1310884161.png

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

I tried today's Nightly build without any of my styles and Mozilla has really turned Firefox into some fugly looking POC. They should rename the company to Goozilla as all they are doing is copying Google Chrome and this disgusts me. :shiftyninja:

  • +Heartripper
  • Like 1
Grand Master

ViperAFK

Posted
Posted

I tried today's Nightly build without any of my styles and Mozilla has really turned Firefox into some fugly looking POC. They should rename the company to Goozilla as all they are doing is copying Google Chrome and this disgusts me. :shiftyninja:

This post couldn't be hyperbolic, all they freaking did was change the look of the buttons in "small icons mode". It still looks the same by default...

Chrome didn't invent borderless icons, jesus people.

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

This post couldn't be hyperbolic, all they freaking did was change the look of the buttons in "small icons mode". It still looks the same by default...

Chrome didn't invent borderless icons, jesus people.

No, this change, broke every light theme that is out there. Try using one say Phoenix Simple 0.3 and switch between small and large icons and see what happens. Even with the default theme, this change make Firefox look like a POS.

Rookie

Dmxnet

Posted
Posted

I think, mmmmm you need this: 

#TabsToolbar > * #urlbar {
	min-width: 300px !important;} /* Yout can change this value, is referential */
#TabsToolbar > * .searchbar-textbox {
	min-width: 100px !important;}
#urlbar-reload-button:not(:hover) {
	border-left-color: transparent !important;}/*looks better with this code*/
#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar {
	margin-right: -16px !important;
	margin-left: -1px !important;}/*and this is for more space*/

Hmm, just seen that when i haven't maximized my window, my browser tabs is a really small :(

r934119d919f.png

Anyone ?

  • 1 month later...
Grand Master

Semtex

Posted
Posted

Hi

Need some advice, I run css for about:blank transparent, it is working only when page is loading, but when I hit "New Tab Button" new tab looks like always, white, I've try already all scripts from userstyles.org I'm on latest Nightly, did someone else is also facing this problem and/or find some solution?

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

  • Recently Browsing   0 members

    • No registered users viewing this page.