Fixes #2237 Round corners in child tables inconsistent

[SvePu]

• Defined the desired CSS rule only for first child of tborder class.
• Changed the version number of css3.css to 1807

[Eldenroot]

#2237

[Destroy666x]

It works in this case, but it's unfortunately not a proper fix. I'm sure this CSS rule was added for a reason and changing it to affect only tables which are first children may break rounded borders in some other table(s).

EDIT: and your solution won't of course also work if the table is the first child of the <td> - in this case there's a lot of stuff before it.

The main issue here is something else - .tborder tbody tr:last-child td:first-child affects all descendant, including all first/last cells from table(s) in the last row, while it should affect only the closest children. The > selector should be used in between elements so that only the closest ones will be affected: .tborder > tbody > tr:last-child > td:first-child After applying: http://nooo.hol.es/mybb18/newreply.php?tid=5&replyto=20

Invisible bottom borders can/should be fixed that way too by applying the same code to

.tborder  tbody  tr:last-child  td {
    border-bottom: 0;
}

[SvePu]

You're right @Destroy666x

Now I've tested it with different trow colors for a better view.

The new solution is:

.tborder tbody tr:last-child > td {
    border-bottom: 0;
}

.tborder tbody tr:last-child > td:first-child {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tborder tbody tr:last-child > td:last-child {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

Could you test it please, if it's OK than I'll modify the PR

[Destroy666x]

Should be ok to add > only there too, yes.

[SvePu]

Modified PR in afa0aaf

[Destroy666x]

Ok, thanks.