r1312 - in trunk/demos: . accordion datepicker
Author: pazu2k@gmail.com
Date: Tue Dec 30 01:53:45 2008
New Revision: 1312
Modified:
trunk/demos/accordion/index.html
trunk/demos/datepicker/index.html
trunk/demos/demos.css
trunk/demos/index.html
Log:
updated accordion and datepicker markup. changed demos/index.html so it
looks for .demos-nav rather than #container within individual widget demo
indexes.
Modified: trunk/demos/accordion/index.html
==============================================================================
--- trunk/demos/accordion/index.html (original)
+++ trunk/demos/accordion/index.html Tue Dec 30 01:53:45 2008
@@ -5,7 +5,7 @@
<link type="text/css" href="../demos.css" rel="stylesheet" />
</head>
<body>
- <div id="container">
+ <div class="demos-nav">
<h4>Accordion</h4>
<ul>
<li class="demo-config-on"><a href="default.html">Basic accordion
(default)</a></li>
Modified: trunk/demos/datepicker/index.html
==============================================================================
--- trunk/demos/datepicker/index.html (original)
+++ trunk/demos/datepicker/index.html Tue Dec 30 01:53:45 2008
@@ -6,14 +6,16 @@
</head>
<body>
-<dl class="demos-nav">
- <dt>Datepicker</dt>
- <dd><a href="default.html">Default datepicker</a></dd>
- <dd><a href="dropdown_month_year.html">Month & year menus</a></dd>
- <dd><a href="buttonbar.html">Today & Done button bar</a></dd>
- <dd><a href="multiple_calendars.html">3 month view</a></dd>
- <dd><a href="inline.html">Inline datepicker</a></dd>
-</dl>
+<div class="demos-nav">
+ <h4>Datepicker</h4>
+ <ul>
+ <li><a href="default.html">Default datepicker</a></li>
+ <li><a href="dropdown_month_year.html">Month & year menus</a></li>
+ <li><a href="buttonbar.html">Today & Done button bar</a></li>
+ <li><a href="multiple_calendars.html">3 month view</a></li>
+ <li><a href="inline.html">Inline datepicker</a></li>
+ </ul>
+</div>
</body>
</html>
Modified: trunk/demos/demos.css
==============================================================================
--- trunk/demos/demos.css (original)
+++ trunk/demos/demos.css Tue Dec 30 01:53:45 2008
@@ -64,7 +64,7 @@
/* 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 @@
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 @@
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 @@
}
.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 @@
#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; }
Modified: trunk/demos/index.html
==============================================================================
--- trunk/demos/index.html (original)
+++ trunk/demos/index.html Tue Dec 30 01:53:45 2008
@@ -30,7 +30,7 @@
.find('#demo-config')
.append('<iframe id="demo-frame" name="demo-frame" width="520"
height="314" scrolling="auto" frameborder="0" src="'+ section
+'/default.html"></iframe><div id="demo-config-menu"></div>')
.find('#demo-config-menu')
- .load(this.href + ' #container', function(){
+ .load(this.href + ' .demos-nav', function(){
$('#demo-config-menu a').each(function(){
this.setAttribute('href', section + '/' +
this.getAttribute('href'));
$(this).attr('target', 'demo-frame');