Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
148 lines (141 sloc) 5.03 KB
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
</head>
<body>
<style>
body { width: 400px; margin:0px; padding:0px; }
table { width:100%; background-color: #ebeff9; display: none; }
table td { text-align: center; }
</style>
<button id="new" style="width:100%">New</button>
<table id="toolbar1">
<tr>
<td>
<button id="ed"></button>
</td>
<td>
<button id="new2">New</button>
</td>
<td>
<div class="imagebutton" id="mail"><img class="image" src="mail.png" alt="Mail" title="Mail"></div>
</td>
<td>
<div class="imagebutton" id="cut"><img class="image" src="cut.png" alt="Cut" title="Cut"></div>
</td>
<td>
<div class="imagebutton" id="copy"><img class="image" src="copy.png" alt="Copy" title="Copy"></div>
</td>
<td>
<div class="imagebutton" id="paste"><img class="image" src="paste.png" alt="Paste" title="Paste"></div>
</td>
<td>
<div class="imagebutton" id="undo"><img class="image" src="undo.png" alt="Undo" title="Undo"></div>
</td>
<td>
<div class="imagebutton" id="redo"><img class="image" src="redo.png" alt="Redo" title="Redo"></div>
</td>
<td>
<div style="left: 10;" class="imagebutton" id="createlink"><img class="image" src="link.png" alt="Insert Link" title="Insert Link"></div>
</td>
<td>
<div style="left: 10;" class="imagebutton" id="insertimage"><img class="image" src="image.png" alt="Insert Image" title="Insert Image"></div>
</td>
<td>
<div style="left: 10;" class="imagebutton" id="createtable"><img class="image" src="table.png" alt="Insert Table" title="Insert Table"></div>
</td>
</tr>
</table>
<table id="toolbar2">
<tr>
<td>
<button id="draft">Draft</button>
</td>
<td>
<select id="formatblock">
<option value="<p>">Normal</option>
<option value="<p>">Paragraph</option>
<option value="<h1>">Heading 1</option>
<option value="<h2>">Heading 2</option>
<option value="<h3>">Heading 3</option>
<option value="<h4>">Heading 4</option>
<option value="<h5>">Heading 5</option>
<option value="<h6>">Heading 6</option>
<option value="<address>">Address</option>
<option value="<pre>">Formatted</option>
</select>
</td>
<td>
<select id="fontname">
<option value="Font">Font</option>
<option value="Arial">Arial</option>
<option value="Courier">Courier</option>
<option value="Times New Roman">Times</option>
</select>
</td>
<td>
<select unselectable="on" id="fontsize">
<option value="Size">Size</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</td>
<td>
<div class="imagebutton" id="bold"><img class="image" src="bold.png" alt="Bold" title="Bold"></div>
</td>
<td>
<div class="imagebutton" id="italic"><img class="image" src="italic.png" alt="Italic" title="Italic"></div>
</td>
<td>
<div class="imagebutton" id="underline"><img class="image" src="underline.png" alt="Underline" title="Underline"></div>
</td>
</tr>
</table>
<table id="toolbar3">
<tr>
<td>
<button id="css">css</button>
</td>
<td>
<div style="left: 10;" class="imagebutton" id="forecolor"><img class="image" src="forecolor.png" alt="Text Color" title="Text Color"></div>
</td>
<td>
<div style="left: 40;" class="imagebutton" id="hilitecolor"><img class="image" src="backcolor.png" alt="Background Color" title="Background Color"></div>
</td>
<td>
<div style="left: 10;" class="imagebutton" id="justifyleft"><img class="image" src="textleft.png" alt="Align Left" title="Align Left"></div>
</td>
<td>
<div style="left: 40;" class="imagebutton" id="justifycenter"><img class="image" src="textcenter.png" alt="Center" title="Center"></div>
</td>
<td>
<div style="left: 70;" class="imagebutton" id="justifyright"><img class="image" src="textright.png" alt="Align Right" title="Align Right"></div>
</td>
<td>
<div style="left: 70;" class="imagebutton" id="justifyfull"><img class="image" src="textjustify.png" alt="Justify" title="Justify"></div>
</td>
<td>
<div style="left: 10;" class="imagebutton" id="insertorderedlist"><img class="image" src="orderedlist.png" alt="Ordered List" title="Ordered List"></div>
</td>
<td>
<div style="left: 40;" class="imagebutton" id="insertunorderedlist"><img class="image" src="unorderedlist.png" alt="Unordered List" title="Unordered List"></div>
</td>
<td>
<div style="left: 10;" class="imagebutton" id="outdent"><img class="image" src="outdent.png" alt="Outdent" title="Outdent"></div>
</td>
<td>
<div style="left: 40;" class="imagebutton" id="indent"><img class="image" src="indent.png" alt="Indent" title="Indent"></div>
</td>
</tr>
</table>
<iframe width="250" height="170" id="colorpalette" src="colors.html" style="visibility:hidden; display: none; position: absolute;"></iframe>
<script src='controls.js'></script>
</body>
</html>