Share your custom Firefox/Minefield 4 stylish scripts

[mysiskatten]

worked perfect

thx

I cant get my personas themes to work on bookmark toolbar. Default theme is ok but with persona its 100% transparent.

Do you know how to fix that? or atleast not making it transparent with personas.

[foxxyn8]

I cant get my personas themes to work on bookmark toolbar. Default theme is ok but with persona its 100% transparent.

Do you know how to fix that? or atleast not making it transparent with personas.

I'm not sure how to make it take on the persona background but you give it a background-color by setting the background property. You may also need to set the font color depending on the persona.

Here's an example:

#PersonalToolbar { 
position: fixed !important;
top:61px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
color: #000 !important;
text-shadow: none !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]

I'm not sure how to make it take on the persona background but you give it a background-color by setting the background property. You may also need to set the font color depending on the persona.

Here's an example:

#PersonalToolbar { 
position: fixed !important;
top:61px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
color: #000 !important;
text-shadow: none !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;
} 

thanks again worked

[mNiosu]

How can I remove this ugly border line on the bookmarks toolbar I get when using the following transparency style ?

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

#nav-bar, #PersonalToolbar {border: none !important;     background: transparent !important; text-shadow: #fff 0px 0px 10px, #fff 1px 1px 10px, #fff 1px 1px 3px !important;}

[Mr.Dude]

I'm not sure how to make it take on the persona background but you give it a background-color by setting the background property. You may also need to set the font color depending on the persona.

Here's an example:

#PersonalToolbar { 
position: fixed !important;
top:61px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
color: #000 !important;
text-shadow: none !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;
} 

very nice :yes: Can the toolbar insert time delayed, for example in 3s?

Also i search a solution to view the bookmarks toolbar and simultaneous place the bookmark button from the toolbar in my top window bar?

[SkyDX]

Two questions to the Stylish pros here^^

Is there any way to covert a old Stylish.rdf database to the new Stylish.sqlite format used in Stylish 1.1?

And is there any way to make the background of the new Status "What's happening?" bar transparent/gone?

Thanks in advance!^^

[foxxyn8]

very nice :yes: Can the toolbar insert time delayed, for example in 3s?

Also i search a solution to view the bookmarks toolbar and simultaneous place the bookmark button from the toolbar in my top window bar?

1 - Yes like this:

#PersonalToolbar { 
position: fixed !important;
top:61px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
color: #000 !important;
text-shadow: none !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;
-moz-transition-delay: 3s!important;
}

2 - Might be possible, but not with css.

[aznkid25]

i remember seeing a nice stylish code that made changes to the add-on manager in one of the pages. Anyone know which one I'm talking about?

[Ziz4rD]

I have a new code that fixes a bit of the status panel at the bottom of the browser, Minefield 4.0b11pre.

http://userstyles.org/styles/43526

[Mr.Dude]

1 - Yes like this:

#PersonalToolbar { 
position: fixed !important;
top:61px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
color: #000 !important;
text-shadow: none !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;
-moz-transition-delay: 3s!important;
}

2 - Might be possible, but not with css.

does not work, the bookmark bar view immediately, if i move my mouse top

[foxxyn8]

does not work, the bookmark bar view immediately, if i move my mouse top

WFM

[foxxyn8]

Also i search a solution to view the bookmarks toolbar and simultaneous place the bookmark button from the toolbar in my top window bar?

Try disabling the bookmarks menu in the context menu when using that code. It should leave the bookmarks button wherever you placed it. The bookmark toolbar will still show, but without the bookmark button. At least that's what it does on my system.

[RoadFx]

I did this awhile ago when I was trying to turn the addons manager into this. Did the best I could with my little knowledge of CSS:

http://userstyles.org/styles/42112

I'm still hoping someone can make an extension or whatever to achieve that desired goal. =P

Thanks.

[mysiskatten]

I did this awhile ago when I was trying to turn the addons manager into this. Did the best I could with my little knowledge of CSS:

http://userstyles.org/styles/42112

I'm still hoping someone can make an extension or whatever to achieve that desired goal. =P

Thanks.

nice one thx

..but

[RoadFx]

I've been informed about ACR, which is why I created: http://userstyles.org/styles/43599

I didn't know about Mac or Linux, which is one of the reasons I posted here (to get feedback).

Also, I still haven't figured out a way to make it work nicely for the Stylish and Greasemonkey parts. =\

[+Gary7 Subscriber²]

I've been informed about ACR, which is why I created: http://userstyles.org/styles/43599

I didn't know about Mac or Linux, which is one of the reasons I posted here (to get feedback).

Also, I still haven't figured out a way to make it work nicely for the Stylish and Greasemonkey parts. =\

I cannot get this to work on Windows 7.

[mysiskatten]

does not work, the bookmark bar view immediately, if i move my mouse top

toolbar delay works... . .. but bookmarklinks and icons show up with no delay.

[foxxyn8]

toolbar delay works... . .. but bookmarklinks and icons show up with no delay.

It doesn't do that on my setup. I tested it on a clean profile with only Stylish in both x86 and x64 versions of Minefield and on the official beta in Windows 7 x64. It works as it should.

[foxxyn8]

toolbar delay works... . .. but bookmarklinks and icons show up with no delay.

I'm flying blind here since I can't reproduce that, but try this:

#PersonalToolbar { 
position: fixed !important;
top:68px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
border-bottom: 1px solid !important;
-moz-border-bottom-colors: threedshadow threedhighlight !important;
color: #000 !important;
text-shadow: none !important;
visibility: collapse !important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#main-window[sizemode="normal"] #PersonalToolbar {
top:83px !important;
}

#personal-bookmarks { 
visibility: collapse!important;
-moz-transition: visibility 1s, opacity 1s ease !important;
width: 100% !important;
padding-left:5px !important;
padding-right: 5px !important;
}

#navigator-toolbox:hover > #PersonalToolbar,
#navigator-toolbox:hover > #PersonalToolbar > #personal-bookmarks {
visibility: visible !important;
-moz-transition: visibility !important;
-moz-transition-delay: 3s!important;
}

[mysiskatten]

I'm flying blind here since I can't reproduce that, but try this:

#PersonalToolbar { 
position: fixed !important;
top:68px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
border-bottom: 1px solid !important;
-moz-border-bottom-colors: threedshadow threedhighlight !important;
color: #000 !important;
text-shadow: none !important;
visibility: collapse !important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#main-window[sizemode="normal"] #PersonalToolbar {
top:83px !important;
}

#personal-bookmarks { 
visibility: collapse!important;
-moz-transition: visibility 1s, opacity 1s ease !important;
width: 100% !important;
padding-left:5px !important;
padding-right: 5px !important;
}

#navigator-toolbox:hover > #PersonalToolbar,
#navigator-toolbox:hover > #PersonalToolbar > #personal-bookmarks {
visibility: visible !important;
-moz-transition: visibility !important;
-moz-transition-delay: 3s!important;
}

ok I tried it on my Mac and my old "server" running XP all running firefox 4 beta10 Only my Mac running daily builds from 2feb.

...same problem on all my computers.. toolbar is delayed 3 sec but text(links and bookmarks icons)show up instantly when mouseover locationbar

I tried just put it in userChrome.css but with same result.

Strange its working for you.

[Mr.Dude]

...same problem on all my computers.. toolbar is delayed 3 sec but text(links and bookmarks icons)show up instantly when mouseover locationbar

i can confirm this, did not worked correctly

Mozilla/5.0 (Windows NT 6.1; rv:2.0b11pre) Gecko/20110202 Firefox/4.0b11pre

[foxxyn8]

ok I tried it on my Mac and my old "server" running XP all running firefox 4 beta10 Only my Mac running daily builds from 2feb.

...same problem on all my computers.. toolbar is delayed 3 sec but text(links and bookmarks icons)show up instantly when mouseover locationbar

I tried just put it in userChrome.css but with same result.

Strange its working for you.

I don't understand how the child element can be displayed before the parent. Like I said, it's working fine for me.

try this:

#PersonalToolbar { 
position: fixed !important;
top:68px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
border-bottom: 1px solid !important;
-moz-border-bottom-colors: threedshadow threedhighlight !important;
color: #000 !important;
text-shadow: none !important;
visibility: collapse !important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#main-window[sizemode="normal"] #PersonalToolbar {
top:83px !important;
}

#PlacesToolbar {
visibility: collapse!important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#navigator-toolbox:hover > #PersonalToolbar,
#navigator-toolbox:hover #PlacesToolbar  {
visibility: visible !important;
-moz-transition: visibility !important;
-moz-transition-delay: 3s!important;
}

[mysiskatten]

I don't understand how the child element can be displayed before the parent. Like I said, it's working fine for me.

try this:

#PersonalToolbar { 
position: fixed !important;
top:68px !important; 
left: 0 !important; 
right: 0 !important;
background-color: rgb(207, 219, 236)!important;
border-bottom: 1px solid !important;
-moz-border-bottom-colors: threedshadow threedhighlight !important;
color: #000 !important;
text-shadow: none !important;
visibility: collapse !important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#main-window[sizemode="normal"] #PersonalToolbar {
top:83px !important;
}

#PlacesToolbar {
visibility: collapse!important;
-moz-transition: visibility 1s, opacity 1s ease !important;
}

#navigator-toolbox:hover > #PersonalToolbar,
#navigator-toolbox:hover #PlacesToolbar  {
visibility: visible !important;
-moz-transition: visibility !important;
-moz-transition-delay: 3s!important;
}

I have same problem withe this code .. strange

[vasa1]

Please recommend some elementary reading material where I can know more about things like "@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);". I have a little knowledge about userContent.css and userChrome.css but I understand that stuff is also hidden away in the "omni.jar" and will work only from there and not from the two style sheets in my profile directory.

Meanwhile, I've installed the userstyle.org add on and I'm experimenting a bit with the codes many of you are putting up here.

[Brandon H Supervisor]

foxy, is it possible that the code isn't copied correctly, i've seen before in this thread where the code tag has messed up the script for whatever reason, try putting it in a quote or pasting it in a .txt file and uploading it

worth a try i suppose