Roundcube Community Forum

Themes & Styling => Theme Releases => Topic started by: ross.larson on November 13, 2012, 07:29:41 PM

Title: Alternating Line Colors for In-box
Post by: ross.larson on November 13, 2012, 07:29:41 PM

Does anyone know how to make alternating colors on in-box with the new "larry" skin? With old default skin it could be done by editing the following lines in the common.css:

/*Alt Lines*/ odd

#messagelist tr.message
{
  background-color: #E6E6F2;
}


#messagelist tr.odd
{
  background-color: #F9F9F9;
}

Title: Re: Alternating Line Colors for In-box
Post by: SKaero on November 13, 2012, 09:02:44 PM

If your using a good browser you can do the following:

Code: [Select]

#messagelist tr:nth-child(even) td {
  background-color: #F9F9F9;
}


Title: Re: Alternating Line Colors for In-box
Post by: ABerglund on November 13, 2012, 10:39:37 PM

Quote from: SKaero on November 13, 2012, 09:02:44 PM

If your using a good browser you can do the following:

Code: [Select]

#messagelist tr:nth-child(even) td {
  background-color: #F9F9F9;
}


That works in normal view, but the result is odd in threaded view.

Title: Re: Alternating Line Colors for In-box
Post by: SKaero on November 14, 2012, 03:30:36 AM

I don't uses threads so I didn't tested that, if you add the following it should work for threads as well:

Code: [Select]

#messagelistcontainer #messagelist tr:nth-child(even).thread.expanded td {
  background-color: #E2E2E2;
}


Title: Re: Alternating Line Colors for In-box
Post by: husky83 on January 31, 2013, 04:46:01 AM

Where should i put this? common.css is not existent in skins/larry.

Title: Re: Alternating Line Colors for In-box
Post by: SKaero on January 31, 2013, 06:16:10 AM

styles.css should also work.