Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Community Regular

foxxyn8

Posted
Posted

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

Enthusiast

mysiskatten

Posted
Posted

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

Enthusiast

mNiosu

Posted
Posted

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

post-344974-0-71305400-1296335534.png

Rookie

Mr.Dude

Posted
Posted

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?

Veteran

SkyDX

Posted
Posted

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!^^

Community Regular

foxxyn8

Posted
Posted

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.

Rookie

Mr.Dude

Posted
Posted

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

Community Regular

foxxyn8

Posted
Posted

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.

post-350326-0-21040100-1296504866.png

Neowinian

RoadFx

Posted
Posted

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:

42112_after.jpeg

http://userstyles.org/styles/42112

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

Thanks.

Enthusiast

mysiskatten

Posted
Posted

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:

42112_after.jpeg

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

Neowinian

RoadFx

Posted
Posted

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

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

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.

Community Regular

foxxyn8

Posted
Posted

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.

Community Regular

foxxyn8

Posted
Posted

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

Enthusiast

mysiskatten

Posted
Posted

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.

Rookie

Mr.Dude

Posted
Posted

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

Community Regular

foxxyn8

Posted
Posted

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

Enthusiast

mysiskatten

Posted
Posted

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

Collaborator

vasa1

Posted
Posted

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.

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

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

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

  • Recently Browsing   0 members

    • No registered users viewing this page.