Home: Socialtext Style Customization Guide
Top: Styling The Page View
Previous: Styling The Page View
Next: Page Boxes Toggle

---

This is it, the big kahuna. This is your wikipage rendered in html. Use these styles when changing the look and feel of displayed content.

HTML Snippet

<div id="st-page-content">
  <div class="wiki">
    <p>
      In order to customize your Socialtext workspace, it's important
      to have a member of your staff who is familiar with authoring
      HTML and CSS. If you would prefer, Socialtext offers a service
      to customize your workspace. If you are interested, please write
      to <a href="mailto:support@socialtext.com">support@socialtext.com</a>
      for details.
    </p>
    <p>
      Start by reviewing the structure of the interface, and identifying 
      the elements you would like to style. You may have a style guide
      to start with. Think about how to adapt the elements of your
      styleguide to your workspace.
    </p>
    

  </div>
</div>

CSS Selectors

Basically, all content tags are contained within a <div> tag with class equal "wiki".

#content-display-body
.wafl_syntax_error 
.wafl_permission_error 
.wafl_existence_error 
.wiki hr 
.wiki .short-rule 
.wiki .medium-rule 
.wiki ul
.wiki ol
.wiki blockquote 
.wiki table 
.wiki td 
.wiki h1
.wiki h2
.wiki h3
.wiki h4
.wiki h5
.wiki h6 
.wiki pre 
.formatter_pre 
.formatter_table 
.formatter_table td 
.wafl_error 
.tt 
.query_wafl_box 
.query_wafl_titlebox 
.query_wafl_titlebox a 
.query_wafl_title a 
* html .query_wafl_title 
.query_wafl_title 
ul.query_wafl_items 
.query_wafl_item 
.fetchrss_box 
.fetchrss_copyright 
.fetchrss_titlebox 
.googlesoap_title a
.fetchrss_title a 
.fetchrss_titlebox a 
.fetchrss_title 
ul.fetchrss_items 
.fetchrss_item 
.fetchrss_description 
.googlesoap_box 
.googlesoap_titlebox 
.googlesoap_titlebox a 
.googlesoap_title 
ul.googlesoap_results 
li.googlesoap_result 
.googlesoap_snippet 
div.attachment_box_header
#content-preview-title 
#page-center-control-content 
.content-section-hidden 
.content-section-visible 
#content-display-header 
#content-edit-header
#content-edit-body 
#content-edit-title 
#content-edit-title-input 
#content-preview-title 
#content-preview-title:before 
#content-edit-body 
#wikipage h1
#wikipage h2
#wikipage h3
#wikipage h4
#wikipage h5
#wikipage h6
#wikipage p
#wikipage ul
#wikipage ol
#wikipage blockqoute 
#edit-wikiwyg-iframe 
#content-display-body-to-top 
#content-display-body-to-top-link
#content-display-body-to-top-link a:visited
#content-display-body-to-top-link a:active  
#content-display-body-last-updated  
#content-edit-body-container 
#content-edit-body-textarea