Commit | Line | Data |
b2fc39a5 |
1 | html, body { |
2 | margin:0; |
3 | padding:0; |
4 | font-family: "Lucida Grande", Verdana; |
5 | font-size: 0.9em; |
6 | text-align: center; |
7 | background-color:#F2F2F2; |
8 | } |
9 | |
10 | input, select { |
11 | font-size:0.9em; |
12 | } |
13 | |
14 | table { |
15 | margin-top:-10px; |
16 | margin-left:7px; |
17 | } |
18 | |
19 | h4 { |
20 | font-size:1.1em; |
21 | text-decoration:none; |
22 | font-weight:normal; |
23 | color:#23A4FF; |
24 | } |
25 | |
26 | a { |
27 | color:#23A4FF; |
28 | } |
29 | |
30 | #container { |
31 | width: 1000px; |
32 | height: 600px; |
33 | margin:0 auto; |
34 | position:relative; |
35 | } |
36 | |
37 | #left-container, |
38 | #right-container, |
39 | #center-container { |
40 | height:600px; |
41 | position:absolute; |
42 | top:0; |
43 | } |
44 | |
45 | #left-container, #right-container { |
46 | width:200px; |
47 | color:#686c70; |
48 | text-align: left; |
49 | overflow: auto; |
50 | background-color:#fff; |
51 | background-repeat:no-repeat; |
52 | border-bottom:1px solid #ddd; |
53 | } |
54 | |
55 | #left-container { |
56 | left:0; |
57 | background-image:url('col2.png'); |
58 | background-position:center right; |
59 | border-left:1px solid #ddd; |
60 | |
61 | } |
62 | |
63 | #right-container { |
64 | right:0; |
65 | background-image:url('col1.png'); |
66 | background-position:center left; |
67 | border-right:1px solid #ddd; |
68 | } |
69 | |
70 | #right-container h4{ |
71 | text-indent:8px; |
72 | } |
73 | |
74 | #center-container { |
75 | width:600px; |
76 | left:200px; |
77 | background-color:#1a1a1a; |
78 | color:#ccc; |
79 | } |
80 | |
81 | .text { |
82 | margin: 7px; |
83 | } |
84 | |
85 | #inner-details { |
86 | font-size:0.8em; |
87 | list-style:none; |
88 | margin:7px; |
89 | } |
90 | |
91 | #log { |
92 | position:absolute; |
93 | top:10px; |
94 | font-size:1.0em; |
95 | font-weight:bold; |
96 | color:#23A4FF; |
97 | } |
98 | |
99 | |
100 | #infovis { |
101 | position:relative; |
102 | width:600px; |
103 | height:600px; |
104 | margin:auto; |
105 | overflow:hidden; |
106 | } |
107 | |
108 | /*TOOLTIPS*/ |
109 | .tip { |
110 | color: #111; |
111 | width: 139px; |
5ab994e6 |
112 | text-align: left; |
113 | white-space: pre; |
b2fc39a5 |
114 | background-color: white; |
115 | border:1px solid #ccc; |
116 | -moz-box-shadow:#555 2px 2px 8px; |
117 | -webkit-box-shadow:#555 2px 2px 8px; |
118 | -o-box-shadow:#555 2px 2px 8px; |
119 | box-shadow:#555 2px 2px 8px; |
120 | opacity:0.9; |
121 | filter:alpha(opacity=90); |
122 | font-size:10px; |
123 | font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; |
124 | padding:7px; |
5ab994e6 |
125 | } |