Settings Selector


Home: Socialtext Style Customization Guide
Up: Styling The Settings
Previous: Styling The Settings
Next: Change Setting


settings-selector.jpg

HTML Snippet

<div id="st-settings" class="st-content">
  <table id="st-settings-pane">
    <tr>
      <td id="st-settings-select">
        <div class="settings-top-header">Socialtext Documentation Settings</div>
        <div class="settings-header">Users</div>
        <div class="settings-selections">
          <a class="settings-link" href="index.cgi?action=users_settings">My&nbsp;Settings</a>
          <a class="settings-link" href="index.cgi?action=users_listall">List&nbsp;All&nbsp;Users</a>
        </div>

        <div class="settings-header">Workspaces</div>
        <div class="settings-selections">
          <a class="settings-link" href="index.cgi?action=workspaces_listall">My&nbsp;Workspaces</a>
          <a class="settings-link" href="index.cgi?action=workspaces_unsubscribe">Unsubscribe</a>
        </div>

        <div class="settings-header">Weblogs</div>
        <div class="settings-selections">
          <a class="settings-link" href="index.cgi?action=weblogs_create">Create&nbsp;New&nbsp;Weblog</a>
        </div>

        <div class="settings-header">Preferences</div>
        <div class="settings-selections">
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=wikiwyg">Page&nbsp;Editing</a>
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=display">Screen&nbsp;Layout</a>
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=favorites">Your&nbsp;Notepad</a>
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=homepage">Home&nbsp;Link</a>
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=recent_changes">What's&nbsp;New</a>
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=syndicate">Syndicate</a>
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=timezone">Time</a>
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=watchlist">Watchlist</a>
          <a class="settings-link" href="index.cgi?action=preferences_settings;preferences_class_id=weblog">Weblogs</a>
        </div>
      </td>
    </tr>
  </table>
</div>

CSS Selectors

#st-settings
div.st-content
#st-settings-pane
#st-settings-pane tr
#st-settings-select
div.settings-top-header
div.settings-header
div.settings-selections
a.settings-link