mislav / shrubbery fork watch download tarball
public
Description: Nested lists unlike you've ever seen
Clone URL: git://github.com/mislav/shrubbery.git
Search Repo: 
remove unrelated styles from shrubbery.css
mislav (author)
Tue May 06 19:44:32 -0700 2008
commit  ed395b855390434f672a03ff77af53387d32826a
tree    c36e774e4b9e68c9ee4bb9cd716b6cddad6c064d
parent  7e0b1ff11a991d04ca6d85fabc26a8fbdc9a081c
0
sample/index.html 
...
3
4
5
 
 
 
 
 
6
7
8
 
...
3
4
5
6
7
8
9
10
11
12
13
 
0
@@ -3,6 +3,11 @@
0
   <head>
0
     <title>Shrubbery demo</title>
0
     <link rel="stylesheet" href="../shrubbery.css" type="text/css" media="screen" />
0
+    <style type="text/css">
0
+      body { margin:0; padding:1em 2em; font:small Verdana, sans-serif; background:white; max-width: 70em }
0
+      h1 { color: #222; }
0
+      h2 { color: #444; font-size: 1.3em; font-weight: normal }
0
+    </style>
0
     <script type="text/javascript" src="../prototype.js"></script>
0
     <script type="text/javascript" src="../shrubbery.js"></script>
0
     <script type="text/javascript">
0
shrubbery.css 
...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
...
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
0
@@ -1,42 +1,37 @@
0
-/*html { background:silver; height:100%; overflow:auto; }*/

0
-body { margin:0; padding:1em 2em; font:small Verdana, sans-serif; background:white; max-width: 70em }

0
-h1 { color: #222; }

0
-h2 { color: #444; font-size: 1.3em; font-weight: normal }

0
-

0
-.adjacent-list { background:#ddd; border:1px solid #aaa; }

0
-.adjacent-list { height:10.3em; }

0
-.adjacent-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

0
-

0
-.adjacent-list div.wrapper, .adjacent-list ol { height:100%; }

0
-.adjacent-list div.wrapper { width:200%; }

0
-.adjacent-list ol {

0
-  background:white;

0
-  list-style:none;

0
-  padding:0; margin:0;

0
-  float:left; overflow:auto;

0
-  width: 12%;

0
-}

0
-.adjacent-list li { display:inline; white-space: nowrap }

0
-.adjacent-list span.parent { display:none; }

0
-.adjacent-list li.has-sublist a, .adjacent-list li.has-sublist span.class { background: #ffd; }

0
-.adjacent-list li.expand a, .adjacent-list li.expand span.class { background:gray; color:white; }

0
-.adjacent-list li.selected a, .adjacent-list li.selected span.class { background:crimson; color:white; }

0
-.adjacent-list a, .adjacent-list span.class {

0
-  display:block;

0
-  padding:0.2em 0.3em;

0
-  color:black;

0
-  text-decoration:none;

0
-  cursor:pointer;

0
-  position: relative;

0
-}

0
-.adjacent-list span.expand {

0
-  display: block; position: absolute; top:0; right: 0;

0
-  padding: 0 .2em;

0
-  font: bold 1.3em Verdana, sans-serif;

0
-  color: gray;

0
-}

0
-.adjacent-list li.expand span.expand { color: #444 }

0
-.adjacent-list li.selected span.expand { color: #eee }

0
-

0
-.adjacent-list span.class { color: #333; font-style: italic }

0
-.adjacent-list a:focus { outline:none; }

0
+.adjacent-list { background:#ddd; border:1px solid #aaa; }
0
+.adjacent-list { height:10.3em; }
0
+.adjacent-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
0
+
0
+.adjacent-list div.wrapper, .adjacent-list ol { height:100%; }
0
+.adjacent-list div.wrapper { width:200%; }
0
+.adjacent-list ol {
0
+  background:white;
0
+  list-style:none;
0
+  padding:0; margin:0;
0
+  float:left; overflow:auto;
0
+  width: 12%;
0
+}
0
+.adjacent-list li { display:inline; white-space: nowrap }
0
+.adjacent-list span.parent { display:none; }
0
+.adjacent-list li.has-sublist a, .adjacent-list li.has-sublist span.item { background: #ffd; }
0
+.adjacent-list li.expand a, .adjacent-list li.expand span.item { background:gray; color:white; }
0
+.adjacent-list li.selected a, .adjacent-list li.selected span.item { background:crimson; color:white; }
0
+.adjacent-list a, .adjacent-list span.item {
0
+  display:block;
0
+  padding:0.2em 0.3em;
0
+  color:black;
0
+  text-decoration:none;
0
+  cursor:pointer;
0
+  position: relative;
0
+}
0
+.adjacent-list span.expand {
0
+  display: block; position: absolute; top:0; right: 0;
0
+  padding: 0 .2em;
0
+  font: bold 1.3em Verdana, sans-serif;
0
+  color: gray;
0
+}
0
+.adjacent-list li.expand span.expand { color: #444 }
0
+.adjacent-list li.selected span.expand { color: #eee }
0
+
0
+.adjacent-list span.item { color: #333; font-style: italic }
0
+.adjacent-list a:focus { outline:none; }
0
shrubbery.js 
...
51
52
53
54
 
55
56
57
 
...
51
52
53
 
54
55
56
57
 
0
@@ -51,7 +51,7 @@ var Shrubbery = Class.create({
0
         
0
         this.listSetup(li.sublist, level + 1);
0
         
0
-        var item = li.down('a') || li.down('span.class')
0
+        var item = li.down('a') || li.down('span')
0
         if (item) item.insert(' <span class="expand">&raquo;</span>')
0
       }
0
     }, this);

Comments

    No one has commented yet.