Share your custom Firefox/Minefield 4 stylish scripts

[foxxyn8]

I deleted that part about app-menu... My mistake.

Why I never see folder "chrome"... I created one whenever I wanted to put a style inside...

The chrome folder I was referring to is located within omni.jar in your firefox install directory not to be confused with the chrome folder located in your firefox profile directory.

[Deo Domuique]

Ye I know... That's what exactly I was looking for "located within omni.jar". Didn't know about.

How you open that type with extension .jar?

[foxxyn8]

Ye I know... That's what exactly I was looking for "located within omni.jar". Didn't know about.

How you open that type with extension .jar?

Winrar, 7-Zip, Explzh. But you could just right-click and open it with Firefox/Minefield then bookmark it.

[Ziz4rD]

Hi, I have a question, what is the address .xul, where the code of the marker popups??

[Ziz4rD]

sorry a mean bookmarks popusp :D

[foxxyn8]

Hi, I have a question, what is the address .xul, where the code of the marker popups??

frame - - #editBookmarkPanel .panel-arrowcontent

main window - #editBookmarkPanel .panel-inner-arrowcontent

button - #editBookmarkPanelRemoveButton

[vajlent]

Could anyone have a look at this code and maybe fix it a little bit so that it looks better/good in both maximized / minimized state?

It's for the add-on bar btw;

#addon-bar {
  -moz-appearance: none !important;
  padding: 0; 
  border: 0 !important;
  border-top: 20px solid transparent !important;
  border-left: 20px solid transparent !important;
  border-radius: 25px 0 0 0;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  background-clip: padding-box;
  box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset;
  position: fixed;
  bottom: -20px;
  right: 0px;
  opacity: 0;
  -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in, right 0.01s 0.75s;
}

#addon-bar:hover {
  bottom: 1px;
  right: 1px;
  opacity: 1;
  -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

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

#addon-bar > #status-bar {
  margin: 0 1px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#addon-bar .chromeclass-toolbar-additional {
  vertical-align: top;
}

#addon-bar .toolbarbutton-1 {
  -moz-appearance: none !important;
  padding: 1px 2px !important;
  height: 20px;
  min-width: 18px;
  margin: 1px !important;
}

#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  padding: 0 1px !important;
}

#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  padding: 0 2px !important;
}

#addon-bar .toolbarbutton-1:not(:hover),
#addon-bar .toolbarbutton-1[disabled],
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-dropmarker,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-dropmarker {
  background: transparent !important;
  box-shadow: none !important;
  border-width: 0 !important;
}

#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-button {
  border-right: 1px solid transparent !important;
}

#addon-bar .toolbarbutton-1:hover:not([disabled]) {
  padding: 0 1px !important;
}

It looks ok in maximized state but not so good in minimized...

[Deo Domuique]

Guys, how can I exclude ":not" the trusted ( blue ) and secure ( green ) sites background?

I tried something like this:

#identity-box,
#page-proxy-stack:not(#identity-box.verifiedDomain):not(#identity-box.verifiedIdentity) {
  background: none !important;
}

But, it doesn't work...

[SoapyHamHocks Member]

Guys, how can I exclude ":not" the trusted ( blue ) and secure ( green ) sites background?

I tried something like this:

But, it doesn't work...

#identity-box:not(.verifiedIdentity):not(.verifiedDomain)

[Deo Domuique]

Thank you Soapy!

Recently I bookmarked your Devian Page and checking for Windows 7 Style update... Coming soon? Any ETA ?

By the way... Take a look how I did your Tabs-style on Dark Background...

http://i.min.us/iej6Aq.png

I really love it, personally... What do you think? Of course it's with Dwrite on, that's why the text-font isn't perfect yet.

It looks good on light backgrounds too

http://i.min.us/ieozmA.png

As you suggested in another topic, I just changed this line

background: -moz-linear-gradient(rgba(255,255,255,0.40),rgba(255,255,255,.5)) !important;

[SkyDX]

Does anyone have an idea how to get rid of the red border under the URL box?

It wasn't there before and only appeared recently in my nighties.

[foxxyn8]

Does anyone have an idea how to get rid of the red border under the URL box?

It wasn't there before and only appeared recently in my nighties.

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

[SkyDX]

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

Thank you, works like a charm!^^

[mNiosu]

Having some issues with my old find-bar style:

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

#FindToolbar .findbar-container {
  margin-bottom: -1px !important;
  margin-left: 3px !important;
  border-radius: 4px 4px 0 0;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-right: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background:rgba(245,245,245,.9) !important; 
  box-shadow: 0 0 4px rgba(161,161,161,.9) inset !important; 
}

#browser-bottombox {background: none !important;}

#FindToolbar {border:none !important;}

#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) {
display:none !important;
}

#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status,
#FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
  padding-right:5px !important;
}

#FindToolbar .find-status-icon[status="notfound"],
#FindToolbar .find-status-icon[status="wrapped"] {
  margin-left: -1px !important;
}

#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
  display:none !important;
}

After upgraded to the latest version of status-4-evar add-on I get that little black line on top of the find-bar and don't know how to hide it. Solutions?

[Deo Domuique]

Does anyone have an idea how to get rid of the red border under the URL box?

It wasn't there before and only appeared recently in my nighties.

Strange... Cause one week or so that border became opaque by devs...

[foxxyn8]

Strange... Cause one week or so that border became opaque by devs...

It's not a border, it's part of the fix for Bug 627324

see my post here:

Mozillazine

[foxxyn8]

Having some issues with my old find-bar style:

After upgraded to the latest version of status-4-evar add-on I get that little black line on top of the find-bar and don't know how to hide it. Solutions?

Try this:

#browser-bottombox {
   border-top: 0px !important;
   -moz-border-top-colors: none !important;
}

[RCOO]

How to solve this Home button and make it look like a button instead of a tab?

http://i113.photobucket.com/albums/n234/Ruixituh/prob-2.png

[foxxyn8]

How to solve this Home button and make it look like a button instead of a tab?

http://i113.photobucket.com/albums/n234/Ruixituh/prob-2.png

Remove the styling for #home-button from whatever style you're using. Would like to offer more help, but you didn't post the css code you are using.

[RCOO]

Remove the styling for #home-button from whatever style you're using. Would like to offer more help, but you didn't post the css code you are using.

Done. Thanks ;)

[mNiosu]

How to solve this Home button and make it look like a button instead of a tab?

http://i113.photobucket.com/albums/n234/Ruixituh/prob-2.png

Hey, nice style there. Where can we find it? Please share!

@ foxxyn8

Works! Thanks!

BTW, having new problem with my version of SoapyHamHocks's better add-on bar style:

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

#browser-bottombox {
  position: fixed;
  bottom: 0;
  background: none !important;
}

#addon-bar {
  position: fixed;
  bottom: -22px;
  right: 0;
  margin-right: 20px !important;
  border: 0 !important;
  opacity: 0;
  -moz-appearance: none !important;
  -moz-transition: bottom .6s 2s ease-in, opacity .6s 2s ease-in;
  padding-top: 22px !important;
}

#addon-bar:hover {
  bottom: 0;
  opacity: 1;
  -moz-transition: bottom .6s 1s ease-out, opacity .6s 1s ease-in;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 4px 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-right: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background:rgba(245,245,245,.9) !important; 
  box-shadow: 0 0 4px rgba(161,161,161,.9) inset !important;
}

#addonbar-closebutton {display: none;}

After upgrading to latest version of stylish I get the corruption from the picture. How can I fix it ?

[mNiosu]

Forgot to upload the screenshot... :blush:

[mysiskatten]

I use this to auto hide bookmark toolbar but I dont like how the webpage is moving a few pixels(the width of the bookmark bar)down when I mouseover to show bookmark toolbar.. is there a way to make it show over the webpage and not pressing it down while I mouseover it to make it appeare. Maby an addon instead off userchrome editing?

/thx

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

#PersonalToolbar {

visibility: collapse !important;

opacity: 1.0;

-moz-transition: visibility 1s, opacity 1s ease !important;

}

#navigator-toolbox:hover > #PersonalToolbar {

visibility: visible !important;

opacity: 1;

-moz-transition: visibility !important;

}

[foxxyn8]

I use this to auto hide bookmark toolbar but I dont like how the webpage is moving a few pixels(the width of the bookmark bar)down when I mouseover to show bookmark toolbar.. is there a way to make it show over the webpage and not pressing it down while I mouseover it to make it appeare. Maby an addon instead off userchrome editing?

/thx

try this:

#PersonalToolbar { 
position: fixed !important;
top:61px !important; 
left: 0 !important; 
right: 0 !important;
visibility: collapse !important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#personal-bookmarks { 
width: 100% !important;
}

#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
} 

[mysiskatten]

try this:

#PersonalToolbar { 
position: fixed !important;
top:61px !important; 
left: 0 !important; 
right: 0 !important;
visibility: collapse !important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#personal-bookmarks { 
width: 100% !important;
}

#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
} 

worked perfect

thx