Remove Onclick Property

[Stinky666]

.. or whatever it is.
I have asked this before but to no avail. Hopefully someone, anyone can help this time because I REALLY want this and to be fair, I haven't asked anything in a while

I want it so that when you hover over a board link, then and ONLY then, will the cursor change to show it is clickable, and that the link won't change to it's hover colour/state until you hover the actual link. Most importantly, I want you to HAVE to click the board name to enter that board.

For example, here:
stinky666themes2.freemessageboards.com/

If you hover anywhere in that section where it shows last post, stats and the board name, it changes the board name to the pink (aka. hover).
You can also hover anywhere and then click to enter the board, even on a blank spot.


It has been suggested before to remove "Main Clickable", or something similar (I think that is it?), but that never worked.
I'm confident this can be achieved with a template mod, and heck, surely it's even easy.. ? It must be

Please help.
Much appreciated.

[Brian]

Removing just the clickable class from the <td>, then removing the item class from the <tr> would do it, but you'd need to add a new CSS selector that tells it to get the board name hover color back.

.boards .main .link a:hover { color: @whatevuh; }

[Stinky666]

Mar 25, 2013 10:54:32 GMT -8 Brian said:

Removing just the clickable class from the <td>, then removing the item class from the <tr> would do it, but you'd need to add a new CSS selector that tells it to get the board name hover color back.

.boards .main .link a:hover { color: @whatevuh; }

What the.. removing "clickable" and the red part from below, I know how left/right borders.. which weren't there before
<tr id="$[board.content_id]" class="$[board.content_class]">

[Brian]

Hmm. Might wanna put the class variable back in then and edit the .item class for board lists instead. I can't really think of a way to do it.

[Stinky666]

Mar 25, 2013 11:21:34 GMT -8 Brian said:

Hmm. Might wanna put the class variable back in then and edit the .item class for board lists instead. I can't really think of a way to do it.

Stupid question. How to edit the .item class ?
If I search for "item" in board lists, nothing shows


Edit:
Just to say, at least you did get it working, so you understand what I want which is great. Just not sure why there's a border lol

[Brian]

The border removal is dependent on the .item class.

You edit the .item class in the Style Sheet. I dunno which line it is, exactly.

[Stinky666]

Mar 25, 2013 11:31:31 GMT -8 Brian said:

The border removal is dependent on the .item class.

You edit the .item class in the Style Sheet. I dunno which line it is, exactly.

You do mean Board List, line 840, right in CSS?
Within that, there is absolutely NO .item class for me. Can't even remember if I removed it

What I see, if the above:

/* Board List */
@board_names_color: #8ccf55;
@board_names_font: normal bold 115% Arial, Helvetica, sans-serif;
@board_desc_color: #ffffff;
@board_desc_font: normal 400 90% Arial, Helvetica, sans-serif;
@board_mod_color: @empty;
@board_mod_font: 75% @default_forum_text_font_family;
@board_sub_color: @empty;
@board_sub_font: normal 400 75% Arial, Helvetica, sans-serif;
@board_align_main: left;
@board_align_threads: center;
@board_align_posts: center;
@board_align_last_post: center;
.boards .main { width: 43%; text-align: @board_align_main; }
.boards .threads { width: 9%; text-align: @board_align_threads; white-space: nowrap; }
.boards .posts { width: 8%; text-align: @board_align_posts; white-space: nowrap; }
.boards .latest { width: 57%; text-align: @board_align_last_post; }
.boards .main.redirect { border-right: 0px; }
.boards .main .link a { color: @board_names_color; font: @board_names_font; }
.boards .main .description { color: @board_desc_color; font: @board_desc_font; padding-left: 0px; padding-bottom: 3px; }
.boards .main .moderators { color: @board_mod_color; font: @board_mod_font; padding-bottom: 3px; }
.boards .main .sub-boards { color: @board_sub_color; font: @board_sub_font; }
.boards table.list { table-layout: auto; }
.boards table.list th.main { padding-left: 10px; }
.boards table.list > tbody > tr > td { padding: 5px 10px; }
/* Board Password Page */
#password-wrapper { margin: 10px 0px; }
#password-wrapper div { display: inline-block; margin-right: 5px; }
#password-wrapper input { padding: 1px 6px 3px 6px; }

[Brian]

It's probably somewhere else in the style sheet then. I believe that list solely handles the table dimensions and their children.

[Stinky666]

Mar 25, 2013 11:48:30 GMT -8 Brian said:

It's probably somewhere else in the style sheet then. I believe that list solely handles the table dimensions and their children.

There's a lot of .item classes (mostly .items with the 's').
Any idea what else would be on the line with it?

[Brian]

It would probably have a :hover pseudo-class and be followed by all the classes used by the <td> elements, like .main and .latest, or even just td depending on the implementation.

[Stinky666]

Mar 25, 2013 11:59:00 GMT -8 Brian said:

It would probably have a :hover pseudo-class and be followed by all the classes used by the <td> elements, like .main and .latest, or even just td depending on the implementation.

I think I am just blind but I can't find it. So, I've left that css in for now because I will no doubt try get rid of the border at some point. I just give up for now

[Brian]

Lines 551 and 564 control the hover background color and the row hover link color.