updated accordion and datepicker markup. changed demos/index.html so it looks for .demos-nav rather than #container within individual widget demo indexes.

1 files changed, 11 insertions, 6 deletions

diff --git a/demos/demos.css b/demos/demos.css
index a5f1ed61b..923c91b4f 100644
--- a/demos/demos.css
+++ b/demos/demos.css
@@ -64,7 +64,7 @@ body {
 
 /* Demos */
 
-.demos-nav, .demos-nav dt, .demos-nav dd {
+.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li {
 	margin: 0;
 	padding: 0
 }
@@ -75,7 +75,8 @@ body {
 	font-size: 1.3em;
 }
 
-.demos-nav dt {
+.demos-nav dt,
+.demos-nav h4 {
 	margin: 0;
 	padding: 0;
 	letter-spacing: 0.75pt;
@@ -83,13 +84,15 @@ body {
 	color: #e87b10;
 }
 
-.demos-nav dt {
+.demos-nav dt,
+.demos-nav h4 {
 	margin-top: 1.5em;
 	margin-bottom: 0.7em;
 	line-height: 1.2em;
 }
 
-.demos-nav dd a {
+.demos-nav dd a,
+.demos-nav li a {
 	border-bottom: 1px solid #F4F4F4;
 	display:block;
 	padding: 3px 3px 3px 12px;
@@ -100,7 +103,9 @@ body {
 }
 
 .demos-nav dd a:hover,
-.demos-nav dd a:focus {
+.demos-nav dd a:focus,
+.demos-nav li a:hover,
+.demos-nav li a:focus {
 	background: #EAEAEA;
 	border-color: #BBBBBB;
 }
@@ -120,7 +125,7 @@ eventually we should convert the font sizes to ems -- using px for now to minimi
 
 #demo-frame { float:left; width:520px; height:300px; border:1px solid #ddd; }
 
-#demo-config-menu { float:right; width:150px; }
+#demo-config-menu { float:right; width:200px; }
 #demo-config-menu h4 { font-size:13px; color:#666; font-weight:normal; border:0; padding-left:18px; }
 
 #demo-config-menu ul { list-style: none; padding: 0; margin: 0; }