Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted 

.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.

Community Regular

foxxyn8

Posted
Posted

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)

post-350326-0-67412300-1299114292.png

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

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.

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

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!

Grand Master

satukoro

Posted
Posted

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;
}

post-277586-0-74927300-1299117949.png

Veteran

max22

Posted
Posted

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

Community Regular

PratimGhosh86

Posted
Posted

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

This is how my current FF4 looks like.

YOcLN.png

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

Thanks :)

Mentor

grayscale

Posted
Posted

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.

Contributor

Urindunk

Posted
Posted

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.

Apprentice

Ziz4rD

Posted
Posted

Hi all, how I can remove this line?

Sinttulo-1.jpg

#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*/

Mentor

+Heartripper Subscriber¹

Posted
  • Subscriber¹
Posted

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;
 }

post-321504-0-81648100-1299187684.png

Apprentice

Ziz4rD

Posted
Posted

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/

44813_before.jpeg

44813_after.jpeg

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.

Community Regular

foxxyn8

Posted
Posted

Hi all, how I can remove this line?

Sinttulo-1.jpg

#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.

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

  • Recently Browsing   0 members

    • No registered users viewing this page.