From 50760d1b3275772343afd0624e99a7eaa1f03391 Mon Sep 17 00:00:00 2001
From: Scott Jehl <scott@scottjehl.com>
Date: Tue, 9 Dec 2008 18:00:40 +0000
Subject: [PATCH] added demo states page for highlight and error states

---
 tests/static/highlight_error.html | 97 +++++++++++++++++++++++++++++++
 1 file changed, 97 insertions(+)
 create mode 100644 tests/static/highlight_error.html
diff --git a/tests/static/highlight_error.html b/tests/static/highlight_error.html
new file mode 100644
index 000000000..cb7a94851
--- /dev/null
+++ b/tests/static/highlight_error.html
@@ -0,0 +1,97 @@
+<!html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+		<title>Themeroller CSS Framework Demo</title>
+		<script src="http://ui.jquery.com/js/jquery.js"></script>
+		<script src="http://www.filamentgroup.com/examples/preloadImages/scripts/preloadCssImages.jQuery_v5.js"></script>
+		<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.core.css" type="text/css" media="screen" />
+		<style type="text/css">
+			body {font-size: 62.5%; margin: 20px; font-family: Verdana, sans-serif; color: #444;}
+			h1 {font-size: 1.5em; margin: 1em 0;}
+			h2 {font-size: 1.3em; margin: 2em 0 .5em;}
+			h2 a {font-size: .8em;}
+			p {font-size: 1.2em; }
+			form {margin: 4em 0;}
+			div {padding: .2em .5em;}
+			.ui-icon {float: left; margin-right: .5em;}
+			
+			form div.ui-state-error-text {background: none; border: 0;}
+		</style>
+		<script type="text/javascript">
+			$(function(){
+				
+				
+				$.preloadCssImages();
+			});
+		</script>
+	</head>
+	<body>
+
+<h1>ThemeRoller CSS Framework Demo</h1>
+
+
+	
+<h2>Error State</h2>
+
+<div class="ui-state-error ui-corner-all" style="width: 420px;"> 
+	<p><span class="ui-icon ui-icon-alert"></span> 
+	<strong>Error:</strong> There is a problem in your form submission!</p>
+</div>
+
+<h2>Highlight State</h2>
+<div class="ui-state-highlight ui-corner-all" style="width: 420px;"> 
+	<p><span class="ui-icon ui-icon-info"></span> <strong>Quick Tip!</strong> Hold ctrl while clicking to get contextual helpers.</p>
+</div>
+
+
+<form>
+<fieldset>
+<div>
+<label>Text</label>
+<input type="text" value="dafs"  />
+</div>
+
+<div>
+<label>Text</label>
+<input type="text" value="dafs" class="ui-state-error" />
+</div>
+
+<div>
+<input type="radio"  />
+<label>Text</label>
+</div>
+
+<div class="ui-state-error-text">
+<input type="radio"  />
+<label>Text</label>
+
+</div>
+<div>
+<input type="checkbox" class="ui-state-error" />
+<label>Text</label>
+
+</div>
+
+<div>
+<label>Text</label>
+<select class="ui-state-error">
+<option val="dasf">dsaf</option>
+<option val="dasf">dsaf</option>
+<option val="dasf">dsaf</option>
+<option val="dasf">dsaf</option>
+</select>
+
+
+</div>
+
+<button class="ui-state-default ui-priority-primary ui-corner-all">Primary</button>
+		<button class="ui-state-default ui-priority-secondary ui-corner-all">Secondary</button>
+		<button class="ui-state-default ui-state-disabled ui-corner-all">Disabled</button>
+</fieldset>
+
+</form>
+	</body>
+</html>
+
+
