Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

SoapyHamHocks, I changed -22 to -18, thats ok for me. Any way now to permantly show the menubar there?

Can you post a screenshot of your browser? Will be easier to know exactly how you want it.

Link to comment
Share on other sites
Proficient

family guy

Posted
Posted

Its because you're using a non-default Windows theme. Here is a snip of code that should give you that blue.

#navigator-toolbox > toolbar:not(#TabsToolbar) {
 background-color: rgb(227,237,246) !important;
}

#navigator-toolbox[tabsontop="true"] .tabbrowser-tab[selected="true"] {
 background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
 -moz-linear-gradient(left, transparent, transparent 1px,
 rgba(255,255,255,.5) 1px, rgba(255,255,255,.5)),
 -moz-linear-gradient(left, transparent, transparent 1px,
 rgb(227,237,246) 1px, rgb(227,237,246)) !important;
}

That did it. Thanks! Didn't even think about the fact that I'm using a different theme.

Link to comment
Share on other sites
Collaborator

vajlent

Posted
Posted

That did it. Thanks! Didn't even think about the fact that I'm using a different theme.

That's great!

Then it would be possible to make the bookmark & nav bar more like in spew's mockups!?!

Link to comment
Share on other sites
Contributor

BantryRed

Posted
Posted

Can you post a screenshot of your browser? Will be easier to know exactly how you want it.

I would like for the new menu bar to be permanently shown, as in, not having to press alt to show it, with the previous mentioned code. Ive the code side of it ok. Thanks.

post-346088-12799750301322.png

Using snipping tool in windows 7, i don't know how to take a snip with the menu bar showing, sorry.

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

I would like for the new menu bar to be permanently shown, as in, not having to press alt to show it, with the previous mentioned code. Ive the code side of it ok. Thanks.

post-346088-12799750301322.png

Using snipping tool in windows 7, i don't know how to take a snip with the menu bar showing, sorry.

What about this?

#toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
  left: 110px !important;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%)!important;
  -moz-border-radius: 0px 0px 4px 4px !important;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8) !important;
 -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px rgba(30, 30, 30, 0.5) inset, 0 0 1px rgba(60, 60, 60, 0.9) inset, 0 0 3px rgba(0, 0, 0, 0.7) inset !important;
  height: 21px !important;
}

I love this so so much!

http://userstyles.or...27?r=1279975981

Nice job (Y), looks great.

Link to comment
Share on other sites
Veteran

bogas04

Posted
Posted

Awesome!

Can you share how to just make the bookmark/nav bar in the same color?

i wished i knew , sorry :(

Ask Soapy , he will help definitely :D

Link to comment
Share on other sites
Collaborator

vajlent

Posted
Posted

i wished i knew , sorry :(

Ask Soapy , he will help definitely :D

Well just share the color/gradient code you have in your preview :)

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Well just share the color/gradient code you have in your preview :)

I doubt it will look good if the active tab doesn't have the same gradient.

Link to comment
Share on other sites
Collaborator

vajlent

Posted
Posted

I doubt it will look good if the active tab doesn't have the same gradient.

Someone posted a code to make the bookmark/nav & active tab in blue before.

I just want to change the blue to gray like in his preview. ;)

Link to comment
Share on other sites
Contributor

BantryRed

Posted
Posted

What about this?

#toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
  left: 110px !important;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%)!important;
  -moz-border-radius: 0px 0px 4px 4px !important;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8) !important;
 -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px rgba(30, 30, 30, 0.5) inset, 0 0 1px rgba(60, 60, 60, 0.9) inset, 0 0 3px rgba(0, 0, 0, 0.7) inset !important;
  height: 21px !important;
}

Problem now is that the Window bar is evident, and the menu bar is behind the tab bar. Maybe it is not possible.post-346088-12799818599989.png

I would like the menu bar to be beside the Firefox button always

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Problem now is that the Window bar is evident, and the menu bar is behind the tab bar. Maybe it is not possible.post-346088-12799818599989.png

I would like the menu bar to be beside the Firefox button always

Yes I understand that, if you uncheck the menubar it should show up next to the Firefox button at the top of the window.

Link to comment
Share on other sites
Contributor

BantryRed

Posted
Posted

Yes I understand that, if you uncheck the menubar it should show up next to the Firefox button at the top of the window.

I still have to press alt for it to show. Also half the text is missing, too high.

Link to comment
Share on other sites
Collaborator

Duke D

Posted
Posted

I still have to press alt for it to show. Also half the text is missing, too high.

Soapy, I actually have the opposite request, mine shows up all the time, and I'd like to make it only show up when I hit the alt button.

Any way to do this?

Link to comment
Share on other sites
Mentor

Neyht Member

Posted
  • Member
Posted

I still have to press alt for it to show. Also half the text is missing, too high.

#toolbar-menubar
{
    position: fixed !important;
    top: 1px !important;
    left: 100px !important;
    height: 21px !important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%)!important;
    -moz-border-radius: 0px 0px 4px 4px !important;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8) !important;
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px rgba(30, 30, 30, 0.5) inset, 0 0 1px rgba(60, 60, 60, 0.9) inset, 0 0 3px rgba(0, 0, 0, 0.7) inset !important;
}

should work correctly. The height line will make the menu show without pressing alt. if this doesn't look right on your setup there is another style that is effecting the settings.

..and I know it doesn't look right with the menu bar enabled. It may be possible to disable this when the menubar is enabled but I'm not really a coder. I just hack together what works until I get something that looks nice. Most of these styles are just temporary anyway.

Sorry I didn't post sooner, I haven't had an internet connection for two days.

Link to comment
Share on other sites
Grand Master

ViZioN

Posted
Posted

I've just installed the beta and disabled extension compatibility so all my addons still work. How do I add the Stylish code using Firefox 4? I can't find the option to add a new style. I'm sure it's starting me in the face and I just can't see the wood for the trees...

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

I've just installed the beta and disabled extension compatibility so all my addons still work. How do I add the Stylish code using Firefox 4? I can't find the option to add a new style. I'm sure it's starting me in the face and I just can't see the wood for the trees...

Right click on the statusbar icon "Write new style" > "Blank style.."

Link to comment
Share on other sites
Contributor

BantryRed

Posted
Posted 

#toolbar-menubar
{
    position: fixed !important;
    top: 1px !important;
    left: 100px !important;
    height: 21px !important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%)!important;
    -moz-border-radius: 0px 0px 4px 4px !important;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8) !important;
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px rgba(30, 30, 30, 0.5) inset, 0 0 1px rgba(60, 60, 60, 0.9) inset, 0 0 3px rgba(0, 0, 0, 0.7) inset !important;
}

should work correctly. The height line will make the menu show without pressing alt. if this doesn't look right on your setup there is another style that is effecting the settings.

..and I know it doesn't look right with the menu bar enabled. It may be possible to disable this when the menubar is enabled but I'm not really a coder. I just hack together what works until I get something that looks nice. Most of these styles are just temporary anyway.

Sorry I didn't post sooner, I haven't had an internet connection for two days.

Thanks Ned, might try it later, changed my style again :whistle:

post-346088-12799909964918.png

I prefer it this way, I think there is too much real estate wasted the other way, but I would love a proper menu.

Thanks also SoapyHamHocks. Are you working on an alternative menu??

Link to comment
Share on other sites
Grand Master

ViZioN

Posted
Posted

Right click on the statusbar icon "Write new style" > "Blank style.."

I didn't have the statusbar enabled but now that I have, the Stylish icon isn't there at all. It's there on Firefox 3.6.8 though. I checked customize toolbar too, to see if I can add it, but it's not listed there either. Any ideas?

Link to comment
Share on other sites
Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

Thanks Ned, might try it later, changed my style again :whistle:

Thanks also SoapyHamHocks. Are you working on an alternative menu??

Yes I have one in the works.

I didn't have the statusbar enabled but now that I have, the Stylish icon isn't there at all. It's there on Firefox 3.6.8 though. I checked customize toolbar too, to see if I can add it, but it's not listed there either. Any ideas?

Are you using 1.0.11? http://userstyles.org/apps/Stylish-1.0.11.xpi

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.