Commit | Line | Data |
8e30e889 |
1 | |
2 | /* style for the visualization container */ |
3 | #infovis { |
4 | width:96%; |
5 | height:600px; |
6 | margin:auto; |
7 | background-color: white; |
8 | |
9 | color:black; |
10 | text-align:center; |
11 | overflow:hidden; |
12 | font-size:10px; |
13 | font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; |
14 | } |
15 | #infovis1 { position:relative; width:96%; height:600px; } |
16 | #infovis2 { position:relative; width:96%; height:600px; } |
17 | |
18 | #infovis div { |
19 | position:absolute; |
20 | overflow:hidden; |
21 | background-color: #666666; |
22 | } |
23 | |
24 | #infovis1 div { |
25 | position:absolute; |
26 | overflow:hidden; |
27 | background-color: #666666; |
28 | } |
29 | |
30 | #infovis2 div { |
31 | position:absolute; |
32 | overflow:hidden; |
33 | background-color: #666666; |
34 | } |
35 | |
36 | /* |
37 | * #666666 - dark grey for line |
38 | * #dddddd - mid grey for header backgrounds |
39 | * #cccccc - light grey for inter-sub borders |
40 | */ |
41 | |
42 | #infovis .content { |
43 | } |
44 | #infovis .over-content { |
45 | } |
46 | |
47 | #infovis .head { |
48 | height:12px; |
49 | color:black; |
50 | font-weight:bold; |
51 | background-color:#dddddd; |
52 | } |
53 | #infovis .over-head { |
54 | background-color:#FFFF00; |
55 | } |
56 | #infovis .head.in-path { |
57 | background-color:#FFFF00; |
58 | } |
59 | |
60 | |
61 | #infovis .leaf { |
62 | display:table-cell; |
63 | vertical-align:middle; |
64 | background-color:white; |
65 | border:solid 1px transparent; |
66 | } |
67 | #infovis .over-leaf { |
68 | /* border:1px solid red; */ |
69 | outline: 2px solid red; outline-offset: -2px; |
70 | } |
71 | |
72 | |
73 | /* tooltips style */ |
74 | .tip { |
75 | z-index: 13000; |
76 | position:absolute; |
77 | font-size:12px; |
78 | font-family:Monaco, Andale Mono, monospace; |
79 | color: white; |
80 | background-color: black; |
81 | opacity: 0.8; |
82 | padding: 15px; |
83 | border-radius: 5px; |
84 | -webkit-border-radius: 5px; |
85 | -moz-border-radius: 5px; |
86 | -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
87 | -moz-box-shadow: black 5px 5px 5px; |
88 | } |
89 | |