Home: Socialtext Style Customization Guide
Up: Styling The List View
Previous: All Tags List View
Next: Styling The Weblog

HTML Snippet

<div id="st-watchlist" class="st-content">
  <div id="st-page-wiki-title">Socialtext 2.0 Custom CSS guide</div>
  <div id="st-attachments-list-body">
    <div>
      <div id="st-list-title">All Files in Socialtext 2.0 Custom CSS guide</div>
      <div id="st-actions-bar-spacer-clear">&nbsp;</div>
    </div>
    <form action="index.cgi" method="post">
      <table class="sortable query-results-content">
        <tr class="sortable-cwheadertable-links query-results-header-row">
          <th class="sortable-header">
          </th>
          <th class="sortable-header">
            <a class="sortable-header-link" href="index.cgi?page_name=socialtext_2_0_custom_css_guide;action=attachments_listall;sort=2;reverse=0;id=;js=toggle_attachments_div">Filename</a>
          </th>
          <th class="sortable-header">
            <a class="sortable-header-link" href="index.cgi?page_name=socialtext_2_0_custom_css_guide;action=attachments_listall;sort=3;reverse=0;id=;js=toggle_attachments_div">Page Title</a>
          </th>
          <th class="sortable-header">
            <a class="sortable-header-link" href="index.cgi?page_name=socialtext_2_0_custom_css_guide;action=attachments_listall;sort=4;reverse=0;id=;js=toggle_attachments_div">Added By</a>
          </th>
          <th class="sortable-header">
            <a class="sortable-header-link" href="index.cgi?page_name=socialtext_2_0_custom_css_guide;action=attachments_listall;sort=5;reverse=0;id=;js=toggle_attachments_div">Date Uploaded</a>
          </th>
          <th class="sortable-header">
            <a class="sortable-header-link" href="index.cgi?page_name=socialtext_2_0_custom_css_guide;action=attachments_listall;sort=6;reverse=0;id=;js=toggle_attachments_div">Size</a>
          </th>
        </tr>
        <tr class="sortable-row-odd w-st-odd-row query-results-row">
          <td class="sortable-row-cell">
            <input type="checkbox" name="selected" value="recently_viewed_list_view,20061025192421-0-16128,ListViewRecentlyViewed.jpg" />
          </td>
          <td class="sortable-row-cell">
            <a href="index.cgi/ListViewRecentlyViewed.jpg?action=attachments_download;page_name=recently_viewed_list_view;id=20061025192421-0-16128">ListViewRecentlyViewed.jpg</a>
          </td>
          <td class="sortable-row-cell">
            <a href="index.cgi?recently_viewed_list_view">Recently Viewed List View</a>
          </td>
          <td class="sortable-row-cell">socialtext.user@somecompany.com</td>
          <td class="sortable-row-cell">Oct 25 12:24pm</td>
          <td class="sortable-row-cell">51114</td>
        </tr>
        <tr class="w-st-even-row query-results-row">
          <td class="sortable-row-cell">
            <input type="checkbox" name="selected" value="styling_the_dashboard,20061023204853-3-19451,dashboard.jpg" />
          </td>
          <td class="sortable-row-cell">
            <a href="index.cgi/dashboard.jpg?action=attachments_download;page_name=styling_the_dashboard;id=20061023204853-3-19451">dashboard.jpg</a>
          </td>
          <td class="sortable-row-cell">
            <a href="index.cgi?styling_the_dashboard">Styling The Dashboard</a>
          </td>
          <td class="sortable-row-cell">socialtext.user@somecompany.com</td>
          <td class="sortable-row-cell">Oct 23 1:48pm</td>
          <td class="sortable-row-cell">41214</td>
         </tr>
       </table>
       <table class="button-table">
         <tr>
           <td>
             <div class="button-straight">
               <div class="button-straight-right-top">
                 <div class="button-straight-left-bottom">
                   <div class="button-straight-right-bottom">
                     <div class="button-content">
                       <input class="submit" type="submit" name="button" value="Delete Selected Attachments" />
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </td>
         </tr>
       </table>
       <input type="hidden" name="action" value="attachments_delete" />
       <input type="hidden" name="caller_action" value="attachments_listall" />
     </form>
  </div>
  <br style="clear: both;height: 1px" />
</div>

CSS Selectors

Refer to Standard Button for the selectors for the button.

#st-allfiles
div.st-content
#st-page-wiki-title
#st-list-title
#st-attachments-list-body
#st-actions-bar-spacer-clear
table.sortable
table.query-results-content
tr.sortable-cwheadertable-links
tr.query-results-header-row
th.sortable-header
a.sortable-header-link
tr.sortable-row-odd
tr.w-st-odd-row
tr,query-results-row
td.sortable-row-cell
tr.w-st-even-row