]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: c44cdb4)
updated accordion and datepicker markup. changed demos/index.html so it looks for...
authorCa-Phun Ung <pazu2k@gmail.com>
Tue, 30 Dec 2008 09:53:45 +0000 (09:53 +0000)
committerCa-Phun Ung <pazu2k@gmail.com>
Tue, 30 Dec 2008 09:53:45 +0000 (09:53 +0000)
demos/accordion/index.html patch | blob | history
demos/datepicker/index.html patch | blob | history
demos/demos.css patch | blob | history
demos/index.html patch | blob | history

diff --git a/demos/accordion/index.html b/demos/accordion/index.html
index 58f54d8101d7cc99bbcc52f34351bdd04938dc81..f43a4f34d616ae0868009468ebd4a6c3edce6dd0 100644 (file)
--- a/demos/accordion/index.html
+++ b/demos/accordion/index.html
@@ -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>
diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html
index 0da4d4ba5d0a90c49f9fc7d4a8d8f46c581d10d9..14e8a1891cd4565cfddad72c2cbf756b7b6ed542 100644 (file)
--- a/demos/datepicker/index.html
+++ b/demos/datepicker/index.html
@@ -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>
diff --git a/demos/demos.css b/demos/demos.css
index a5f1ed61b31698d0eeaa0b99febe51f21555cd17..923c91b4f08e419012000ea252227c3ae0418db8 100644 (file)
--- 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; }
diff --git a/demos/index.html b/demos/index.html
index e26cc48c34075cb9ace922854c08f8cec1238521..8a0626910e0533feaea1892e61c8d19949446886 100644 (file)
--- a/demos/index.html
+++ b/demos/index.html
@@ -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');
The official jQuery user interface library: https://github.com/jquery/jquery-ui