source: trunk/templates/grouptree-ie.css@ 93

Last change on this file since 93 was 84, checked in by Kris Deugau, 15 years ago

/trunk

Finally find a clean workspace to commit a (mostly) complete collapsible

group tree adapted from ​http://www.thecssninja.com/css/css-tree-menu.

Works in Opera, Firefox, Safari, probably works in recent Konqueror,

as coded it will provide a gracefully degraded always-open tree in IE 8
(and probably 7, but I don't have that handy). It will likely fail
horribly in IE6 as is since IE6 apparently does not support the
special <! if [IE] > tags in the <head> section. Feh.

Due to this IE limitation, I may switch to detecting the browser in the

script, and fiddling the header to include one group tree file or the other.
File size: 1.4 KB
Line 
1/*
2 CSS for group tree, IE-specific non-collapsing version
3*/
4ul.grptree {
5 padding-left: 0px; /* hack pthui */
6}
7li.hassub {
8 position: relative;
9 margin: 0 0 0 0px;
10 padding: 0;
11 list-style: none;
12 background: url('../images/tree_open.png') 0px 0px no-repeat; /* hack pthui */
13}
14li.leaf {
15 margin: 0;
16 padding: 0 0 0 15px; /* in px since this is to adjust for a fixed-size image */
17 list-style: none;
18}
19li.hassub input {
20 position: absolute;
21 left: 0;
22 margin: 0;
23 opacity: 0;
24 filter:alpha(opacity=0); /* IE > 6, maybe */
25 z-index: 2;
26 height: 1em;
27 width: 1em;
28 top: 0;
29}
30input.grptreebox {
31 height: 0;
32 -khtml-opacity: 0;
33}
34li.hassub input + ul {
35/* background: url('../images/tree_closed.png') 0px -2px no-repeat;*/
36/* margin-top: -0.95em; /* esplain to me, why this not 1em? O_o */
37/* padding-top: 0.1em;*/
38 padding-left: 1.25em; /* ah-HA! use this to adjust the indent! watch for neg margin from li.hassub */
39/* xdisplay: block;
40/* height: 1em;*/
41}
42/*li.hassub input + ul > li {
43/* height: 0;
44/* overflow: hidden;
45/* margin-left: -14px !important;
46/*}*/
47li.hassub label {
48 display: block;
49 padding-left: 15px; /* in px as it ajusts for fixed-size image */
50}
51/*li.hassub input:checked + ul {
52/* background: url('../images/tree_open.png') 0px 0px no-repeat;
53/* margin-top: -1.2em;
54/* padding-top: 1.1em;
55/* height: auto;*/
56}
57/*li.hassub input:checked + ul > li {
58/* height: auto;
59/*}*/
Note: See TracBrowser for help on using the repository browser.