source: trunk/template/default/admin/comments.vtp @ 30

<style>
      .commentsAuthor,.commentsTitle,.commentsInfos,.commentsContent,.commentsNavigationBar {
        color:{#text_color};
        font-family:arial,sans-Serif;
        font-size:12px;
      }
      .commentsTitle,.commentsAuthor {
        text-align:center;
        font-weight:bold;
      }
      .commentsInfos {
        text-align:right;
        margin:3px 3px 3px 10px;
        font-size:11px;
      }
      .commentsContent {
        margin:10px;
      }
      .commentsTitle {
        margin-top:15px;
      }
      .commentsAuthor {
        margin:5px;
      }
      .commentsNavigationBar {
        margin:10px;
      }
      .tableComment {
        width:100%;
        border:2px solid #006699;
        margin:10px;
      }
      .cellAuthor {
        border-right:1px solid #006699;
        width:100px;
      }
      .cellInfo {
        border-bottom:1px solid #006699;
      }
      .imgLink {
        border:1px solid black;
      }
</style>
<!--VTP_section-->
<table style="width:100%;">
  <tr>
    <th>
      {#title}
      <!--VTP_last_days-->
      [
      <!--VTP_last_day_option-->
      <a href="{#link}" style="{#style}">{#option}</a>{#separation}
      <!--/VTP_last_day_option-->
      {#stats_last_days}
      ]
      <!--/VTP_last_days-->
      <!--VTP_open-->
      [ <a href="{#url}">{#open}</a> ]
      <!--/VTP_open-->
      <!--VTP_close-->
      [ <a href="{#url}">{#close}</a> ]
      <!--/VTP_close-->
    </th>
  </tr>
</table>
<!--VTP_start_form-->
<form action="{#action}" method="post">
<!--/VTP_start_form-->
<!--VTP_picture-->
<div style="border:2px solid #D3DCE3;margin:2px;">
  <table style="width:100%;">
    <tr>
     <td valign="top" width="1px">
       <!-- the thumbnail of the picture, linked to the full size page -->
       <a href="{#thumb_url}" title="{#thumb_title}">
         <img src="{#thumb_src}" class="imgLink" alt="{#thumb_alt}"/>
       </a>
     </td>
     <td>
       <div style="font-weight:bold;">{#title}</div>
       <!--VTP_comment-->
       <table style="width:100%;">
         <tr>
           <td>
             <table class="tableComment">
               <tr>
                 <td rowspan="2" valign="top" class="cellAuthor">
                   <div class="commentsAuthor">{#author}</div>
                 </td>
                 <td class="cellInfo">
                   <div class="commentsInfos">
                     {#date}<!--VTP_delete--><a href="{#link}" title="{#comments_del}"><img src="../template/{#user_template}/admin/images/delete.gif" style="border:none;margin-left:5px;" alt="[{#delete}]"/></a><!--/VTP_delete-->
                   </div>
                 </td>
               </tr>
               <tr>
                 <td>
                   <div class="commentsContent">{#content}</div>
                 </td>
               </tr>
             </table>
           </td>
           <!--VTP_validation-->
           <td style="width:1px;">
             <input type="checkbox" name="validate-{#id}" value="true" />
           </td>
           <!--/VTP_validation-->
         </tr>
       </table>
       <!--/VTP_comment-->
     </td>
    </tr>
  </table>
</div>
<!--/VTP_picture-->
<!--VTP_submit-->
<div style="text-align:center;margin:10px;">
  <input type="submit" name="submit" value="{#submit}" />
</div>
<!--/VTP_submit-->
<!--VTP_end_form-->
</form>
<!--/VTP_end_form-->
<!--/VTP_section-->