| |
@@ -25,12 +25,16 @@ |
| 25 |
25 |
|
padding: 0px; |
| 26 |
26 |
|
} |
| 27 |
27 |
|
|
| |
28 |
+ |
#treeContainer { |
| |
29 |
+ |
margin-right: 186px; |
| |
30 |
+ |
} |
| |
31 |
+ |
|
| 28 |
32 |
|
.level-node-1 { |
| 29 |
33 |
|
font-size: 22pt; |
| |
34 |
+ |
/*margin-right: 186px;*/ |
| 30 |
35 |
|
color: white; |
| 31 |
36 |
|
height: 42px; |
| 32 |
37 |
|
margin-top: 14px; |
| 33 |
|
- |
margin-right: 186px; |
| 34 |
38 |
|
} |
| 35 |
39 |
|
|
| 36 |
40 |
|
/*.level-node-1.last { |
| |
@@ -39,27 +43,47 @@ |
| 39 |
43 |
|
}*/ |
| 40 |
44 |
|
|
| 41 |
45 |
|
.level-node-2 { |
| 42 |
|
- |
margin-left: 60px; |
| |
46 |
+ |
/*margin-left: 60px;*/ |
| 43 |
47 |
|
margin-top: 6px; |
| 44 |
|
- |
margin-right: 298px; |
| |
48 |
+ |
/*margin-right: 298px;*/ |
| 45 |
49 |
|
} |
| 46 |
50 |
|
|
| 47 |
51 |
|
.level-node-3 { |
| 48 |
|
- |
margin-left: 115px; |
| |
52 |
+ |
/*margin-left: 115px;*/ |
| 49 |
53 |
|
margin-top: 6px; |
| 50 |
|
- |
margin-right: 386px; |
| |
54 |
+ |
/*margin-right: 386px;*/ |
| 51 |
55 |
|
} |
| 52 |
56 |
|
|
| 53 |
57 |
|
.level-node-4 { |
| 54 |
|
- |
margin-left: 165px; |
| |
58 |
+ |
/*margin-left: 165px;*/ |
| 55 |
59 |
|
margin-top: 6px; |
| 56 |
|
- |
margin-right: 472px; |
| |
60 |
+ |
/*margin-right: 472px;*/ |
| 57 |
61 |
|
} |
| 58 |
62 |
|
|
| 59 |
63 |
|
.level-node-5 { |
| 60 |
|
- |
margin-left: 196px; |
| |
64 |
+ |
/*margin-left: 196px;*/ |
| 61 |
65 |
|
margin-top: 6px; |
| 62 |
|
- |
margin-right: 504px; |
| |
66 |
+ |
/*margin-right: 504px;*/ |
| |
67 |
+ |
} |
| |
68 |
+ |
|
| |
69 |
+ |
.level-list-2 { |
| |
70 |
+ |
margin-left: 60px; |
| |
71 |
+ |
margin-right: 112px; |
| |
72 |
+ |
} |
| |
73 |
+ |
|
| |
74 |
+ |
.level-list-3 { |
| |
75 |
+ |
margin-left: 55px; |
| |
76 |
+ |
margin-right: 88px; |
| |
77 |
+ |
} |
| |
78 |
+ |
|
| |
79 |
+ |
.level-list-4 { |
| |
80 |
+ |
margin-left: 50px; |
| |
81 |
+ |
margin-right: 86px; |
| |
82 |
+ |
} |
| |
83 |
+ |
|
| |
84 |
+ |
.level-list-5 { |
| |
85 |
+ |
margin-left: 31px; |
| |
86 |
+ |
margin-right: 32px; |
| 63 |
87 |
|
} |
| 64 |
88 |
|
|
| 65 |
89 |
|
/* Primo livello dell'albero */ |
| |
@@ -84,77 +108,123 @@ |
| 84 |
108 |
|
} |
| 85 |
109 |
|
|
| 86 |
110 |
|
/* Secondo livello dell'albero */ |
| 87 |
|
- |
.cat-node-1.level-node-2 { |
| |
111 |
+ |
.cat-node-1.level-node-2 > div.node-container { |
| 88 |
112 |
|
background-color: #39B3AF; |
| 89 |
113 |
|
} |
| 90 |
114 |
|
|
| 91 |
|
- |
.cat-node-2.level-node-2 { |
| |
115 |
+ |
.cat-node-2.level-node-2 > div.node-container { |
| 92 |
116 |
|
background-color: #F47B50; |
| 93 |
117 |
|
} |
| 94 |
118 |
|
|
| 95 |
|
- |
.cat-node-3.level-node-2 { |
| |
119 |
+ |
.cat-node-3.level-node-2 > div.node-container { |
| 96 |
120 |
|
background-color: #F2519E; |
| 97 |
121 |
|
} |
| 98 |
122 |
|
|
| 99 |
|
- |
.cat-node-4.level-node-2 { |
| |
123 |
+ |
.cat-node-4.level-node-2 > div.node-container { |
| 100 |
124 |
|
background-color: #F9A94B; |
| 101 |
125 |
|
} |
| 102 |
126 |
|
|
| 103 |
|
- |
.cat-node-5.level-node-2 { |
| |
127 |
+ |
.cat-node-5.level-node-2 > div.node-container { |
| 104 |
128 |
|
background-color: #BBBFC2; |
| 105 |
129 |
|
} |
| 106 |
130 |
|
|
| 107 |
131 |
|
/* Terzo livello dell'albero */ |
| 108 |
|
- |
.cat-node-1.level-node-3 { |
| |
132 |
+ |
.cat-node-1.level-node-3 > div.node-container { |
| 109 |
133 |
|
background-color: #6BC6C3; |
| 110 |
134 |
|
} |
| 111 |
135 |
|
|
| 112 |
|
- |
.cat-node-2.level-node-3 { |
| |
136 |
+ |
.cat-node-2.level-node-3 > div.node-container { |
| 113 |
137 |
|
background-color: #F79C7C; |
| 114 |
138 |
|
} |
| 115 |
139 |
|
|
| 116 |
|
- |
.cat-node-3.level-node-3 { |
| |
140 |
+ |
.cat-node-3.level-node-3 > div.node-container { |
| 117 |
141 |
|
background-color: #F27EB5; |
| 118 |
142 |
|
} |
| 119 |
143 |
|
|
| 120 |
|
- |
.cat-node-4.level-node-3 { |
| |
144 |
+ |
.cat-node-4.level-node-3 > div.node-container { |
| 121 |
145 |
|
background-color: #FABE78; |
| 122 |
146 |
|
} |
| 123 |
147 |
|
|
| 124 |
148 |
|
/* Quarto livello dell'albero */ |
| 125 |
|
- |
.cat-node-1.level-node-4 { |
| |
149 |
+ |
.cat-node-1.level-node-4 > div.node-container { |
| 126 |
150 |
|
background-color: #9CD9D7; |
| 127 |
151 |
|
} |
| 128 |
152 |
|
|
| 129 |
|
- |
.cat-node-2.level-node-4 { |
| |
153 |
+ |
.cat-node-2.level-node-4 > div.node-container { |
| 130 |
154 |
|
background-color: #F9BDA7; |
| 131 |
155 |
|
} |
| 132 |
156 |
|
|
| 133 |
|
- |
.cat-node-3.level-node-4 { |
| |
157 |
+ |
.cat-node-3.level-node-4 > div.node-container { |
| 134 |
158 |
|
background-color: #F8A5C9; |
| 135 |
159 |
|
} |
| 136 |
160 |
|
|
| 137 |
|
- |
.cat-node-4.level-node-4 { |
| |
161 |
+ |
.cat-node-4.level-node-4 > div.node-container { |
| 138 |
162 |
|
background-color: #FCD4A5; |
| 139 |
163 |
|
} |
| 140 |
164 |
|
|
| 141 |
165 |
|
/* Quinto livello dell'albero */ |
| 142 |
|
- |
.cat-node-1.level-node-5 { |
| |
166 |
+ |
.cat-node-1.level-node-5 > div.node-container { |
| 143 |
167 |
|
background-color: #CEECEB; |
| 144 |
168 |
|
} |
| 145 |
169 |
|
|
| 146 |
|
- |
.cat-node-2.level-node-5 { |
| |
170 |
+ |
.cat-node-2.level-node-5 > div.node-container { |
| 147 |
171 |
|
background-color: #FCDED3; |
| 148 |
172 |
|
} |
| 149 |
173 |
|
|
| 150 |
|
- |
.cat-node-3.level-node-5 { |
| |
174 |
+ |
.cat-node-3.level-node-5 > div.node-container { |
| 151 |
175 |
|
background-color: #FBD2E4; |
| 152 |
176 |
|
} |
| 153 |
177 |
|
|
| 154 |
|
- |
.cat-node-4.level-node-5 { |
| |
178 |
+ |
.cat-node-4.level-node-5 > div.node-container { |
| 155 |
179 |
|
background-color: #FDE9D2; |
| 156 |
180 |
|
} |
| 157 |
181 |
|
|
| 158 |
182 |
|
.node-container { |
| 159 |
183 |
|
padding: 10px; |
| |
184 |
+ |
} |
| |
185 |
+ |
|
| |
186 |
+ |
#treeContainer li { |
| |
187 |
+ |
position:relative; |
| |
188 |
+ |
} |
| |
189 |
+ |
|
| |
190 |
+ |
#treeContainer ul { |
| |
191 |
+ |
position:relative; |
| |
192 |
+ |
} |
| |
193 |
+ |
|
| |
194 |
+ |
|
| |
195 |
+ |
#treeContainer ul:before { |
| |
196 |
+ |
content:""; |
| |
197 |
+ |
display:block; |
| |
198 |
+ |
width:0; |
| |
199 |
+ |
position:absolute; |
| |
200 |
+ |
top:-6px; |
| |
201 |
+ |
bottom:0; |
| |
202 |
+ |
left: -30px; |
| |
203 |
+ |
border-left:1px solid; |
| |
204 |
+ |
} |
| |
205 |
+ |
|
| |
206 |
+ |
#treeContainer ul li:before { |
| |
207 |
+ |
content:""; |
| |
208 |
+ |
display:block; |
| |
209 |
+ |
width: 30px;/* same with indentation */ |
| |
210 |
+ |
height:0; |
| |
211 |
+ |
border-top:1px solid; |
| |
212 |
+ |
margin-top: 6px;/* border top width */ |
| |
213 |
+ |
position:absolute; |
| |
214 |
+ |
top:1em;/* (line-height/2) */ |
| |
215 |
+ |
left: -30px; |
| |
216 |
+ |
} |
| |
217 |
+ |
|
| |
218 |
+ |
#treeContainer ul li:last-child:before { |
| |
219 |
+ |
background:white; /* same with body background */ |
| |
220 |
+ |
height:auto; |
| |
221 |
+ |
top:1em; /* (line-height/2) */ |
| |
222 |
+ |
bottom:0; |
| |
223 |
+ |
} |
| |
224 |
+ |
|
| |
225 |
+ |
#treeContainer ul li.last-node:before { |
| |
226 |
+ |
background:white; /* same with body background */ |
| |
227 |
+ |
height:auto; |
| |
228 |
+ |
top:1em; /* (line-height/2) */ |
| |
229 |
+ |
bottom:0; |
| 160 |
230 |
|
} |
View this file contents
View the full history
Commits for