Make buttons into buttons.

This commit is contained in:
Chad Weider 2012-02-29 15:55:42 -08:00
parent 0369860b80
commit 17b9fa4f36
5 changed files with 65 additions and 50 deletions

View file

@ -16,91 +16,91 @@
<div id="editbar">
<ul id="menu_left">
<li id="bold" data-key="bold">
<a title="Bold (ctrl-B)">
<button title="Bold (ctrl-B)">
<span class="buttonicon buttonicon-bold"></span>
</a>
</button>
</li>
<li id="italic" data-key="italic">
<a title="Italics (ctrl-I)">
<button title="Italics (ctrl-I)">
<span class="buttonicon buttonicon-italic"></span>
</a>
</button>
</li>
<li id="underline" data-key="underline">
<a title="Underline (ctrl-U)">
<button title="Underline (ctrl-U)">
<span class="buttonicon buttonicon-underline"></span>
</a>
</button>
</li>
<li id="strikethrough" data-key="strikethrough">
<a title="Strikethrough">
<button title="Strikethrough">
<span class="buttonicon buttonicon-strikethrough"></span>
</a>
</button>
</li>
<li class="separator"></li>
<li id="oderedlist" data-key="insertorderedlist">
<a title="Toggle Ordered List">
<button title="Toggle Ordered List">
<span class="buttonicon buttonicon-insertorderedlist"></span>
</a>
</button>
</li>
<li id="unoderedlist" data-key="insertunorderedlist">
<a title="Toggle Bullet List">
<button title="Toggle Bullet List">
<span class="buttonicon buttonicon-insertunorderedlist"></span>
</a>
</button>
</li>
<li id="indent" data-key="indent">
<a title="Indent">
<button title="Indent">
<span class="buttonicon buttonicon-indent"></span>
</a>
</button>
</li>
<li id="outdent" data-key="outdent">
<a title="Unindent">
<button title="Unindent">
<span class="buttonicon buttonicon-outdent"></span>
</a>
</button>
</li>
<li class="separator"></li>
<li id="undo" data-key="undo">
<a title="Undo (ctrl-Z)">
<button title="Undo (ctrl-Z)">
<span class="buttonicon buttonicon-undo"></span>
</a>
</button>
</li>
<li id="redo" data-key="redo">
<a title="Redo (ctrl-Y)">
<button title="Redo (ctrl-Y)">
<span class="buttonicon buttonicon-redo"></span>
</a>
</button>
</li>
<li class="separator"></li>
<li id="clearAuthorship" data-key="clearauthorship">
<a title="Clear Authorship Colors">
<button title="Clear Authorship Colors">
<span class="buttonicon buttonicon-clearauthorship"></span>
</a>
</button>
</li>
</ul>
<ul id="menu_right">
<li id="settingslink" data-key="settings">
<a id="settingslink" title="Settings of this pad">
<button id="settingslink" title="Settings of this pad">
<span class="buttonicon buttonicon-settings"></span>
</a>
</button>
</li>
<li id="importexportlink" data-key="import_export">
<a title="Import/Export from/to different document formats">
<button title="Import/Export from/to different document formats">
<span class="buttonicon buttonicon-import_export"></span>
</a>
</button>
</li>
<li id="embedlink" data-key="embed">
<a id="embedlink" title="Share and Embed this pad">
<button id="embedlink" title="Share and Embed this pad">
<span class="buttonicon buttonicon-embed"></span>
</a>
</button>
</li>
<li class="separator"></li>
<li id="timesliderlink" onClick="document.location = document.location.pathname+ '/timeslider'">
<a title="Show the history of this pad">
<button title="Show the history of this pad">
<span class="buttonicon buttonicon-history"></span>
</a>
</button>
</li>
<li id="usericon" data-key="showusers">
<a title="Show connected users">
<button title="Show connected users">
<span class="buttonicon buttonicon-showusers" id="usericonback"></span>
<span id="online_count">1</span>
</a>
</button>
</li>
</ul>
</div>