Styling The Page View / Socialtext Documentation

The sidebar contains information that relates to the page you are viewing. It features a link to page revision history, a watchlist star that lets you put the page into your watchlist or remove it, and three colored boxes displaying Tags, Incoming Links, and Attachments.

Toggling the sidebar. Clicking the V shape in the right-hand corner of the page will make the sidebar vanish. Click the > to bring back the sidebar.

The sidebar boxes are presented in the following order:

Tags. This is a list of all the Tags that have been applied to the page.

Incoming links. This is a list of all the pages that have a link to the page you are currently viewing.

Attachments. A list of this page's attached files.

There are two optional sidebar boxes:

What's New. A list of this workspace's most recent changes. Use "What's New" in the Settings page to control display of this box.

Recently Viewed. A list of your twenty most recently viewed pages. Use "Screen Layout" in the Settings page to control display of this box.

Back to Socialtext Documentation.

HTML Snippet

<div id="st-content-border">
  <div id="st-content-border-left">
    <div id="st-content-border-right">
      <div id="st-content-border-top">
        <div id="st-content-border-bottom">
          <div id="st-content-border-left-top">
            <div id="st-content-border-right-top">
              <div id="st-content-border-left-bottom">
                <div id="st-content-border-right-bottom">
                  <div id="st-content-page-display" class="st-content">
                    <table id="st-content-page-display-width-controller" class="st-content-width-controller">
                      <tr>
                        <td>
                          <!-- page boxes -->
                          <div id="st-page-maincontent">
                            <div id="st-page-wiki-title">Socialtext 2.0 Custom CSS guide</div>
                            <div id="st-page-title"><span id="st-page-titletext">Socialtext Style Customization Guide</span></div>
                            <div id="st-page-content">
                              <div class="wiki">
                                <!-- content -->
                              </div>
                          </div>
                          <div style="clear:both; height:1px;">&nbsp;</div>
                        </td>
                      </tr>
                    </table>
                    <br style="clear: both;height: 1px" />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

CSS Selectors

#st-content-border
#st-content-border-left">
#st-content-border-right">
#st-content-border-top">
#st-content-border-bottom">
#st-content-border-left-top">
#st-content-border-right-top">
#st-content-border-left-bottom">
#st-content-border-right-bottom">
#st-content-page-display
div.st-content
#st-content-page-display-width-controller
table.st-content-width-controller
table.st-content-width-controller tr
table.st-content-width-controller tr td
#st-page-maincontent
#st-page-wiki-title
#st-page-title
#st-page-titletext
#st-page-content
#st-page-content div.wiki