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

Ok I realise its a late reply, but I just tracked this down to this extension:

capturevpk.png

What appears to happen is the address bar on popup windows and forms appears on the titlebar, and so not only can I not move the window, but I can't edit the address either. Thanks to Aero's chunky buttons and window glow, I can still use the window widgets, but nothing else!

which value did you enter? doesn't pressing reset button fix it?

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

Personally, I just keep it all in stylish because it allows me to enable/disable on the fly which makes it easier to track conflicting styles and test new styles. There are also some things that just can't be styled using userChrome/userContent.

I tried that but I did not want to lose the styles I had. When I tried to upload them, it gave me an error saying that the CSS was wrong. I would rather use CSS but I don't want to lose what I have.

Community Regular

PratimGhosh86

Posted
Posted

hey can anyone gimme the script to make the empty navigation toolbar of minimal width, say 2 or 3 px. Currently its in this condition :

ff4b12prenav.png

Also anything to make the edges of the tabs, url bar sharp like IE9 ??

Community Regular

foxxyn8

Posted
Posted

I tried that but I did not want to lose the styles I had. When I tried to upload them, it gave me an error saying that the CSS was wrong. I would rather use CSS but I don't want to lose what I have.

That's why I also use Stylish-Custom. It works with stylish providing enhancements like import/export of styles and a better editor. The latest version is 0.7.7a

Stylish Custom

Apprentice

n3Tk0

Posted
Posted

A couple of hours to learn all I need =) and a little help from here =) my style is ready, I think. Mix from Minimal 2 and Firefox 4, from preview with something on my own. =) It have a few bug but for now =)

post-310692-0-52215300-1296947638.png

post-310692-0-54147200-1296947622.png

/*------------------- Makes URL bar and Tabs shorter. -------------------*/
#main-window[sizemode="maximized"] #urlbar-container {
  max-width: 550px !important;
  min-width: 200px !important;
}
.tabbrowser-tab:not([pinned])[fadein] {
  max-width: 200px !important;
  min-width: 100px !important;
}

#main-window[sizemode="normal"] #urlbar-container {
  max-width: 800px !important;
  min-width: 200px !important;
}
/*------------------- Moves navigation bar up and removes glass from it -------------------*/
#main-window[sizemode="maximized"] #nav-bar{
  margin-top: -3px !important;
  margin-left: 45px !important;
  margin-right: 630px !important;
  margin-bottom: -5px !important;
  background: rgba(0,0,0,0) !important;
  border: none !important;
}
#main-window[sizemode="normal"] #nav-bar{
  margin-top: -65px !important;
  margin-left: 43px !important;
  margin-bottom: 22px !important;
  margin-right: 100px !important;
  background: rgba(0,0,0,0) !important;
  border: none !important;
}
/*------------------- Pusher tab bar to the right. -------------------*/
#main-window[sizemode="maximized"] #TabsToolbar {
  margin-top: 4px !important;
  margin-left: 535px !important;
  margin-bottom: -27px !important;
  border: none !important;
}
/*------------------- Pusher tab bar to the bottom. -------------------*/
#main-window[sizemode="normal"] #TabsToolbar {
  padding: 40px 0px 0px 0px!important;
  margin-left: 1px !important;
  margin-bottom: 8px !important;
  margin-top: -28px !important;
  border: none !important;
}
/*------------------- Arrows -------------------*/
#back-button {
  background: none !important;
  border: 0px !important;
  box-shadow: none !important;
  padding: 0px 0px 3px 3px !important;
}

#forward-button {
  background: none !important;
  border: 0px !important;
  box-shadow: none !important;
  padding: 0px 0px 3px 3px !important;
  margin-right: -3px !important;
}

Thanks to foxxyn8 and Gary7 =)

Apprentice

n3Tk0

Posted
Posted

If you know how long i try to understand why the inactive tabs are unclickable.The whole idea was to make the theme to take a less space. =) After i learn to play with Photoshop =) I can make something more =) That few adjustments take me more than 3 hours to make =) And still don't know all attributes of theme style =(

Community Regular

foxxyn8

Posted
Posted

If you know how long i try to understand why the inactive tabs are unclickable.The whole idea was to make the theme to take a less space. =) After i learn to play with Photoshop =) I can make something more =) That few adjustments take me more than 3 hours to make =) And still don't know all attributes of theme style =(

I see you figured it out, good job! Get the DOMi add-on, it will make it a whole lot easier to find elements, classes and attributes.

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

2nd from last:

capturejpo.png

Using firefox 4b10, no reset doesn't fix it, if I'd like proper popups right now I have to disable, restart, use the popup, enable and restart again.

very strange, i'm using the same value with tabs on top + firefox button and have no probs.

Are you using a custom theme?

Apprentice

SleweD

Posted
Posted

very strange, i'm using the same value with tabs on top + firefox button and have no probs.

Are you using a custom theme?

Are you sure you are looking at this on *just* popup windows?

I haven't touched the theme, I'm not sure how to access it in this new Firefox; under the appearance tab of addons it tells me that I haven't got any of these addons installed.

Another thing i notice is that it incorrectly shows the menubar on every window too.

captureir.png

As you can see, I have changed a few things in my userchrome file (to remove the search bar widgets), gonna try commenting things out to see if any of it affects it.

Edit: removing userchrome.css, disabling stylish and hitting reset before changing it back to the setting i had previously still has the same problem happen.

Collaborator

vasa1

Posted
Posted

Thanks to everyone here, this is what my urlbar currently has:

#urlbar {
	background-color: #808080 !important;
	font-size: 16px !important;
	font-weight: bold !important;
	color: black !important;
	}
.urlbar-over-link-box {
	color: yellow !important;
	}
#urlbar {
      border: none !important;
      box-shadow: none !important;
	}
.urlbar-history-dropmarker {
      background-color: #707070 !important;
}
#identity-box.unknownIdentity, #page-proxy-favicon {display:none!important;}
#identity-icon-label {display:none!important;}

I want to know if this part can be tweaked further:

.urlbar-history-dropmarker {
      background-color: #707070 !important;
}

With my current code, it gives me a grey rectangle with a faint whitish triangle inside. I want to know if I can have just the triangle with any color I choose. Or is the icon one entire piece that can't be broken down further?

Community Regular

foxxyn8

Posted
Posted

Thanks to everyone here, this is what my urlbar currently has:

#urlbar {
	background-color: #808080 !important;
	font-size: 16px !important;
	font-weight: bold !important;
	color: black !important;
	}
.urlbar-over-link-box {
	color: yellow !important;
	}
#urlbar {
      border: none !important;
      box-shadow: none !important;
	}
.urlbar-history-dropmarker {
      background-color: #707070 !important;
}
#identity-box.unknownIdentity, #page-proxy-favicon {display:none!important;}
#identity-icon-label {display:none!important;}

I want to know if this part can be tweaked further:

.urlbar-history-dropmarker {
      background-color: #707070 !important;
}

With my current code, it gives me a grey rectangle with a faint whitish triangle inside. I want to know if I can have just the triangle with any color I choose. Or is the icon one entire piece that can't be broken down further?

If you're talking about recoloring the drop-marker icon(the triangle), you'll have to edit or replace the image located at "chrome://browser/skin/mainwindow-dropdown-arrow.png".

Or, here's a black one:

.urlbar-history-dropmarker {

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAAd0SU1FB9oKFxMwECSe2dAAAACQSURBVBjTdY8xCsJAFERn/09CBLUQBMFKi+A9xCNYBM/rKSxSueUWYUEL5dlkG8WB10zxmAnAXNJC//MQsGzb9mpmr2+qqhqAlYB1zvnk7qMkCk3T3IAjsBFgQJdS6s3sKQl3H4EzsAdMkgQ4cIgxXuq6jimlHugAl6RQ1k3FTtJW0l3SEEJ4/9yYjLNiKPkAfxZaieDmW98AAAAASUVORK5CYII=") !important;

}

Community Regular

PratimGhosh86

Posted
Posted

why not right click and remove it?

this worked for me

#nav-bar {

height: 3px !important;

min-height: 0px !important;

overflow: hidden !important;

}

i'm trying to get the IE9 look in firefox :p if i remove both the nav bar and bookmark toolbar, there is no space between the tab bar and the space, which doesn't look good in all the sites .. so a very slim and trim nav bar was something i was looking for ..

Collaborator

Excelsis

Posted
Posted

Is there any scripts I can use, so when using a theme like Soft7 or Blend 2.0 I can make Firefox colors the way the default is on Aero? I don't like how a lot of the colors change when using a visual style.

No scripts but if you rename for exemple Win7-Blend 2.0.msstyles to aero.msstyles and edit the Win7-Blend 2.0.theme with Notepad to change the line with Win7-Blend 2.0.msstyles to aero.msstyles it will give you the normal colors.

Rising Star

Kaoxt

Posted
Posted

No scripts but if you rename for exemple Win7-Blend 2.0.msstyles to aero.msstyles and edit the Win7-Blend 2.0.theme with Notepad to change the line with Win7-Blend 2.0.msstyles to aero.msstyles it will give you the normal colors.

Thank you for the reply!

Collaborator

vasa1

Posted
Posted

If you're talking about recoloring the drop-marker icon(the triangle), you'll have to edit or replace the image located at "chrome://browser/skin/mainwindow-dropdown-arrow.png".

Or, here's a black one: ...

Thank you yet again. That's just what I wanted.

Rising Star

liju

Posted
Posted

Can anyone please edit the below script to move the menu button to navigation bar before the back button

Menubar__Tabbar__-_userstyles.org_-_Mozilla_Firefox_4.0_Beta_10-2011-02-07_11.06.18.png

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

    #appmenu-button {
      padding: 4px 0 0 3px !important;
      min-width: 0 !important;
      background: none !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    #appmenu-button .button-icon {
      list-style-image: url("file:///C:/Users/Liju/Pictures/icons/menu.png");
    }

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

    #appmenu-button:hover
    {
      box-shadow: 0px 0px 3px 3px #33CCFF !important;
      background: #33CCFF !important; 
      border-radius: 4px !important;
    }

Collaborator

vasa1

Posted
Posted

I filed Bug 631635 but they will probably laugh at it.

Gary7, could you please put up a link to the bug you filed? It would be interesting to see the reasoning behind this step ...

In edit: got it ... https://bugzilla.mozilla.org/show_bug.cgi?id=631635

Looks like the reasoning is here: https://bugzilla.mozilla.org/show_bug.cgi?id=541656

Collaborator

vasa1

Posted
Posted

Yeah, it'll get a WONTFIX, but I voted for it anyway. :D

Gary7 and Foxxyn8, please take a look at the posts over here:

http://forums.mozillazine.org/viewtopic.php?p=10391621#p10391621

and a few following ones.

Do they offer a solution or workaround? I'm still on Fx4beta10 and in any case, don't understand most of the code :(

Community Regular

foxxyn8

Posted
Posted

Gary7 and Foxxyn8, please take a look at the posts over here:

http://forums.mozillazine.org/viewtopic.php?p=10391621#p10391621

and a few following ones.

Do they offer a solution or workaround? I'm still on Fx4beta10 and in any case, don't understand most of the code :(

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

Apprentice

SleweD

Posted
Posted

So after trawling 89 pages of this thread finding the white firefox logo for the menubar (don't worry, I found it), I found a script which slides the addon bar up and down:

I added a transition to the addon-bar so that it slides in from the bottom once you hover an area the height of the bar itself in the lower right corner.

It is based on SoapyHamHock's code so the icons don't update instantly but once the bar hides and slides up again they change, so it might be something

of a good solution to combine the auto-hide and the new styling.

#addon-bar {
  position: fixed;
  bottom: -21px;
  right: 1px;
  border: 0 !important;
  -moz-appearance: none !important;
  -moz-transition: bottom .5s;
  padding-top: 22px !important;
}

#addon-bar:hover {
 bottom: 1px;
}

#main-window[sizemode="maximized"] #addon-bar {
  bottom: -22px;
  right: 0;
  -moz-transition: bottom .5s;
}

#main-window[sizemode="maximized"] #addon-bar:hover {
  bottom: 0;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 0 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

Is it possible to apply the sliding effect to the bookmarks bar to hide it, similar to this script which just makes it transparent then pops it out of view (the jump as it disappears is very annoying).

Also, since I'm asking for too much already, is there a way of turning the secure site logo from dark blue to green, similar to how http://userstyles.org/styles/19663 does it, but minus the excess fluff?

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

  • Recently Browsing   0 members

    • No registered users viewing this page.