Line | |
---|
1 | div.orgChart { |
---|
2 | border : 1px solid #cccccc; |
---|
3 | background-color : #ffffe8; |
---|
4 | margin : 10px; |
---|
5 | padding : 20px; |
---|
6 | } |
---|
7 | |
---|
8 | div.orgChart h2 { |
---|
9 | margin : 0px; |
---|
10 | font-size : 1em; |
---|
11 | border-bottom : none; |
---|
12 | } |
---|
13 | |
---|
14 | div.orgChart ul { |
---|
15 | list-style : none; |
---|
16 | margin : 4px; |
---|
17 | padding : 0px; |
---|
18 | font-size : 0.8em; |
---|
19 | text-align : left; |
---|
20 | } |
---|
21 | |
---|
22 | div.orgChart ul.stack, |
---|
23 | div.orgChart ul.stack ul { |
---|
24 | text-align : center; |
---|
25 | } |
---|
26 | |
---|
27 | div.orgChart table { |
---|
28 | width : 100%; |
---|
29 | } |
---|
30 | |
---|
31 | div.orgChart tr.lines td.line { |
---|
32 | width : 1px; |
---|
33 | height : 20px; |
---|
34 | } |
---|
35 | |
---|
36 | div.orgChart tr.lines td.top { |
---|
37 | border-top : 3px solid black; |
---|
38 | } |
---|
39 | |
---|
40 | div.orgChart tr.lines td.left { |
---|
41 | border-right : 2px solid black; |
---|
42 | } |
---|
43 | |
---|
44 | div.orgChart tr.lines td.right { |
---|
45 | border-left : 2px solid black; |
---|
46 | } |
---|
47 | |
---|
48 | div.orgChart td { |
---|
49 | text-align : center; |
---|
50 | vertical-align : top; |
---|
51 | padding : 0px 2px; |
---|
52 | } |
---|
53 | |
---|
54 | div.orgChart div.node { |
---|
55 | cursor : default; |
---|
56 | border : 2px solid black; |
---|
57 | display : inline-block; |
---|
58 | padding : 0 4px; |
---|
59 | width : 96px; |
---|
60 | height : 60px; |
---|
61 | background-color : #ffffcf; |
---|
62 | line-height : 1.3em; |
---|
63 | border-radius : 8px; |
---|
64 | box-shadow : 4px 4px 6px #888888; |
---|
65 | -moz-border-radius : 8px; |
---|
66 | -moz-box-shadow : 4px 4px 6px #888888; |
---|
67 | -webkit-border-radius : 8px; |
---|
68 | -webkit-box-shadow : 4px 4px 6px #888888; |
---|
69 | } |
---|
70 | |
---|
71 | div.orgChart div.hasChildren { |
---|
72 | background-color : #ffff98; |
---|
73 | } |
---|
74 | |
---|
75 | div.orgChart.interactive div.hasChildren { |
---|
76 | cursor : pointer; |
---|
77 | } |
---|
78 | |
---|
79 | div.orgChart div.node.hover { |
---|
80 | background-color : white; |
---|
81 | } |
---|
82 | |
---|
83 | div.orgChart div.adjunct.node { |
---|
84 | position : absolute; |
---|
85 | margin-top : 8px; |
---|
86 | margin-left : -110px; |
---|
87 | width : 80px; |
---|
88 | height : 40px; |
---|
89 | background-color : #efefef; |
---|
90 | } |
---|
91 | |
---|
92 | div.orgChart div.adjunct-link { |
---|
93 | display : inline-block; |
---|
94 | position : absolute; |
---|
95 | margin-left : -20px; |
---|
96 | margin-top : 25px; |
---|
97 | width : 20px; |
---|
98 | border : 1px dashed black; |
---|
99 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.