Share your custom Firefox/Minefield 4 stylish scripts

[+Gary7 Subscriber²]

.urlbar-over-link-host-label, 
.urlbar-over-link-path-label {
   color: #fff !important;
}

This makes it all white all the time. I would like it so it is white only when you hover over a link,.When I hover over a link it turns dark.

[foxxyn8]

This makes it all white all the time. I would like it so it is white only when you hover over a link,.When I hover over a link it turns dark.

No, that only makes the hover-link url text white. It's exactly what I use and it WFM. See the screenshot (i changed the color to red)

[+Gary7 Subscriber²]

No, that only makes the hover-link url text white. It's exactly what I use and it WFM.

Not for me. I am using Status Forevar and the link status displays but it is too dark. When I use your script the entire URL box text is white and when I hover over a link the status link text turns dark. It is kind of backwards.

[foxxyn8]

I'm using Status-4-Evar, too (v. 20011.03.01.00b) and it's working fine. I just tested it on a new profile with only S4E and Stylish and it worked.

[+Gary7 Subscriber²]

I had to change some other scripts. I had the URL text regular white and then I changed it to red and it works OK now. Thanks Foxyn8! :)

I did not know it was updated.

[foxxyn8]

I did not know it was updated.

It's not on AOM. He posted the link at Mozine. http://files.bluefang-logic.com/firefox/status4evar-2011.03.01.00b-fx.xpi

Glad you got it sorted :)

[+Gary7 Subscriber²]

It's not on AOM. He posted the link at Mozine. http://files.bluefang-logic.com/firefox/status4evar-2011.03.01.00b-fx.xpi

Glad you got it sorted :)

Ah, OK. I just installed it and know it works as you said it would. Thanks!

[vasa1]

Yes.

#urlbar,
#urlbar > .chromeclass-toolbar-additional,
.searchbar-textbox { 
        border-radius: 0 !important;
}

Neat! I was doing the border-radius thing for each corner!

[satukoro]

Firefox 4 Beta 12 - Stylish being used mainly to enhance the theme I'm using: http://boneyardbrew.deviantart.com/art/TwentyTen-2-Beta-1-194401598

#main-window[sizemode="maximized"][tabsontop="true"] #TabsToolbar {
-moz-padding-start: 0px !important;
margin-right:0px !important;
}
#main-window[sizemode="maximized"][tabsontop="true"] #appmenu-button {
margin-top: 20px !important;
margin-left: 5px !important;
margin-bottom:1px !important;
}

[grayscale]

Is there a way to change the color of the 'tab arrow'? (I don't know it's name, it's the one that appears when there's too many tabs and used to navigate)

[max22]

Ok this one may be a challenge for you all. How do I move my whole addonbar while using the Barlesque add-on to the top left hand corner of the screen right below my Navigation toolbar please? I know I could just move the icons to top to a totally new toolbar but do not want that. The bar would be to big and not work like it does in Barlesque.

Never mind I figured it out. Like the old saying goes. :D

[PratimGhosh86]

I asked and got answered about this a couple of pages ago.

This is how my current FF4 looks like.

Can you help me with that square look ?? i mean the css for making the tabs and the app menu button squared ..

Thanks :)

[grayscale]

Never mind I figured it out. Like the old saying goes. :D

Would you mind posting how? I'm interested in using barlesque but chose not to (at least for now) until I can move it on the top left

Can you help me with that square look ?? i mean the css for making the tabs and the app menu button squared ..

Thanks :)

They are planning on making tabs squared:

http://forums.mozillazine.org/viewtopic.php?f=23&t=2120453

I'm downloading the latest update on nightly that will include (I think) the squared tabs.

[Urindunk]

Can you help me with that square look ?? i mean the css for making the tabs and the app menu button squared ..

Thanks :)

The tab is an image, it cannot be squared only with CSS code :\ I fear the tab image i made will only fit with the set of colors i have, etc.

But let's see how it goes after the beta where the tabs will be squarer by default.

[grayscale]

Here it goes:

Now, all we need is someone who could adjust the height of the tabs :D

[Makmende]

adjust the height of the tabs

This... but i'll be also looking forward to a style which could bring the tabs back to their good, old looks, which i'm used to...

They don't look so bad, but i'd much rather have the old style back :(

[Frylock86]

They are planning on making tabs squared:

http://forums.mozillazine.org/viewtopic.php?f=23&t=2120453

I'm downloading the latest update on nightly that will include (I think) the squared tabs.

YES!!!!!!!!!!! :woot:

[Makmende]

Code to make tabs smaller. Props go to Heartripper LiNK

 .tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
 }

[Ziz4rD]

Hi all, how I can remove this line?

#main-window[stylish-url="about:addons"][tabsontop="true"] #nav-bar {
	visibility: visible !important;
	min-height: 1px !important;
	height: 3px !important;
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)) !important;
}

#main-window[stylish-url="about:addons"][tabsontop="true"] #nav-bar > * {
	visibility: collapse !important;
}

/*need code to remove the line*/

[grayscale]

IIRC, foxxy has already provided a code to remove it a few pages ago

#navigator-toolbox::after {
        height: 0px !important; 
}

Credits to foxxy

[+Heartripper Subscriber¹]

makes elements in nav bar squarer:

 #main-window:not([sizemode="maximized"]) #navigator-toolbox[tabsontop="true"] #nav-bar{
   border-radius: 2.5px 2.5px 0 0 !important;
 }

 #nav-bar>.toolbarbutton-1,
 #searchbar .searchbar-textbox,
 #urlbar{
   border-radius: 2.5px !important;
 }

 #unified-back-forward-button #back-button{
   border-radius: 2.5px 0 0 2.5px !important;
 }

 #unified-back-forward-button #forward-button{
   border-radius: 0 2.5px 2.5px 0 !important;
 }

[Ziz4rD]

IIRC, foxxy has already provided a code to remove it a few pages ago

#navigator-toolbox::after {
        height: 0px !important; 
}

Credits to foxxy

thanks, but I proved that, but don't works

I made the styles for about:config and about:sessionrestore like the mockups

http://news.softpedia.com/newsImage/Firefox-4-0-UI-Redesign-In-Content-UI-Visual-Unification-6.png/

http://userstyles.org/styles/44813/

the the code for the addons border top when I have a problem is there.

enyoy and help me to fix this problem.

[grayscale]

makes elements in nav bar squarer:

That was fast. Thanks :)

[foxxyn8]

Hi all, how I can remove this line?

#main-window[stylish-url="about:addons"][tabsontop="true"] #nav-bar {
	visibility: visible !important;
	min-height: 1px !important;
	height: 3px !important;
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)) !important;
}

#main-window[stylish-url="about:addons"][tabsontop="true"] #nav-bar > * {
	visibility: collapse !important;
}

/*need code to remove the line*/

Not sure what you're trying to accomplish with this code, but that line you're seeing is your 3px nav-bar.

[DesGaiZu]

can anyone make a new "non grey tabs" the old one leaves a weird line above the tabs in the new nighltys with square tabs.