102 .Tl-Grid-Now { |
102 .Tl-Grid-Now { |
103 position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
103 position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
104 } |
104 } |
105 |
105 |
106 .Tl-Occurrence, .Tl-Cluster { |
106 .Tl-Occurrence, .Tl-Cluster { |
107 position: absolute; width: 19px; height: 22px; background: url(../img/sprites.png); margin-left: -9px; margin-top: -1px; cursor: pointer; |
107 width: 19px; height: 22px; background: url(../img/sprites.png); cursor: pointer; |
|
108 } |
|
109 |
|
110 .Tl-OccOnGrid, .Tl-Cluster { |
|
111 position: absolute; margin-left: -9px; margin-top: -1px; |
|
112 } |
|
113 |
|
114 .Tl-OccInCluster { |
|
115 float: left; |
108 } |
116 } |
109 |
117 |
110 .Tl-Occnarrative { |
118 .Tl-Occnarrative { |
111 background-position: 0 -50px; |
119 background-position: 0 -50px; |
112 } |
120 } |
130 .Tl-ClusterCount { |
138 .Tl-ClusterCount { |
131 position: absolute; right: 0; top: 0; border: 1px solid #999999; background: #333333; |
139 position: absolute; right: 0; top: 0; border: 1px solid #999999; background: #333333; |
132 padding: 1px 2px; font-size: 9px; color: #ffffff; border-radius: 5px; |
140 padding: 1px 2px; font-size: 9px; color: #ffffff; border-radius: 5px; |
133 } |
141 } |
134 |
142 |
|
143 .Tl-ClusterOverlay { |
|
144 position: absolute; margin-top: -20px; height: 30px; background: url(../img/cluster-overlay.png) center; |
|
145 } |
|
146 |
135 .Tl-Overlay-Container { |
147 .Tl-Overlay-Container { |
136 position: absolute; top: 0; |
148 position: absolute; top: 0; |
137 } |
149 } |
138 |
150 |
139 .Tl-Overlay-Box { |
151 .Tl-Overlay-Box { |
140 position: absolute; width: 0; height: 0; display: none; |
152 position: absolute; width: 0; height: 0; display: none; |
141 } |
153 } |
142 |
154 |
143 .Tl-Overlay { |
155 .Tl-Overlay { |
144 position: absolute; left: -105px; bottom: 0; width: 210px; |
156 position: absolute; left: -105px; width: 210px; |
|
157 } |
|
158 |
|
159 .Tl-Overlay-Up .Tl-Overlay { |
|
160 bottom: 0; |
|
161 } |
|
162 |
|
163 .Tl-Overlay-Down .Tl-Overlay { |
|
164 top: 22px; |
145 } |
165 } |
146 |
166 |
147 .Tl-Overlay-Main { |
167 .Tl-Overlay-Main { |
148 width: 190px; padding: 10px 10px 0; background: url(../img/tooltip.png) top; |
168 width: 190px; |
149 } |
169 } |
150 |
170 |
151 .Tl-Overlay-Tip { |
171 .Tl-Overlay-Up .Tl-Overlay-Main { |
|
172 background: url(../img/tooltip.png) top; padding: 10px 10px 0; |
|
173 } |
|
174 |
|
175 .Tl-Overlay-Down .Tl-Overlay-Main { |
|
176 background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px; |
|
177 } |
|
178 |
|
179 .Tl-Overlay-Up .Tl-Overlay-Tip-Bottom { |
152 width: 210px; height: 20px; background: url(../img/tooltip.png) bottom; |
180 width: 210px; height: 20px; background: url(../img/tooltip.png) bottom; |
153 } |
181 } |
|
182 |
|
183 .Tl-Overlay-Down .Tl-Overlay-Tip-Top { |
|
184 width: 210px; height: 20px; background: url(../img/tooltip-down.png) top; |
|
185 } |
|
186 |
|
187 .Tl-Overlay-Up .Tl-Overlay-Tip-Top, .Tl-Overlay-Down .Tl-Overlay-Tip-Bottom { |
|
188 display: none; |
|
189 } |