BasicTextileFormat.css

table {
  border-spacing: 0;
  width: 100%; }
  table th {
    color: #555555;
    padding: 1em 0.5em;
    text-align: left;
    background-color: #a7d3ff; }
  table td {
    padding: 7px 3em 7px 0.5em; }
  table td:last-child {
    padding-right: 0.5em; }
  table tr:nth-child(2n+1) {
    background-color: #ddedfd; }

table.guide {
  font-size: 75%;
  border: 1px solid #555555;
  width: auto; }
  table.guide th {
    padding: 2px;
    background-color: white;
    color: black;
    border-bottom: 1px solid #555555; }
  table.guide td {
    padding: 2px 8px 2px 2px; }

BasicTextileFormat.html.haml

= link_to_function "Style Guide", "$('#style-guide').toggle('fast');"
#style-guide{:style => "display:none;"}
  %table.guide
    %tr
      %th style
      %th markup
      %th output
    %tr
      %td bold/strong
      %td *strong*
      %td
        :textile
          *strong*
    %tr
      %td italics/emphasis
      %td _emphasis_
      %td
        :textile
          _emphasis_
    %tr
      %td points
      %td * bullet
      %td
        :textile
          * bullet
    %tr
      %td link
      %td "xhfive":http://www.xhfive.com
      %td
        :textile
          "xhfive":http://www.xhfive.com
    %tr
      %td{:colspan => 3}
        For more instructions visit
        = link_to "RedCloth", "http://redcloth.org/textile/writing-paragraph-text/", :alt => "redcloth.org", :target => "_blank"