1body {
2  overflow: hidden; /* Want scrollbar not here, but in #stack-holder */
3}
4/* Scrollable container for flame graph */
5#stack-holder {
6  width: 100%;
7  flex-grow: 1;
8  overflow-y: auto;
9  background: #eee; /* Light grey gives better contrast with boxes */
10  position: relative; /* Allows absolute positioning of child boxes */
11}
12/* Flame graph */
13#stack-chart {
14  width: 100%;
15  position: relative; /* Allows absolute positioning of child boxes */
16}
17/* Shows details of frame that is under the mouse */
18#current-details {
19  position: absolute;
20  top: 5px;
21  right: 5px;
22  z-index: 2;
23  font-size: 12pt;
24}
25/* Background of a single flame-graph frame */
26.boxbg {
27  border-width: 0px;
28  position: absolute;
29  overflow: hidden;
30  box-sizing: border-box;
31  background: #d8d8d8;
32}
33.positive { position: absolute; background: #caa; }
34.negative { position: absolute; background: #aca; }
35/* Not-inlined frames are visually separated from their caller. */
36.not-inlined {
37  border-top: 1px solid black;
38}
39/* Function name */
40.boxtext {
41  position: absolute;
42  width: 100%;
43  padding-left: 2px;
44  line-height: 18px;
45  cursor: default;
46  font-family: "Google Sans", Arial, sans-serif;
47  font-size: 12pt;
48  z-index: 2;
49}
50/* Box highlighting via shadows to avoid size changes */
51.hilite { box-shadow: 0px 0px 0px 2px #000; z-index: 1; }
52.hilite2 { box-shadow: 0px 0px 0px 2px #000; z-index: 1; }
53/* Gap left between callers and callees */
54.separator {
55  position: absolute;
56  text-align: center;
57  font-size: 12pt;
58  font-weight: bold;
59}
60/* Ensure that pprof menu is above boxes */
61.submenu { z-index: 3; }
62/* Right-click menu */
63#action-menu {
64  max-width: 15em;
65}
66/* Right-click menu title */
67#action-title {
68  display: block;
69  padding: 0.5em 1em;
70  background: #888;
71  text-overflow: ellipsis;
72  overflow: hidden;
73}
74/* Internal canvas used to measure text size when picking fonts */
75#textsizer {
76  position: absolute;
77  bottom: -100px;
78}
79