MozillaZine

Thread pane list header

Discussion of general topics about Mozilla Thunderbird
ibewlu

User avatar
 
Posts: 190
Joined: February 5th, 2012, 5:24 am

Post Posted February 27th, 2012, 11:32 am

The header above the thread pane contains the names of the columns (Subject, From, Date, etc.), what is the name of the header and each item as used in userChrome.css?
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.

smsmith
Moderator

User avatar
 
Posts: 19845
Joined: December 7th, 2004, 8:51 pm
Location: Indiana

Post Posted February 27th, 2012, 11:43 am

In general, they are #threadCols.

More specifically, they are:
#threadCol
#flaggerCol
#attachmentCol
#subjectCol
#unreadButtonColHeader
#senderCol
#recipientCol
#junkStatusCol
#receivedCol
#dateCol
#statusCol
#sizeCol
#tagsCol
#accountCol
#priorityCol
#unreadCol
#totalCol
#locationCol
#idCol

You can use the DOM Inspector to figure these types of things out.
https://developer.mozilla.org/En/DOM_Inspector
https://addons.mozilla.org/en-US/thunde ... ctor-6622/
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.

ibewlu

User avatar
 
Posts: 190
Joined: February 5th, 2012, 5:24 am

Post Posted February 27th, 2012, 12:49 pm

smsmith, thanks for the info and I am taking a look at this. I did tried to change some backgrounds and nothing happened.
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.

smsmith
Moderator

User avatar
 
Posts: 19845
Joined: December 7th, 2004, 8:51 pm
Location: Indiana

Post Posted February 27th, 2012, 1:07 pm

If the column header is using a background image, anything you might try with just a color won't show up.

If you have the Dom Inspector open, use File -> Inspect a Chrome Document -> choose Inbox.
Then, under the file menu is a button, kind of looks like an arrow pointing at something. Click that button, then click the header you want to inspect in the Thunderbird window. The inspector should fill with info about that element. Then, in the right hand side of the window, you should see a button next to Object - DOM Node. Click the button and choose CSS Rules. Select any of the rule sets to see how the object is defined.

Also note that some themes hard code specifics about some elements. To override this, you need to put !important at the end of the rule before the semi-colon.

What theme are you using that you are trying to modify? Please also post your code. Maybe it's something easy to spot.
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.

ibewlu

User avatar
 
Posts: 190
Joined: February 5th, 2012, 5:24 am

Post Posted February 27th, 2012, 1:30 pm

I am just using userChrome to make some changes to the TB 10.0.2 default theme. I tried the File/xx Document/inbox xx + arrow thing, but clicking in TB didn't seem to have a reaction in DOMi; clicking an item in DOMi does outline items in TB; not much help when you don't know the name of the item. Here is what code I am presently using - work in progress until this issue:

Code: Select all
treechildren:-moz-tree-cell-text/*
 * Edit this file and copy it as userChrome.css into your
 * profile-directory/chrome/
 */

/*
 * This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to
 * override default settings.
 */

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*==================LIGHTNING OPTIONS=====================*/
/*Change background of toolbar header*/
toolbox
  {background-color: gray!important;}

/*Background color of popup alarm*/
calendar-alarm-widget[selected="true"] {
    background-color: #FF0000 !important;}


/***********************THUNDERBIRD************************/
/*************************GLOBAL***************************/
{color:#000000 !important;
}

/***********************TARGETED**************************/
/***********************FOLDER TREE**************************/
#folderTree
{background-image: url("file:///F:/Backup/Mozilla/Thunderbird/Customize/Light_Wood.jpg") !important; /* Folder pane background color */
}

#folderTree > treechildren::-moz-tree-cell-text(hover)
{color:White !important;  /* Folder tree hover text color */
background-color:Blue !important;  /* Folder tree hover background color */
}

/***********************THREAD TREE**************************/


#threadTree
{background-image: url("file:///F:/Backup/Mozilla/Thunderbird/Customize/Dark_Wood.jpg") !important;
color:White !important;
}

#threadTree > treechildren::-moz-tree-cell-text(hover)
{color:#000000 !important;  /* Folder tree hover text color */
background-color:#00FF00 !important;  /* Folder tree hover background color */
}

/***********************TABS**************************/

tab[selected = "true"]
{
/*background-color: #FF0000 !important;  /* Tab selected background color */*/
color:#000000 !important;  /* Tab selected text color */
background-image: url("file:///F:/Backup/Mozilla/Thunderbird/Customize/Light_Wood_Gradient.jpg") !important;
}

tab:not([selected="true"])
{
background-image: url("file:///F:/Backup/Mozilla/Thunderbird/Customize/Wood_Gradient.jpg") !important;  /* Tab not selected background color */
font-weight:bold !important;/* Tab not selected font weight */
color:#000000 !important;  /* Tab not selected text color */
}


.toolbarbutton-text
{/*color:Gold !important;  /* Toolbar text color */
font-weight:bold
}

/*=================MESSAGE PANE =================*/
#msgHeaderView .headerName
{color:blue !important;  /* Message header font color for "From"/"Subject"/"TO" */
}

/*=================STATUS BAR =================*/
statusbarpanel
{-moz-appearance: none !important;
  background-color: blue !important;
  color:red !important;
  font-weight:bold !important;}
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.

ibewlu

User avatar
 
Posts: 190
Joined: February 5th, 2012, 5:24 am

Post Posted February 27th, 2012, 1:44 pm

Update: I changed to "Accessible Events" and I get a list of "events" which are translated to the item. When I click on the list box header for the thread pane, it does not come up with any of the items in your list #sujectCol, etc. I get one call #accountCentralBox.
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.

smsmith
Moderator

User avatar
 
Posts: 19845
Joined: December 7th, 2004, 8:51 pm
Location: Indiana

Post Posted February 27th, 2012, 2:03 pm

Make sure you are choosing Chrome document and not Content document from the DOM Inspector File menu.

I don't see any code related to any of the element IDs I gave you.
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.

ibewlu

User avatar
 
Posts: 190
Joined: February 5th, 2012, 5:24 am

Post Posted February 27th, 2012, 2:36 pm

oops, found the problem, the button resets after each click and I didn't notice it. I have a full 1080p display and the icon is fairly small and the color doesn't have a lot of contrast on change.
The only code that I have gotten to work is:

Code: Select all
 #subjectCol{color:blue !important;}

Anything to do with the background fails.
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.

smsmith
Moderator

User avatar
 
Posts: 19845
Joined: December 7th, 2004, 8:51 pm
Location: Indiana

Post Posted February 27th, 2012, 3:31 pm

The default theme uses the following code that is thwarting you.

-moz-appearance: treeheadercell;

Because of that line, the element uses the OS theme styling for a tree header cell.

To negate it, use this:

-moz-appearance: none ! important;

Then, apply the rest of your styling. You might need to look at margins and paddings and border styles, too, then.

Also, your color: blue line will only color the text. If you want to color the background, you need to use at a minimum background: blue or even better background-color: blue.
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.

Bozz
 
Posts: 2684
Joined: October 18th, 2007, 1:53 pm

Post Posted February 27th, 2012, 3:40 pm

Just use this.

Code: Select all
#threadTree treecol, #threadTree .treecol-image {
background-color: blue !important;
}

...or use background-image if using an image.

Add in -moz-appearance: none !important; if needed. I don't need it with XP.

ibewlu

User avatar
 
Posts: 190
Joined: February 5th, 2012, 5:24 am

Post Posted February 27th, 2012, 3:47 pm

smsmith, you got me out of the ditch, it is working - thanks...

I believe with the negate education it will be a lot easier.
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.

ibewlu

User avatar
 
Posts: 190
Joined: February 5th, 2012, 5:24 am

Post Posted February 27th, 2012, 7:53 pm

Deleted - moved to a new post...
It would be better for him if a millstone were hung around his neck, and he were thrown into the sea, than that he should offend one of these little ones.

Return to Thunderbird General


Who is online

Users browsing this forum: No registered users and 5 guests