|
1 |
| -.ark-page-line { |
2 |
| - z-index: 5002; |
3 |
| - position: absolute; |
4 |
| - width: 100%; |
5 |
| - height: 1px; |
6 |
| - left: 0; |
7 |
| - border-bottom: dashed 1px #262d39; } |
8 |
| - .ark-page-line.ark-mouse-lines { |
9 |
| - border-bottom-style: solid; } |
10 |
| - .ark-page-line .ark-page-line-value { |
11 |
| - background-color: #262d39; |
12 |
| - font-size: 14px; |
13 |
| - padding: 8px 16px; |
14 |
| - border-radius: 0 4px 0 0; |
15 |
| - position: absolute; |
16 |
| - left: 0; |
17 |
| - bottom: -1px; |
18 |
| - color: #fff; } |
19 |
| - .ark-page-line .ark-page-mouse-line-value { |
20 |
| - left: 50%; |
21 |
| - border-radius: 4px 4px 0 0; |
22 |
| - padding: 8px 0; |
23 |
| - width: 190px; |
24 |
| - text-align: center; |
25 |
| - margin-left: -95px; } |
26 |
| - |
27 |
| -.ark-headmap-body-line-none .ark-page-line { |
28 |
| - display: none; } |
29 |
| - |
30 | 1 | .ark-heatmap-head {
|
31 | 2 | position: fixed;
|
32 | 3 | left: 0;
|
|
328 | 299 | .ark-headmap-body-location-none .ark-heatmap-location {
|
329 | 300 | display: none; }
|
330 | 301 |
|
331 |
| -.ark-heat-click-element { |
332 |
| - position: absolute; |
333 |
| - left: 0; |
334 |
| - top: 0; |
335 |
| - height: 100%; |
336 |
| - width: 100%; |
337 |
| - background-color: #ff0000; |
338 |
| - color: #fff; |
339 |
| - text-align: center; |
340 |
| - font-size: 12px; |
341 |
| - z-index: 10000; |
342 |
| - line-height: 22px; } |
343 |
| - .ark-heat-click-element .ark-heat-click-element-text { |
344 |
| - display: block; |
345 |
| - overflow: hidden; |
346 |
| - white-space: nowrap; |
347 |
| - text-overflow: ellipsis; |
348 |
| - position: absolute; |
349 |
| - width: 100%; |
350 |
| - top: 50%; |
351 |
| - margin-top: -11px; |
352 |
| - text-align: center; } |
353 |
| - .ark-heat-click-element:hover .ark-heat-click-element-tips { |
354 |
| - display: block; } |
355 |
| - .ark-heat-click-element .ark-heat-click-element-tips { |
356 |
| - position: absolute; |
357 |
| - background-color: #252d39; |
358 |
| - font-size: 12px; |
359 |
| - display: none; |
360 |
| - top: 100%; |
361 |
| - top: calc(100% + 5px); |
362 |
| - font-size: 14px; |
363 |
| - padding: 10px 0; |
364 |
| - border-radius: 4px; |
365 |
| - left: 50%; |
366 |
| - transform: translate(-50%, 0); |
367 |
| - white-space: nowrap; } |
368 |
| - .ark-heat-click-element .ark-heat-click-element-tips::after { |
369 |
| - content: ''; |
370 |
| - position: absolute; |
371 |
| - width: 0; |
372 |
| - height: 0; |
373 |
| - border-color: transparent; |
374 |
| - border-style: solid; |
375 |
| - top: 5px; |
376 |
| - left: 50%; |
377 |
| - margin-top: -10px; |
378 |
| - border-width: 0 7px 5px; |
379 |
| - border-bottom-color: #252d39; |
380 |
| - margin-left: -7px; } |
381 |
| - .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent { |
382 |
| - display: inline-block; |
383 |
| - text-align: right; |
384 |
| - padding: 0 10px; } |
385 |
| - .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num label, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent label { |
386 |
| - display: block; |
387 |
| - color: #9cacbf; } |
388 |
| - |
389 |
| -.ark-headmap-body-element-none .ark-heat-click-element { |
390 |
| - display: none; } |
391 |
| - |
392 | 302 | .ark-headmap-loading, .ark-headmap-nodata {
|
393 | 303 | position: fixed;
|
394 | 304 | top: 0;
|
|
453 | 363 | -webkit-transform: rotate(360deg);
|
454 | 364 | -ms-transform: rotate(360deg);
|
455 | 365 | transform: rotate(360deg); } }
|
| 366 | + |
| 367 | +.ark-heat-click-element { |
| 368 | + position: absolute; |
| 369 | + left: 0; |
| 370 | + top: 0; |
| 371 | + height: 100%; |
| 372 | + width: 100%; |
| 373 | + background-color: #ff0000; |
| 374 | + color: #fff; |
| 375 | + text-align: center; |
| 376 | + font-size: 12px; |
| 377 | + z-index: 10000; |
| 378 | + line-height: 22px; } |
| 379 | + .ark-heat-click-element .ark-heat-click-element-text { |
| 380 | + display: block; |
| 381 | + overflow: hidden; |
| 382 | + white-space: nowrap; |
| 383 | + text-overflow: ellipsis; |
| 384 | + position: absolute; |
| 385 | + width: 100%; |
| 386 | + top: 50%; |
| 387 | + margin-top: -11px; |
| 388 | + text-align: center; } |
| 389 | + .ark-heat-click-element:hover .ark-heat-click-element-tips { |
| 390 | + display: block; } |
| 391 | + .ark-heat-click-element .ark-heat-click-element-tips { |
| 392 | + position: absolute; |
| 393 | + background-color: #252d39; |
| 394 | + font-size: 12px; |
| 395 | + display: none; |
| 396 | + top: 100%; |
| 397 | + top: calc(100% + 5px); |
| 398 | + font-size: 14px; |
| 399 | + padding: 10px 0; |
| 400 | + border-radius: 4px; |
| 401 | + left: 50%; |
| 402 | + transform: translate(-50%, 0); |
| 403 | + white-space: nowrap; } |
| 404 | + .ark-heat-click-element .ark-heat-click-element-tips::after { |
| 405 | + content: ''; |
| 406 | + position: absolute; |
| 407 | + width: 0; |
| 408 | + height: 0; |
| 409 | + border-color: transparent; |
| 410 | + border-style: solid; |
| 411 | + top: 5px; |
| 412 | + left: 50%; |
| 413 | + margin-top: -10px; |
| 414 | + border-width: 0 7px 5px; |
| 415 | + border-bottom-color: #252d39; |
| 416 | + margin-left: -7px; } |
| 417 | + .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent { |
| 418 | + display: inline-block; |
| 419 | + text-align: right; |
| 420 | + padding: 0 10px; } |
| 421 | + .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num label, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent label { |
| 422 | + display: block; |
| 423 | + color: #9cacbf; } |
| 424 | + |
| 425 | +.ark-headmap-body-element-none .ark-heat-click-element { |
| 426 | + display: none; } |
| 427 | + |
| 428 | +.ark-page-line { |
| 429 | + z-index: 5002; |
| 430 | + position: absolute; |
| 431 | + width: 100%; |
| 432 | + height: 1px; |
| 433 | + left: 0; |
| 434 | + border-bottom: dashed 1px #262d39; } |
| 435 | + .ark-page-line.ark-mouse-lines { |
| 436 | + border-bottom-style: solid; } |
| 437 | + .ark-page-line .ark-page-line-value { |
| 438 | + background-color: #262d39; |
| 439 | + font-size: 14px; |
| 440 | + padding: 8px 16px; |
| 441 | + border-radius: 0 4px 0 0; |
| 442 | + position: absolute; |
| 443 | + left: 0; |
| 444 | + bottom: -1px; |
| 445 | + color: #fff; } |
| 446 | + .ark-page-line .ark-page-mouse-line-value { |
| 447 | + left: 50%; |
| 448 | + border-radius: 4px 4px 0 0; |
| 449 | + padding: 8px 0; |
| 450 | + width: 190px; |
| 451 | + text-align: center; |
| 452 | + margin-left: -95px; } |
| 453 | + |
| 454 | +.ark-headmap-body-line-none .ark-page-line { |
| 455 | + display: none; } |
0 commit comments