Formatted View


Home: Socialtext Style Customization Guide
Up: Styling Revisions
Previous: Color View (Unformatted)
Next: Styling the Lightboxes


revisionformatted.png

HTML Snippet

<div id="st-revisioncompare" class="st-content">
  <div id="st-page-wiki-title">Socialtext 2.0 Custom CSS guide</div>
  <div id="st-page-title">Using Your Own Logo: 
    <span class="st-page-title-decorator">Compare Revisions 2 and 3</span>
  </div>
  <div id="source-view">
    <table id="st-revision-compare-table" cellpadding="2" cellspacing="2">
      <tr>
        <td width="50%" bgcolor="#ffffff" align="center">
          <a href="index.cgi?;revision_id=20061017192734;action=revision_view;page_id=using_your_own_logo">
            <strong>Revision 2</strong>
          </a>
          <br />
          <span id="st-page-details">
            <span id="st-attribution">
              <span id="st-update">by 
                <span id="st-username">Shawn Devlin</span>
              </span>
            </span>
          </span>
        </td>
        <td width="50%" bgcolor="#ffffff" align="center">
          <a href="index.cgi?;revision_id=20061017192812;action=revision_view;page_id=using_your_own_logo">
            <strong>Revision 3</strong>
          </a>
          <br />
          <span id="st-page-details">
            <span id="st-attribution">
              <span id="st-update">by 
                <span id="st-username">Shawn Devlin</span>
              </span>
            </span>
          </span>
        </td>
      </tr>
      <tr>
        <td valign="top">
          <div class="wiki"><!-- first revision text --></div>
        </td>
        <td valign="top">
          <div class="wiki"><!-- second revision text --></div>
        </td>
      </tr>
    </table>
  </div>
  <br style="clear: both;height: 1px" />
</div>

CSS Selectors

#st-revisioncompare
#st-page-wiki-title
#st-page-title
span.st-page-title-decorator
#source-view
#st-revision-compare-table
#st-revision-compare-table tr
#st-revision-compare-table tr td