Standard Button

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


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>

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-content a