Home: Socialtext Style Customization Guide
Up: Styling The List View
Previous: What's New List View
Next: Recently Viewed List View

HTML Snippet

<div>
  <div id="st-list-title">
    Pages You're Watching
    <a href="/feed/workspace/css-guide-2?watchlist=default"><img border="0" src="/static/1.99.99.11/images/feed-icon-14x14.png"/></a>
  </div>
  <div id="st-listtools">
    <ul class="level1">
      <li class="submenu"><span id="st-listtools-export">Export</span>
        <ul class="level2">
          <li class="first"><a title="Create PDF document from selected pages" id="st-listview-submit-pdfexport" href="#">Export checked to PDF</a></li>
          <li class="separator"><a title="Create Word document from selected pages" id="st-listview-submit-rtfexport" href="#">Export checked to Word</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <div id="st-actions-bar-spacer-clear">&nbsp;</div>
</div>

<table id="st-watchlist-content" class="query-results-content">
  <tr id="st-watchlist-header-row" class="query-results-header-row">
    <th id="st-watchlist-header-watchlist" class="query-results-header-watchlist">
    </th>
    <th id="st-watchlist-header-title" class="query-results-header-title">
      <a href="?action=watchlist;sortby=Subject;direction=0">Title</a>
    </th>
    <th id="st-watchlist-header-last-edited-by" class="query-results-header-last-edited-by">
      <a href="?action=watchlist;sortby=From;direction=0">Last Edited By</a>
    </th>
    <th id="st-watchlist-header-date" class="query-results-header-date">
      <a href="?action=watchlist;sortby=Date;direction=0">Date</a>
    </th>
    <th id="st-watchlist-header-revisions" class="query-results-header-revisions">
      <a href="?action=watchlist;sortby=revision_count;direction=1">Revisions</a>
    </th>
  </tr>
  <tr class="st-watchlist-row query-results-row w-st-even-row">
    <td class="st-watchlist-row-watchlist query-results-row-watchlist">
       <img src="/static/1.99.99.11/images/st/pagetools/watch-on-list.gif" alt="styling_the_dashboard" class="watchlist-list-toggle" />
    </td>
    <td class="st-watchlist-row-title query-results-row-title">
      <a class="st-watchlist-row-title-link query-results-row-title-link" href="index.cgi?styling_the_dashboard" title="">Styling The Dashboard</a>
    </td>
    <td class="st-watchlist-row-last-edited-by query-results-row-last-edited-by">Shawn Devlin</td>
    <td class="st-watchlist-row-date query-results-row-date">Oct 25 9:33am</td>
    <td class="st-watchlist-row-revisions query-results-row-revisions">
      <a href="index.cgi?action=revision_list;page_name=styling_the_dashboard">4</a>
    </td>
  </tr>
  <tr class="st-watchlist-row query-results-row w-st-odd-row">
    <td class="st-watchlist-row-watchlist query-results-row-watchlist">
       <img src="/static/1.99.99.11/images/st/pagetools/watch-on-list.gif" alt="what_s_new" class="watchlist-list-toggle" />
    </td>
    <td class="st-watchlist-row-title query-results-row-title">
      <a class="st-watchlist-row-title-link query-results-row-title-link" href="index.cgi?what_s_new" title="">What's New</a>
    </td>
    <td class="st-watchlist-row-last-edited-by query-results-row-last-edited-by">Shawn Devlin</td>
    <td class="st-watchlist-row-date query-results-row-date">Oct 25 9:24am</td>
    <td class="st-watchlist-row-revisions query-results-row-revisions">
      <a href="index.cgi?action=revision_list;page_name=what_s_new">3</a>
    </td>
  </tr>
</table>

CSS Selectors

#st-list-title
#st-listtools
#st-listtools ul.level1
#st-listtools ul.level1 li.submenu
span#st-listtools-export
#st-listtools ul.level2
#st-listtools ul.level2 li.first
a#st-listview-submit-pdfexport
#st-listtools ul.level2 li.separator
a#st-listview-submit-rtfexport
div#st-actions-bar-spacer-clear
#st-watchlist-content
table.query-results-content
#st-watchlist-header-row
tr.query-results-header-row

#st-watchlist-header-watchlist
th.query-results-header-watchlist

#st-watchlist-header-title
th.query-results-header-title

#st-watchlist-header-last-edited-by
th.query-results-header-last-edited-by

#st-watchlist-header-date
th.query-results-header-date

#st-watchlist-header-revisions
th.query-results-header-revisions

tr.st-watchlist-row 
tr.query-results-row
tr.w-st-even-row
tr.w-st-odd-row

td.st-watchlist-row-watchlist
td.query-results-row-watchlist

td.st-watchlist-row-title
td.query-results-row-title

td.st-watchlist-row-last-edited-by
td.query-results-row-last-edited-by

td.st-watchlist-row-date
td.query-results-row-date

td.st-watchlist-row-revisions
td.query-results-row-revisions