[CSS] V4-style column colours

[Shrike]

This will make the board and thread listings have the (sort of) alternating column colours that V4 had, as well as having only the description/name cell be highlighted on hover. To add, simply copy and paste the code below to the bottom of your stylesheet, accessed through Themes > Colors and styles > Stylesheet tab.

.list tr.item > td.main, .list tr.item > td.checkbox, .list tr.item > td.created-by, .list tr.item > td.latest {background-color: @container_background_color_2;}
.list tr.item:hover > td.icon, .list tr.item:hover > td.threads, .list tr.item:hover > td.posts, .list tr.item:hover > td.views, .list tr.item:hover > td.replies {background-color: @container_background_color_1;}
.list tr.item:hover > td.main, .list tr.item:hover > td.checkbox {background-color: @container_highlight_color;}
The code automatically picks up your theme colours from the Easy Theme Creator, so you can easily change them if you need to.

Original request

[Former Member]

Thanks for this Shrike but would it be possible to have mouse over colour change for the board title cell rather than the end left and threads/posts cells ? I hope you understand where I mean.

[Shrike]

Dec 3, 2012 1:18:59 GMT -8 @ritab said:

Thanks for this Shrike but would it be possible to have mouse over colour change for the board title cell rather than the end left and threads/posts cells ? I hope you understand where I mean.

I'm assuming this would be when using the CSS above? There are a few ways to work this out so I made this table which shows the board cells with their corresponding background colours. From looking at old V4 forums, the last row looks to be like what happened with the highlights. Is that what you're looking to do?

	New icon	Board description/title	Thread count	Post count	Last post
DEFAULT	bg1	bg1	bg1	bg1	bg1
DEFAULT on hover	highlight	highlight	highlight	highlight	highlight
With the CSS above (like V4)	bg1	bg2	bg1	bg1	bg2
With above CSS on hover	highlight	bg2	highlight	highlight	bg2
want it to be on hover (like V4)	bg1	highlight	bg1	bg1	bg2

Note: Confusingly, the new default V5 colours have bg2 and the highlight be the same so I've used the colours from one of the other colour scheme options in the Easy Theme Creator.

[Former Member]

Could be when using the CSS above, I'm not very good when it comes to programming/code speak.... sorry.

From your table yes that's what I'd love to do please Shrike.

[Shrike]

Dec 4, 2012 4:18:48 GMT -8 @ritab said:

Could be when using the CSS above, I'm not very good when it comes to programming/code speak.... sorry.

From your table yes that's what I'd love to do please Shrike.

It's fine, I wasn't very clear about it; I meant the CSS code in the first post of this thread.

Anyway, use this code (or replace the old one with it if you're using that code already). This will also replicate the V4 highlighting style when inside a board and viewing the list of threads.

.list tr.item > td.main, .list tr.item > td.checkbox, .list tr.item > td.created-by, .list tr.item > td.latest {background-color: @container_background_color_2;}
.list tr.item:hover > td.icon, .list tr.item:hover > td.threads, .list tr.item:hover > td.posts, .list tr.item:hover > td.views, .list tr.item:hover > td.replies {background-color: @container_background_color_1;}
.list tr.item:hover > td.main {background-color: @container_highlight_color;}

Edit: I'll replace the original code with this and rename the thread so it's a bit more obvious what it is.

[Former Member]

Perfect thanks Shrike.