tree-viewer/tree-viewer.css at master · avedave/tree-viewer · GitHub

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
.main-container {
	height: 300px;
	width: 800px;
	/* border: 1px solid #ff0000; */
	padding: 5px;
}

.column-container {
	height: 250px;
	width: 200px;
	/* border: 1px solid #0000ff; */
	padding: 5px;
	overflow: auto;
	float: left;
}

.element-container {
	/*
	height: 500px;
	width: 800px;
	*/
	/*border: 1px solid #00ff00; */
	padding: 5px;
}

.special {
	position: absolute;
	top: 50px;
}

/*

16 * 28 = 448
Vertically 110px
*/

.main-tree-container {
	/*float: left;
	display: inline;*/
	background-color: #ff0000;
}

.left-children-container {
	float: left;
	/* display: inline;*/
	background-color: #00ff00;
}

.root-container {
	float: left;
	/* display: inline;*/
	background-color: #0000ff;
}

.right-children-container {
	float: left;
	/* display: inline;*/
	background-color: #ff8080;
	position: relative;
}

.connector-container {
	float: left;
	/* display: inline;*/
	background-color: #ffa00a;
}

.child-container {
	float: left;
	display: inline;
	background-color: #a0a0ff;
}

.child {
	background-color: #a0ffa0;
	/* display: inline;*/
}

.child-parent {
	background-color: #a0ffa0;
	float: left;
	/* display: inline;*/
}