Standard Button


Home: Socialtext Style Customization Guide
Top: Common Elements
Prev: Common Elements
Next: Navigation Bar


standardbutton.png

This layout is used for most of the grey buttons on the wiki.

HTML Snippet

<div class="button-straight">
  <div class="button-straight-right-top">
    <div class="button-straight-left-bottom">
      <div class="button-straight-right-bottom">
        <div class="button-content">
          <a id="st-search-submit" href="#" title="Click this button to perform your search">Search</a>
        </div>
      </div>
    </div>
  </div>
</div>

CSS Selectors

Most buttons will have an id associated with their <a> link tag, so you will likely not need to style the <a> link via its parent tag.

.button-straight
.button-straight-right-top
.button-straight-left-bottom
.button-straight-right-bottom
.button-content
.button-content a