<!-- Sage-Safari 0.5 -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<script type="text/javascript" src="chrome://Sage/content/res/safari.js"></script>
	<link rel="stylesheet" type="text/css" href="chrome://Sage/content/res/safari.css" media="all" />
	<title>Sage - **HTMLTITLE**</title>
</head>

<body>

<div id="page">
<div id="rss-header">
	<h1 id="rss-title">
		<a id="rss-link" href="**LINK**">**TITLE**</a>
		<span id="total"></span>
	</h1>
</div>

<div id="content">

**ITEMS**
</div>

<table id="prefs">
	<tr>
		<td><label for="transitions">Show Transitions:</label></td>
		<td><input id="transitions" type="checkbox" checked="checked" /></td>
	</tr>

	<tr>
		<td><input id="colorToggle" type="checkbox" /> <label for="colorToggle">Color new articles:</label></td>
		<td><div id="colorBox"></div> #<input id="colorHex" type="text" size="6" maxlength="6" disabled="disabled" /></td>
	</tr>

	<tr>
		<td><label for="removeAfter">Remove all articles' cookies:</label></td>
		<td><select id="removeAfter">
			<option value="86400000">After one day</option>
			<option value="604800000">After one week</option>
			<option>After two weeks</option>
			<option value="2419200000">After one month</option>
			<option value="31536000000">After one year</option>
			<option>Never</option>
		</select></td>
	</tr>

	<tr>
		<td></td>
		<td><input id="remove" type="submit" value="Remove All Now" />
		<input id="apply" type="submit" value="Apply Settings to All Articles" /></td>
	</tr>
</table>

<div id="menu">
	<div class="block">
		<h3>Search Articles:</h3>
		<input id="search" type="text" />
		<img id="close" src="chrome://Sage/content/res/images/close.png" width="11" height="11" />

		<h3>Article Length:</h3>
		<div class="carpe_horizontal_slider_track">
			<div class="carpe_horizontal_slider" id="articlelength" orientation="horizontal" distance="75" display="articlelength" style="left: 75px;">&nbsp;</div>
		</div>

		<h3>Sort By:</h3>
		<ul>
			<li class="active" onClick="sortArticles('date')">Date</li>
			<li onClick="sortArticles('title')">Title</li>
			<li onClick="sortArticles('source')">Source</li>
			<li onClick="sortArticles('new')">New</li>
		</ul>
	</div>

	<div class="block">
		<h3>Recent Articles:</h3>
		<ul>
			<li class="active" onClick="prune(document.getElementById('search').value, 'all')">All</li>
			<li onClick="prune(document.getElementById('search').value, 'today')">Today</li>
			<li onClick="prune(document.getElementById('search').value, 'yesterday')">Yesterday</li>
			<li onClick="prune(document.getElementById('search').value, 'lastseven')">Last Seven Days</li>
			<li onClick="prune(document.getElementById('search').value, 'thismonth')">This Month</li>
			<li onClick="prune(document.getElementById('search').value, 'lastmonth')">Last Month</li>
			<li onClick="prune(document.getElementById('search').value, 'new')">New</li>
		</ul>
	</div>

	<div class="block">
		<h3>Source:</h3>
		<ul>
			<li id="source"></li>
		</ul>
	</div>

	<div class="block" style="border-bottom:none">
		<h3>Actions:</h3>
		<ul>
			<li><a id="mail">Mail Link to This Page</a></li>
			<li id="images">Hide Images</li>
			<li id="cookies">Disable Cookies</li>
			<li id="preferences">Edit Preferences</li>
		</ul>
	</div>
</div>
</div>

</body>

</html>