Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<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>
/*** 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 ***/
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.