Ok, examples.
Assuming the latest theme stuffz PR has been applied on your test site (not in the repo yet, they're busy) this will give an idea of the options available with the new non-tabular markup.
This code can be pasted into index.css, or a variant css file, anywhere after the new board index stuffz. You can try out the options just by commenting and un-commenting examples as you go. Position is everything.
/* --------------------------------------------------------------------- */
/* The following are alternative layout orders for the board index rows. */
/* They can be commented and un-commented to see them in action.
/* --------------------------------------------------------------------- */
/* This one simply puts the board stats back in the old SMF location. */
/*
.board_stats {
text-align: left;
padding: 1px 6px 1px 0;
float: left;
}
*/
/* This one flips the row left to right, and sets the lastpost text to LTR. */
/*
.board_row {
direction: rtl;
}
.board_latest {
direction: ltr;
border: none;
}
*/
/* This one does the LTR flip, and puts the board icon at far right. */
/*
.board_row {
direction: rtl;
}
.icon_anchor {
float: right;
padding: 2px 0 0 6px;
}
.board_latest {
direction: ltr;
border: none;
}
*/
/* ------------------------------------------------------ */
/* This is where the fun starts. Absolute positioning. :D */
/* ------------------------------------------------------ */
/* This one takes the previous example, and puts the board icon back to far left. */
/*
.board_row {
direction: rtl;
position: relative;
}
.icon_anchor {
position: absolute;
left: 8px;
}
.board_latest {
direction: ltr;
border: none;
padding-left: 66px;
}
*/
/* You want more? Ok. This one does the above, but also puts board stats over
/* at far right, and sets board name and description back to left aligned. */
/*
.board_row {
direction: rtl;
position: relative;
}
.board_info {
direction: ltr;
padding-right: 8.4em;
}
.icon_anchor {
position: absolute;
left: 8px;
}
.board_description, .moderators {
margin: 0;
}
.board_latest {
direction: ltr;
border: none;
padding-left: 66px;
}
.board_stats {
position: absolute;
right: 8px;
}
*/
/* There are more options, but those should be enough to give the general idea. */
/* ----------------------------------------------- */
/* End alternative layouts. Back to standard stuff.*/
/* ----------------------------------------------- */