OLD | NEW |
1 /* Global styles */ | 1 /* Global styles */ |
2 * { | 2 * { |
3 margin: 0; | 3 margin: 0; |
4 padding: 0; | 4 padding: 0; |
5 box-sizing: border-box; | 5 box-sizing: border-box; |
6 } | 6 } |
7 | 7 |
8 body { | 8 body { |
9 padding-top: 56px; | 9 padding-top: 56px; |
10 color: #333; | 10 color: #333; |
(...skipping 1559 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1570 color: #0489c3; | 1570 color: #0489c3; |
1571 text-decoration: none; | 1571 text-decoration: none; |
1572 } | 1572 } |
1573 megamorphic-cache-ref > a[href] * { | 1573 megamorphic-cache-ref > a[href] * { |
1574 color: inherit; | 1574 color: inherit; |
1575 } | 1575 } |
1576 megamorphic-ref .emphasize { | 1576 megamorphic-ref .emphasize { |
1577 font-style: italic; | 1577 font-style: italic; |
1578 } | 1578 } |
1579 | 1579 |
| 1580 /* allocation-profile */ |
| 1581 |
| 1582 memory-dashboard .heap-space { |
| 1583 display: inline-block; |
| 1584 width: 50%; |
| 1585 } |
| 1586 |
| 1587 memory-dashboard .heap-space.right, |
| 1588 memory-dashboard .heap-space.right .memberList, |
| 1589 memory-dashboard .heap-space.right .legend * { |
| 1590 direction: rtl; |
| 1591 } |
| 1592 |
| 1593 memory-dashboard .compactable { |
| 1594 position: relative; |
| 1595 } |
| 1596 |
| 1597 memory-dashboard .compact { |
| 1598 position: absolute; |
| 1599 bottom: 20px; |
| 1600 left: 50%; |
| 1601 width: 8em; |
| 1602 margin-left: -4em; |
| 1603 } |
| 1604 |
| 1605 memory-dashboard .heap-space.right * { |
| 1606 direction: ltr; |
| 1607 text-align: right; |
| 1608 } |
| 1609 |
| 1610 memory-dashboard div.chart { |
| 1611 display: block; |
| 1612 position: relative; |
| 1613 height: 150px; |
| 1614 } |
| 1615 memory-dashboard div.chart > div.host { |
| 1616 display: inline-block; |
| 1617 position: absolute; |
| 1618 bottom: 0px; |
| 1619 top: 0; |
| 1620 } |
| 1621 memory-dashboard div.chart > div.legend { |
| 1622 position: absolute; |
| 1623 width: 150px; |
| 1624 top: 25px; |
| 1625 bottom: 0; |
| 1626 overflow-y: auto; |
| 1627 } |
| 1628 memory-dashboard .heap-space.left div.host { |
| 1629 left: 200px; |
| 1630 width: 180px; |
| 1631 } |
| 1632 memory-dashboard .heap-space.right div.host { |
| 1633 right: 150px; |
| 1634 width: 180px; |
| 1635 } |
| 1636 memory-dashboard .heap-space.left div.legend { |
| 1637 left: 0; |
| 1638 } |
| 1639 memory-dashboard .heap-space.right div.legend { |
| 1640 right: 0; |
| 1641 } |
| 1642 |
| 1643 memory-dashboard .collection { |
| 1644 position: absolute; |
| 1645 bottom: 0; |
| 1646 left: 0; |
| 1647 right: 0; |
| 1648 top: 560px; |
| 1649 } |
| 1650 |
| 1651 memory-dashboard .collection.expanded { |
| 1652 top: 160px; |
| 1653 } |
| 1654 |
| 1655 memory-dashboard .collection-item { |
| 1656 box-sizing: border-box; |
| 1657 line-height: 20px; |
| 1658 margin-left: 5%; |
| 1659 margin-right: 5%; |
| 1660 } |
| 1661 |
| 1662 memory-dashboard .header .collection-item:last-child { |
| 1663 margin-bottom: -3px; |
| 1664 border-bottom: solid 1px #AAAAAA; |
| 1665 } |
| 1666 |
| 1667 memory-dashboard .header .collection-item span { |
| 1668 font-weight: bolder; |
| 1669 } |
| 1670 |
| 1671 memory-dashboard .collection-item :nth-child(2n+2).group, |
| 1672 memory-dashboard .collection-item :nth-child(4n+3).bytes, |
| 1673 memory-dashboard .collection-item :nth-child(4n+3).instances, |
| 1674 memory-dashboard .collection-item :nth-child(4n+4).bytes, |
| 1675 memory-dashboard .collection-item :nth-child(4n+4).instances { |
| 1676 background-color: #EEEEEE; |
| 1677 } |
| 1678 |
| 1679 memory-dashboard .collection-item:hover :nth-child(2n+2).group, |
| 1680 memory-dashboard .collection-item:hover :nth-child(4n+3).bytes, |
| 1681 memory-dashboard .collection-item:hover :nth-child(4n+3).instances, |
| 1682 memory-dashboard .collection-item:hover :nth-child(4n+4).bytes, |
| 1683 memory-dashboard .collection-item:hover :nth-child(4n+4).instances { |
| 1684 background-color: #afd5fd; |
| 1685 } |
| 1686 |
| 1687 memory-dashboard .header .collection-item :nth-child(2n+2).group, |
| 1688 memory-dashboard .header .collection-item :nth-child(4n+3).bytes, |
| 1689 memory-dashboard .header .collection-item :nth-child(4n+3).instances, |
| 1690 memory-dashboard .header .collection-item :nth-child(4n+4).bytes, |
| 1691 memory-dashboard .header .collection-item :nth-child(4n+4).instances { |
| 1692 background-color: #DDDDDD; |
| 1693 } |
| 1694 |
| 1695 memory-dashboard .scroller .collection-item:hover { |
| 1696 background-color: #d2e7fe; |
| 1697 } |
| 1698 |
| 1699 memory-dashboard .collection-item .group { |
| 1700 background-color: white; |
| 1701 display: inline-block; |
| 1702 width: 12em; |
| 1703 text-align: right; |
| 1704 padding-right: 0.5em; |
| 1705 line-height: 20px; |
| 1706 border-right: solid 1px #AAAAAA; |
| 1707 } |
| 1708 |
| 1709 memory-dashboard .collection-item .bytes { |
| 1710 background-color: white; |
| 1711 display: inline-block; |
| 1712 width: 6em; |
| 1713 text-align: right; |
| 1714 line-height: 20px; |
| 1715 padding-right: 0.5em; |
| 1716 } |
| 1717 |
| 1718 memory-dashboard .collection-item .instances { |
| 1719 background-color: white; |
| 1720 display: inline-block; |
| 1721 width: 6em; |
| 1722 text-align: right; |
| 1723 padding-right: 0.5em; |
| 1724 line-height: 20px; |
| 1725 border-right: solid 1px #AAAAAA; |
| 1726 } |
| 1727 |
| 1728 memory-dashboard .collection-item .name { |
| 1729 background-color: white; |
| 1730 padding-left: 0.5em; |
| 1731 } |
| 1732 |
| 1733 memory-dashboard .collection-item > button, |
| 1734 memory-dashboard .collection-item > button:active { |
| 1735 background-color: transparent; |
| 1736 color: #0489c3; |
| 1737 border-style: none; |
| 1738 } |
| 1739 |
| 1740 memory-dashboard .collection-item > button:hover { |
| 1741 text-decoration: underline; |
| 1742 } |
| 1743 |
1580 /* metric-graph */ | 1744 /* metric-graph */ |
1581 | 1745 |
1582 metric-graph { | 1746 metric-graph { |
1583 display: block; | 1747 display: block; |
1584 height: 100%; | 1748 height: 100%; |
1585 } | 1749 } |
1586 | 1750 |
1587 metric-graph .graph { | 1751 metric-graph .graph { |
1588 height: 100%; | 1752 height: 100%; |
1589 margin-top: -30px; | 1753 margin-top: -30px; |
(...skipping 766 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2356 | 2520 |
2357 vm-connect-target > button.delete-button:hover { | 2521 vm-connect-target > button.delete-button:hover { |
2358 background: #ff0000; | 2522 background: #ff0000; |
2359 } | 2523 } |
2360 | 2524 |
2361 /* vm-connect */ | 2525 /* vm-connect */ |
2362 | 2526 |
2363 vm-connect ul { | 2527 vm-connect ul { |
2364 list-style-type: none; | 2528 list-style-type: none; |
2365 } | 2529 } |
OLD | NEW |