Home: Socialtext Style Customization Guide
Up: Styling Revisions
Previous: Styling Revisions
Next: Revision Menu

HTML Snippet

<div id="st-revisionlist" class="st-content">
  <div id="st-page-title">Styling The Weblog: <span class="st-revision-header-emphasis">All Revisions</span></div>
  <div id="st-revisions-list-body">
    <form name="revisions" onsubmit="return check_revisions(this);">
      <input type="hidden" name="action" value="revision_compare" />
      <input type="hidden" name="page_name" value="styling_the_weblog" />
      <input type="hidden" name="mode" value="source" />
      <table id="st-revision-list-table" summary="Revisions to the current document">
        <tr class="st-revision-list-compare-button-row">
          <td class="st-revision-list-compare-button-cell">
            <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="Compare Revisions" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
            </table>
          </td>
          <td colspan="3">&nbsp;</td>
        </tr>
        <tr id="st-revision-list-header-row">
          <th id="st-revision-list-header-select">
            Select
          </th>
          <th id="st-revision-list-header-revision">View Revision</th>
          <th id="st-revision-list-header-edited-by">Edited By</th>
          <th id="st-revision-list-header-date">Date</th>
        </tr>
        <tr class="st-revision-list-row st-trbg-even">
          <td class="st-revision-list-row-select">
            <input class="st-revision-list-row-select-old" type="radio" name= "old_revision_id" value="20061026042339"/>
            <input class="st-revision-list-row-select-new" type="radio" name= "new_revision_id" value="20061026042339" checked="checked"/>
          </td>
          <td class="st-revision-list-row-revision">
            <a class="st-revision-list-row-revision-link" href="index.cgi?action=revision_view;page_name=styling_the_weblog;revision_id=20061026042339">revision&nbsp;6</a>
          </td>
          <td class="st-revision-list-row-edited-by">Shawn Devlin</td>
          <td class="st-revision-list-row-date">Oct 25 9:23pm</td>
        </tr>
        <tr class="st-revision-list-row st-trbg-odd">
          <td class="st-revision-list-row-select">
            <input class="st-revision-list-row-select-old" type="radio" name= "old_revision_id" value="20061026013623" checked="checked"/>
            <input class="st-revision-list-row-select-new" type="radio" name= "new_revision_id" value="20061026013623"/>
          </td>
          <td class="st-revision-list-row-revision">
            <a class="st-revision-list-row-revision-link" href="index.cgi?action=revision_view;page_name=styling_the_weblog;revision_id=20061026013623">revision&nbsp;5</a>
          </td>
          <td class="st-revision-list-row-edited-by">Shawn Devlin</td>
          <td class="st-revision-list-row-date">Oct 25 6:36pm</td>
        </tr>
        <tr class="st-revision-list-compare-button-row">
          <td class="st-revision-list-compare-button-cell">
            <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="Compare Revisions" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
            </table>
          </td>
          <td colspan="3">&nbsp;</td>
        </tr>
      </table>
    </form>
  </div>
  <br style="clear: both;height: 1px" />
</div>

CSS Selectors

#st-revisions-list-body
#st-revision-list-table
tr.st-revision-list-compare-button-row
tr.st-revision-list-compare-button-cell
#st-revision-list-header-row
#st-revision-list-header-select
#st-revision-list-header-revision
#st-revision-list-header-edited-by
#st-revision-list-header-date
tr.st-revision-list-row
tr.st-trbg-even
td.st-revision-list-row-select
input.st-revision-list-row-select-old
input.st-revision-list-row-select-new
td.st-revision-list-row-revision
a.st-revision-list-row-revision-link
td.st-revision-list-row-edited-by
td.st-revision-list-row-date
tr.st-trbg-odd