Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Collaborator

vasa1

Posted
Posted

This works:

toolbarspacer {background-color: green !important; opacity: 1 !important; }

though I'll see if the opacity bit is necessary.

Help still wanted for the tab-close-button !

toolbarspacer {background-color: green !important; }

is enough.

And for the tab stuff,

.tab-close-button {background-color: grey!important; }

works.

Neowinian

withoutn

Posted
Posted

Hi everyone,

I'd like to make the firefox bars (status, navigation & tab) of shorter/smaller height.

Given some help i've received on the mozilla irc, so far i have made the fonts smaller, and added

toolbar {height} [...] line to userChrome.css file.

The navigation bar and the tab bar are indeed smaller (cant tell if status is), however the class didn't:

-change icon rendering size

-size of tabs themselves in the tab bar which currently overlap with the navigation bar.

I'd like to know how to go about modifying the above.

Thank you

Contributor

Drifus

Posted
Posted

Hi everyone,

I'd like to make the firefox bars (status, navigation & tab) of shorter/smaller height.

Given some help i've received on the mozilla irc, so far i have made the fonts smaller, and added

toolbar {height} [...] line to userChrome.css file.

The navigation bar and the tab bar are indeed smaller (cant tell if status is), however the class didn't:

-change icon rendering size

-size of tabs themselves in the tab bar which currently overlap with the navigation bar.

I'd like to know how to go about modifying the above.

Thank you

Take a look at my style, you might find something interesting inside.

Tabbar with 21px and URLbar with 22px.

http://userstyles.org/styles/36813

Proficient

Konstantine

Posted
Posted

Could someone tell me the code to change the throbber in Firefox 4? I want it to be like the blue one(the mac firefox 4 throbber if I recall correctly?)

And one more: is there any stylish script to let me choose whether I want to save or run an .exe or not? :)

Contributor

Drifus

Posted
Posted (edited)

Could someone tell me the code to change the throbber in Firefox 4? I want it to be like the blue one(the mac firefox 4 throbber if I recall correctly?)

And one more: is there any stylish script to let me choose whether I want to save or run an .exe or not? :)

1 - Change the throbber:

This is not blue, but gray:

.tab-throbber[progress] {
	list-style-image: url("chrome://browser/skin/places/searching_16.png") !important;
}

2 - Run an .exe. Maybe this link is usefull for you:

http://support.mozilla.com/en-US/kb/Managing%20file%20types

This addon will do the job:

https://addons.mozilla.org/en-US/firefox/addon/opendownload-271182/

Edited by Drifus
  • Konstantine
  • Like 1
Mentor

grayscale

Posted
Posted

Nope, unfortunately, it did not work. I think it's part of the addon (those that are filled when you choose either 'top' or 'bottom' in the "show progress in the location bar" option.

Anyway, how can I make the buttons in the addon bar look embossed like the default buttons in firefox?

here's my code:

#addonbar-closebutton {
  display: none;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox {
	position: fixed;
	bottom: 0;
	left: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
	-moz-appearance: none !important;
	margin-bottom: -1px !important;
	border: none !important;
	border-radius: 2px 2px 0 0 !important;
	margin-right: 25px !important;
	background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
	box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
	position: fixed;
        top: 54px;
        padding-top: 5px;
        padding-left: 3px;
        width: 30px;
	left: 0;
	opacity: 0;
	-moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}
#addon-bar .toolbarbutton-1 {
	padding-bottom: 4px !important;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
	opacity: 1;
	-moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

here's the screenshot:

?di=7129861765216

How do you guys know the div class, and ids of the UI?

Mentor

grayscale

Posted
Posted

One more question (sorry foxxy XD)

I'm currently using the code above for my addon bar but it does not use the persona. Is there a way for the addonbar to adapt the color of the persona?

I found these:

#main-window #browser-bottombox {
opacity: 0.1;
 position: fixed;
 -moz-box-shadow: 0 0 10px #000000;
 bottom: 0px;
 width: auto;
 background: #EDEDED;
 -moz-border-radius: 0px 7px 0 0;
 left: -71px; 
 padding-right: 5px;
 padding-left: 5px;
 -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}

#main-window #browser-bottombox:hover {
opacity: 1 !important;
-moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

Problem is, the find bar also becomes transparent except when hovered.

Hope you can help me :D

Community Regular

foxxyn8

Posted
Posted

One more question (sorry foxxy XD)

I'm currently using the code above for my addon bar but it does not use the persona. Is there a way for the addonbar to adapt the color of the persona?

I found these:

#main-window #browser-bottombox {
opacity: 0.1;
 position: fixed;
 -moz-box-shadow: 0 0 10px #000000;
 bottom: 0px;
 width: auto;
 background: #EDEDED;
 -moz-border-radius: 0px 7px 0 0;
 left: -71px; 
 padding-right: 5px;
 padding-left: 5px;
 -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}

#main-window #browser-bottombox:hover {
opacity: 1 !important;
-moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

Problem is, the find bar also becomes transparent except when hovered.

Hope you can help me :D

You've adjusted the opacity of #browser-bottombox which means its children(addon-bar, findbar) are only going to be as visible as it is.

how can I fix so bookmark sidebar show without resize webpage. I Want sidebar on top of webpage not push it to the right when it appear.

thx

Have a look at this - http://userstyles.org/styles/38954

Enthusiast

mysiskatten

Posted
Posted

what is the code for my Q that did to much change ...don´t like it.... and it´s not working on my Mac.

thx again

this worked on mac

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

/* GENERAL */

#sidebar-box{

-moz-appearance: none !important;

-moz-window-shadow: none !important;

opacity: 1 !important;

}

#sidebar-splitter{display:none}

#sidebar-box{position:fixed!important;top:57px;bottom:0px}

#sidebar-header{width:65%;background-color:#E6E6E6!important;-moz-appearance:none!important}

#sidebar{height:100%;background-color:#E6E6E6!important;width:65%!important}

Apprentice

SleweD

Posted
Posted

so " -moz-border-radius: 7px 7px 0 0;" creates a curve on the top left and right of whatever you're applying it to, but beta 12 seems to add a curve on the bottom of the addon bar too.

How do you do the opposite of this and force the bottom of the addon bar to not have a curve?

Community Regular

foxxyn8

Posted
Posted

so " -moz-border-radius: 7px 7px 0 0;" creates a curve on the top left and right of whatever you're applying it to, but beta 12 seems to add a curve on the bottom of the addon bar too.

How do you do the opposite of this and force the bottom of the addon bar to not have a curve?

Make it explicit by adding !important:

#addon-bar {border-radius: 7px 7px 0 0 !important;}

or just the bottom:

 #addon-bar {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
}

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

  • Recently Browsing   0 members

    • No registered users viewing this page.