js-orgChart/js-orgchart.css at master · rchockxm/js-orgChart · 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
.OrgEdge {
    padding: 5px 5px 5px 5px;
    clear: left;
    float: left;
    text-align: center;
    position: absolute;
    font-size: 12px;
    font-family: arial,helvetica;
    width: 60px;
    height: 50px;
    cursor: default;
    border: 2px solid #b5d9ea;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#edf7ff), to(#cde7ee));
    background: -moz-linear-gradient(top, #edf7ff, #cde7ee);
    background: -ms-linear-gradient(top, #edf7ff, #cde7ee);
    background: -o-linear-gradient(top, #edf7ff, #cde7ee);
    background: linear-gradient(to bottom, #edf7ff, #cde7ee);
    background-color: #edf7ff;
    -moz-border-radius: 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
}

.OrgEdge_Hight {
    padding: 5px 5px 5px 5px;
    clear: left;
    float: left;
    text-align: center;
    position: absolute;
    font-size: 12px;
    font-family: arial,helvetica;
    width: 60px;
    height: 50px;
    cursor: default;
    border: 2px solid #808080;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#B8B8B8), to(#F0F0F0));
    background: -moz-linear-gradient(top, #B8B8B8, #F0F0F0);
    background: -ms-linear-gradient(top, #B8B8B8, #F0F0F0);
    background: -o-linear-gradient(top, #B8B8B8, #F0F0F0);
    background: linear-gradient(to bottom, #B8B8B8, #F0F0F0);
    background-color: #B8B8B8;
    -moz-border-radius: 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
}

.OrgEdge:link   { background-color: #6699FF; }
.OrgEdge:visited { background-color: #3366FF; }
.OrgEdge:hover {
    border: 2px solid #e3ca4b;
    background-color: #fff7ae;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff7ae), to(#eee79e));
    background: -moz-linear-gradient(top, #fff7ae, #eee79e);
    background: -ms-linear-gradient(top, #fff7ae, #eee79e);
    background: -o-linear-gradient(top, #fff7ae, #eee79e);
    background: linear-gradient(to bottom, #fff7ae, #eee79e);
}
.OrgEdge:active  { background-color: #3366FF; }

.OrgEdge div {
    color: #F62217;
    font-size: 0.8em !important;
    font-style: italic;
}

.OrgEdge_Hight div {
    color: #F62217;
    font-size: 0.8em !important;
    font-style: italic;
}