|
Post by Tumbleweed on Aug 13, 2015 22:03:43 GMT -5
.boards table.list { float: left; width: 33%; table-layout: fixed; } .boards table.list .board > td { height: 100px; } .boards table.list .main { width: auto; } .boards table.list.first.last { width: 100%; } .boards table.list { float: left; width: 33%; } /*.boards table.list.odd.last { float: none; width: 100%; }*/ .ie7 .boards table.list { width: 33%; } .boards .main { width: 100%; text-align: @board_align_main; } .boards .threads { width: 100%; text-align: @board_align_threads; white-space: nowrap; } .boards .posts { width: 100%; text-align: @board_align_posts; white-space: nowrap; } .boards .latest { width: 100%%; text-align: left!important; margin-top:20px;} .link {font-size:14px!important;position:relative;top:-8px;left:8px; }
{foreach $[board]} <table class="list{if $[board.odd]} odd{/if}{if $[board.even]} even{/if}{if $[board.index] == 3} first{/if}{if $[board.index] == $[board.lastIndex]} last{/if}" role="grid"> <tbody> {if !$[board.is_redirect]} <tr id="$[board.content_id]" class="$[board.content_class]"> <td style="width:100%;height:200px"> <div style="width:300px;height:200px;margin:20px;border:10px solid #aaaaaa;background-color:#bbbbbb; padding:8px;"> <div class="main clickable"> <span class="icon">$[board.icon]</span> <span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br /> <p class="description">$[board.description]</p> {if $[board.num_mods]} <p class="moderators"> Moderator{if $[board.num_mods] != 1}s{/if}: {foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if} {foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach} </p> {/if} {if $[board.sub_board]} <p class="sub-boards"> Sub-board{if $[board.sub_board] != 1}s{/if}: {foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach} </p> {/if} </div> <!--<div class="threads1">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}</div> <div class="posts">{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}</div>--> <div class="latest last"> {if $[board.posts] > 0} {if $[board.last_thread]} $[board.last_thread.recent_link]<br /> by $[board.last_thread.last_post.created_by]<br /> <span class="date">$[board.last_thread.last_post.created_on]</span> {/if} {else} <div style="position:relative;bottom:0px;margin-top:30px;"> No posts have been made on this board. </div> {/if} </div> </div> </td> </tr> <table> {else} <table> <tr id="$[board.content_id]" class="$[board.content_class]"> <td class="special" colspan="3"> <div class="icon">$[board.icon]</div> <div class="main clickable redirect last" colspan="2"> <span class="link">$[board]</span><br /> <p class="description">$[board.description]</p> </div> </td> </tr> {/if} </tbody> </table> {/foreach} {if !$[board]} <table class="list" role="grid"><tbody><tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr></tbody></table> {/if}
|
|
|
Post by Tumbleweed on Aug 27, 2015 12:10:27 GMT -5
<table class="list odd" role="grid"> <tbody> <tr id="board-35" class="board item first"> <td style="width:100%;height:200px"> <div id="make_round"> <div class="main clickable"> <span class="icon"><img title="No New Posts" src="http://i657.photobucket.com/albums/uu300/EliteList/Crazicons/CCFF25.png" alt="No New Posts" /></span> <span class="link"><a href="/board/35/flower-gardens" class="board-link board-35">Flower Gardens</a></span><br /> <p class="description">Share your gardening experiences with us and show off those pictures!</p> </div> <!--<div class="threads1">1</div> <div class="posts">1</div>--> <div class="latest last"> <a href="/threads/recent/75" class="thread-recent-link thread-75 post-178 board-35">This is a test</a><br /> by <a class="user-link user-1 group-1" title="@admin" style="color: #880000;" href="/user/1">Tumbleweed</a><br /> <span class="date"><abbr title="Aug 13, 2015 22:03:43 GMT -5" data-timestamp="1439521423000" class="time">Aug 13, 2015 22:03:43 GMT -5</abbr></span> </div> </div> </td> </tr> <table> </tbody> </table>
<table class="list even" role="grid"> <tbody> <tr id="board-33" class="board item"> <td style="width:100%;height:200px"> <div id="make_round"> <div class="main clickable"> <span class="icon"><img alt="No New Posts" src="http://i657.photobucket.com/albums/uu300/EliteList/Crazicons/CCFF25.png" title="No New Posts" /></span> <span class="link"><a class="board-link board-33" href="/board/33/cooking">hiding</a></span><br /> <p class="description">Healthy foods that are easy to make.</p> <p class="moderators"> Moderator: <a class="user-link user-1 group-1" title="@admin" style="color: #880000;" href="/user/1">Tumbleweed</a> </p> <p class="sub-boards"> Sub-board: <a href="/board/34/new-sub">A new sub</a> </p> </div> <!--<div class="threads1">5</div> <div class="posts">10</div>--> <div class="latest last"> <a href="/threads/recent/74" class="thread-recent-link thread-74 post-177 board-34">Side by side</a><br /> by <a class="user-link user-1 group-1" title="@admin" style="color: #880000;" href="/user/1">Tumbleweed</a><br /> <span class="date"><abbr class="time" data-timestamp="1439515231000" title="Aug 13, 2015 20:20:31 GMT -5">Aug 13, 2015 20:20:31 GMT -5</abbr></span> </div> </div> </td> </tr> <table> </tbody> </table>
<table class="list odd" role="grid"> <tbody> <tr id="board-25" class="board item"> <td style="width:100%;height:200px"> <div id="make_round"> <div class="main clickable"> <span class="icon"><img title="No New Posts" src="http://i657.photobucket.com/albums/uu300/EliteList/Crazicons/CCFF25.png" alt="No New Posts" /></span> <span class="link"><a href="/board/25/water-bridge" class="board-link board-25">Water Under The Bridge</a></span><br /> <p class="description">Decription here</p> </div> <!--<div class="threads1">6</div> <div class="posts">17</div>--> <div class="latest last"> <a href="/threads/recent/69" class="thread-recent-link thread-69 post-167 board-25">Amanda's coding until we are sure it is fixed</a><br /> by <a class="user-link user-1 group-1" title="@admin" style="color: #880000;" href="/user/1">Tumbleweed</a><br /> <span class="date"><abbr class="time" data-timestamp="1432999186000" title="May 30, 2015 10:19:46 GMT -5">May 30, 2015 10:19:46 GMT -5</abbr></span> </div> </div> </td> </tr> <table> </tbody> </table>
|
|
|
Post by Tumbleweed on Dec 3, 2016 0:16:03 GMT -5
|
|