| @@ -194,8 +194,10 @@ | ||
| 194 | 194 | background: #3d50df; |
| 195 | 195 | height: 3px; |
| 196 | 196 | } |
| 197 | 197 | |
| 198 | + | |
| 199 | + | |
| 198 | 200 | .wtotem_chart__wrapper { |
| 199 | 201 | display: flex; |
| 200 | 202 | } |
| 201 | 203 | |
| @@ -458,8 +460,10 @@ | ||
| 458 | 460 | transition: all 0.3s ease-in-out; |
| 459 | 461 | overflow: auto; |
| 460 | 462 | z-index: 1; |
| 461 | 463 | } |
| 464 | + .wtotem_nav .wtotem_control__checkbox { | |
| 465 | + display: none; } | |
| 462 | 466 | .wtotem_nav__menu { |
| 463 | 467 | display: block; |
| 464 | 468 | } |
| 465 | 469 | .wtotem_nav__item { |
| @@ -1517,8 +1521,113 @@ | ||
| 1517 | 1521 | display: flex; |
| 1518 | 1522 | justify-content: space-between; |
| 1519 | 1523 | } |
| 1520 | 1524 | |
| 1525 | +.wtotem_map .wtotem_map-block { | |
| 1526 | + display: flex; | |
| 1527 | + align-items: center; | |
| 1528 | + justify-content: space-around; | |
| 1529 | + padding-right: 26px; } | |
| 1530 | + | |
| 1531 | +.wtotem_map .wtotem_map-block #firewall { | |
| 1532 | + display: block; } | |
| 1533 | + | |
| 1534 | +.wtotem_map .wtotem_map-block__map { | |
| 1535 | + width: 50%; | |
| 1536 | + height: 330px; } | |
| 1537 | + | |
| 1538 | +.wtotem_map .firewall { | |
| 1539 | + width: 50%; | |
| 1540 | + position: relative; | |
| 1541 | + height: 230px; } | |
| 1542 | + | |
| 1543 | +.wtotem_map-wrap { | |
| 1544 | + padding-top: 15px; | |
| 1545 | + margin-bottom: 30px; } | |
| 1546 | + | |
| 1547 | +.wtotem_country { | |
| 1548 | + margin-bottom: -15px; } | |
| 1549 | +.wtotem_country__title { | |
| 1550 | + font-size: 14px; | |
| 1551 | + line-height: 18px; | |
| 1552 | + color: #86939e; | |
| 1553 | + margin-bottom: 9px; } | |
| 1554 | +.wtotem_country__desc { | |
| 1555 | + font-size: 18px; | |
| 1556 | + line-height: 18px; | |
| 1557 | + color: #1d293f; } | |
| 1558 | + | |
| 1559 | +/* 992-1100px lg Large */ | |
| 1560 | +/* 768-992px md Medium */ | |
| 1561 | +@media screen and (max-width: 992px) { | |
| 1562 | + .wtotem_map .wtotem_map-wrap { | |
| 1563 | + padding-bottom: 20px; } | |
| 1564 | + .wtotem_map .wtotem_map-block { | |
| 1565 | + flex-direction: column; | |
| 1566 | + padding-right: 0; } | |
| 1567 | + .wtotem_map .wtotem_map-block__map { | |
| 1568 | + width: 100%; | |
| 1569 | + text-align: center; } | |
| 1570 | + .wtotem_map .wtotem_map-block__map svg { | |
| 1571 | + width: 403px; } | |
| 1572 | + .wtotem_map #firewall { | |
| 1573 | + display: block; | |
| 1574 | + height: 135px; | |
| 1575 | + width: 270px; } | |
| 1576 | + .wtotem_map .firewall { | |
| 1577 | + position: relative; | |
| 1578 | + margin: auto; | |
| 1579 | + height: 70vh; | |
| 1580 | + width: 60vw; } } | |
| 1581 | + | |
| 1582 | +/* 576-768px sm Small */ | |
| 1583 | +/* 375-576px Extra small */ | |
| 1584 | +@media screen and (max-width: 576px) { | |
| 1585 | + .wtotem_map .wtotem_map-block__map { | |
| 1586 | + height: auto; } | |
| 1587 | + .wtotem_map #firewallMap { | |
| 1588 | + width: 100%; | |
| 1589 | + zoom: 0.8; } | |
| 1590 | + .wtotem_map .wtotem_country { | |
| 1591 | + margin-bottom: 20px; } | |
| 1592 | + .wtotem_map .wtotem_chart__wrapper { | |
| 1593 | + width: 100%; } } | |
| 1594 | + | |
| 1595 | +@media screen and (max-width: 500px) { | |
| 1596 | + .wtotem_map .firewall { | |
| 1597 | + width: 70vw; } } | |
| 1598 | + | |
| 1599 | +@media screen and (max-width: 420px) { | |
| 1600 | + .wtotem_map .firewall { | |
| 1601 | + width: 75vw; } } | |
| 1602 | + | |
| 1603 | +@media screen and (max-width: 390px) { | |
| 1604 | + .wtotem_map .firewall { | |
| 1605 | + width: 80vw; } } | |
| 1606 | + | |
| 1607 | +@media screen and (max-width: 375px) { | |
| 1608 | + .wtotem_map #firewallMap { | |
| 1609 | + width: 100%; | |
| 1610 | + zoom: 0.7; | |
| 1611 | + display: block; | |
| 1612 | + transform: translateX(25px); } } | |
| 1613 | + | |
| 1614 | +@media screen and (max-width: 340px) { | |
| 1615 | + .wtotem_map #firewallMap { | |
| 1616 | + width: 100%; | |
| 1617 | + zoom: 0.7; | |
| 1618 | + display: block; | |
| 1619 | + transform: translateX(15px); } } | |
| 1620 | + | |
| 1621 | +@media screen and (max-width: 340px) { | |
| 1622 | + .wtotem_map #firewallMap { | |
| 1623 | + width: 100%; | |
| 1624 | + zoom: 0.7; | |
| 1625 | + display: block; | |
| 1626 | + transform: translateX(5px); } } | |
| 1627 | + | |
| 1628 | +/* 320-375px Extra small */ | |
| 1629 | + | |
| 1521 | 1630 | .wtotem_state { |
| 1522 | 1631 | border-radius: 4px; |
| 1523 | 1632 | } |
| 1524 | 1633 | |
| @@ -2428,8 +2537,9 @@ | ||
| 2428 | 2537 | .wtotem_theme—dark .wtotem_footer, |
| 2429 | 2538 | .wtotem_theme—dark .wtotem_chart-first__right, |
| 2430 | 2539 | .wtotem_theme—dark .wtotem_control__block, |
| 2431 | 2540 | .wtotem_theme—dark .wtotem_state__select, |
| 2541 | +.wtotem_theme—dark .wtotem_chart__calendars, | |
| 2432 | 2542 | .wtotem_theme—dark .wtotem_unit__circle_loading { |
| 2433 | 2543 | background: #191919; |
| 2434 | 2544 | } |
| 2435 | 2545 | |
| @@ -2860,8 +2970,9 @@ | ||
| 2860 | 2970 | } |
| 2861 | 2971 | |
| 2862 | 2972 | .wtotem_table__text { |
| 2863 | 2973 | margin-left: 15px; |
| 2974 | + word-break: break-all; | |
| 2864 | 2975 | } |
| 2865 | 2976 | .wt-margin-20{ |
| 2866 | 2977 | margin: 20px; |
| 2867 | 2978 | } |
