Styling The Page View


Home: Socialtext Style Customization Guide
Previous: Your Workspaces
Next: Page Content


pageview.png

See also: Page Boxes Toggle, Page Sidebar Tools (watchlist and revisions), Page View Action Bar, Page Boxes, and Page Attribution.

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