|
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