markitup_generated.html

<div>
  <div class="markItUp" id="markItUpPage_content">
    <div class="markItUpContainer">
      <div class="markItUpHeader">
        <ul>
          <li class="markItUpButton markItUpButton1 "><a title="Header [Ctrl+H]" accesskey="H" href="">Header</a></li>
          <li class="markItUpButton markItUpButton2 "><a title="Bold [Ctrl+B]" accesskey="B" href="">Bold</a></li>
          <li class="markItUpButton markItUpButton3 "><a title="Italic [Ctrl+I]" accesskey="I" href="">Italic</a></li>
          <li class="markItUpButton markItUpButton4 "><a title="Link [Ctrl+L]" accesskey="L" href="">Link</a></li>
        </ul>
      </div>
      <textarea rows="20" name="page[content]" id="page_content" cols="40" class="markItUpEditor">Content</textarea>
      <div class="markItUpFooter">
        <div class="markItUpResizeHandle"></div>
      </div>
    </div>
  </div>
</div>

new_style.css

/*** START OF MARKITUP STYLE ***/
.markItUpHeader ul {
  margin: 5px 0;
}
.markItUpHeader ul li {
  display: inline;
  border-right: 1px solid #c8c8c8;
  padding: 0 8px 0 5px;
}
.markItUpHeader ul li:last-child {
  border: none;
}
.markItUpHeader ul li a {
  color: #000;
  text-transform: uppercase;
  text-decoration :none;
}
.markItUpHeader ul li.markItUpButton1 a, .markItUpHeader ul li.markItUpButton2 a {
  font-weight: bold;
}
.markItUpHeader ul li.markItUpButton3 a {
  font-style: italic;
}
.markItUp textarea {
  border: 1px solid #e8e8e8;
  width: 590px;
  min-height: 200px;
  font-family: Helvetica;
  font-size: 11px;
  padding: 5px;
}
/*** END OF MARKITUP STYLE ***/

sortable.html

<ul id="subfolders" class="ui-sortable">
  <li id="folder_3" class="folder">
    <div class="handle handle_gray">
      <ul>
        <li class="handle_move"><img src="/images/move.png?1271138163" alt="move"></li>
        <li class="handle_edit"><a href="/admin/pages/3/edit"><img src="/images/edit.png?1271138202" alt="edit"></a></li>
        <li class="handle_label">Contact</li>
      </ul>
    </div>
  </li>
  <li id="folder_2" class="folder">
    <div class="handle handle_gray">
      <ul>
        <li class="handle_move"><img src="/images/move.png?1271138163" alt="move"></li>
        <li class="handle_edit"><a href="/admin/pages/2/edit"><img src="/images/edit.png?1271138202" alt="edit"></a></li>
        <li class="handle_label">Profile</li>
      </ul>
    </div>
  </li>
  <li id="folder_4" class="folder">
    <div class="handle handle_gray">
      <ul>
        <li class="handle_move"><img src="/images/move.png?1271138163" alt="move"></li>
        <li class="handle_edit"><a href="/admin/pages/4/edit"><img src="/images/edit.png?1271138202" alt="edit"></a></li>
        <li class="handle_label">Careers</li>
      </ul>
    </div>
  </li>
</ul>