userChrome.css help required...

[wtab]

I have bee creating an userChrome.css to customize TB to my liking and
have come across an option that I am editing in the userChrome.css file
that I am not sure if I am doing it right. What I have done is changed
the icons in the folder view. I have the account name icon and if I get
new mail it changes to the account name new mail icon if I get new mail
in the Inbox (Inbox also changes to the new mail icon), works great. The
problem is that I have a folder under it (Family) with family names
inside of that, if I get mail from family the Family folder goes bold
and if it collapsed that is my only indication that I have new mail from
family (the account name changes to the account name new mail icon), if
it is not collapsed I see the name of the family member with the new
mail icon. Is there a way to make Account Name, Family, Name all show
the new mail icon (the account name new mail icon and the folder new
mail icon are different icons). I am doing this on Windows Vista with TB
version 2.0.0.16. Below is the code from the userChrome.css file to do
with the icons. Any help on this would be greatly appreciated. Thank you
in advance.

/* Change the folder ICON to the folder-open */
treechildren::-moz-tree-image(folderNameCol) {
margin-right: 2px !important;
list-style-image: url("images/folder-open.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the folder ICON to the folder-new-open */
treechildren::-moz-tree-image(folderNameCol, hasUnreadMessages-true,
newMessages-true) {
margin-right: 2px !important;
list-style-image: url("images/folder-new-open.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the INBOX-Folder ICON to the folder-inbox */
treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) {
margin-right: 2px !important;
list-style-image: url("images/folder-inbox.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the New-INBOX-Folder ICON to the folder-inbox-new */
treechildren::-moz-tree-image(folderNameCol,
specialFolder-Inbox,hasUnreadMessages-true, newMessages-true) {
margin-right: 2px; !important;
list-style-image: url("images/folder-inbox-new.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the Drafts-Folder ICON to the folder-draft-open */
treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts) {
margin-right: 2px !important;
list-style-image: url("images/folder-draft-open.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the JUNK-Folder ICON to the folder-junk-open */
treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) {
margin-right: 2px !important;
list-style-image: url("images/folder-junk-open.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the Trash-Folder ICON to the folder-trash-open */
treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) {
margin-right: 2px !important;
list-style-image: url("images/folder-trash-open.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the Sent-Folder ICON to the folder-outbox */
treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent) {
margin-right: 2px !important;
list-style-image: url("images/folder-outbox.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the server ICON to the server-local */
treechildren::-moz-tree-image(folderNameCol, isServer-true) {
margin-right: 2px !important;
list-style-image: url("images/server-local.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the server ICON to the server-local */
treechildren::-moz-tree-image(folderNameCol, biffState-NewMail,
isServer-true) {
margin-right: 2px !important;
list-style-image: url("images/server-local-new.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

/* Change the server ICON to the folder-newsgroup */
treechildren::-moz-tree-image(folderNameCol, serverType-nntp) {
margin-right: 2px !important;
list-style-image: url("images/folder-newsgroup.gif") !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

treechildren::-moz-tree-image(folderNameCol, isServer-true,
serverType-nntp) {
list-style-image: url("chrome://messenger/skin/icons/server-news.gif");
}

treechildren::-moz-tree-image(folderNameCol, isServer-true,
serverType-nntp, isSecure-true) {
list-style-image:
url("chrome://messenger/skin/icons/server-news-lock.gif");
}

[Roland de Ruiter]

On 29-8-2008 6:37, wtab wrote:
> I have bee creating an userChrome.css to customize TB to my liking and
> have come across an option that I am editing in the userChrome.css file
> that I am not sure if I am doing it right. What I have done is changed
> the icons in the folder view. I have the account name icon and if I get
> new mail it changes to the account name new mail icon if I get new mail
> in the Inbox (Inbox also changes to the new mail icon), works great. The
> problem is that I have a folder under it (Family) with family names
> inside of that, if I get mail from family the Family folder goes bold
> and if it collapsed that is my only indication that I have new mail from
> family (the account name changes to the account name new mail icon), if
> it is not collapsed I see the name of the family member with the new
> mail icon. Is there a way to make Account Name, Family, Name all show
> the new mail icon (the account name new mail icon and the folder new
> mail icon are different icons). I am doing this on Windows Vista with TB
> version 2.0.0.16. Below is the code from the userChrome.css file to do
> with the icons. Any help on this would be greatly appreciated. Thank you
> in advance.
>

[snip css]

Try the "subfoldersHaveUnreadMessages-true" value. So for the Inbox,
your CSS rule should be somthing like:

treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox,
subfoldersHaveUnreadMessages-true) {
...
}
--
Regards,

Roland

[wtab]

Thank you for your quick reply.

Unfortunately this didn't work, I have tried as you suggested as well
as others (listed below) all with the same result the Family icon stays
the same but the family member icon turns to the new mail icon. Is it
possible that this is just not possible?

treechildren::-moz-tree-image(folderNameCol,
hasUnreadMessages-true,subfoldersHaveUnreadMessages-true) {
list-style-image: url("images/folder-open-newmail.png") !important;
-moz-image-region: rect(0 24px 24px 0) !important;
}
treechildren::-moz-tree-image(folderNameCol,
subfoldersHaveUnreadMessages-true) {
list-style-image: url("images/folder-open-newmail.png") !important;
-moz-image-region: rect(0 24px 24px 0) !important;
}
treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox,
newMessages-true,subfoldersHaveUnreadMessages-true) {
list-style-image: url("images/inbox-newmail.png") !important;
-moz-image-region: rect(0 24px 24px 0) !important;
}

No virus found in this outgoing message.
Checked by AVG - http://www.avg.com
Version: 8.0.169 / Virus Database: 270.6.14/1643 - Release Date: 8/30/2008 5:18 PM