xref: /freebsd/contrib/llvm-project/clang/lib/Analysis/FlowSensitive/HTMLLogger.css (revision 96190b4fef3b4a0cc3ca0606b0c4e3e69a5e6717) 
1/*===-- HTMLLogger.css ----------------------------------------------------===
2*
3* Part of the LLVM Project, under the Apache License v2.0 with LLVM Exceptions.
4* See https://llvm.org/LICENSE.txt for license information.
5* SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
6*
7*===----------------------------------------------------------------------===*/
8html { font-family: sans-serif; }
9body { margin: 0; display: flex; justify-content: left; }
10body > * { box-sizing: border-box; }
11body > section {
12  border: 1px solid black;
13  min-width: 20em;
14  overflow: auto;
15  max-height: 100vh;
16}
17section header {
18  background-color: #008;
19  color: white;
20  font-weight: bold;
21  font-size: large;
22  padding-right: 0.5em;
23}
24section h2 {
25  font-size: medium;
26  margin-bottom: 0.5em;
27  padding-top: 0.5em;
28  border-top: 1px solid #aaa;
29}
30#timeline {
31  min-width: max-content;
32}
33#timeline .entry.hover {
34  background-color: #aaa;
35}
36#timeline .entry.iter-select {
37  background-color: #aac;
38}
39
40#bb-elements {
41  font-family: monospace;
42  font-size: x-small;
43  border-collapse: collapse;
44}
45#bb-elements td:nth-child(1) {
46  text-align: right;
47  width: 4em;
48  border-right: 1px solid #008;
49  padding: 0.3em 0.5em;
50
51  font-weight: bold;
52  color: #888;
53};
54#bb-elements tr.hover {
55  background-color: #abc;
56}
57#bb-elements tr.elt-select {
58  background-color: #acf;
59}
60#iterations {
61  display: flex;
62}
63#iterations .chooser {
64  flex-grow: 1;
65  text-align: center;
66  padding-left: 0.2em;
67}
68#iterations .chooser :last-child {
69  padding-right: 0.2em;
70}
71#iterations .chooser:not(.iter-select).hover {
72  background-color: #ddd;
73}
74#iterations .iter-select {
75  font-weight: bold;
76}
77#iterations .chooser:not(.iter-select) {
78  text-decoration: underline;
79  color: blue;
80  cursor: pointer;
81  background-color: #ccc;
82}
83
84code.filename {
85  font-weight: bold;
86  color: black;
87  background-color: #ccc;
88  display: block;
89  text-align: center;
90}
91code.line {
92  display: block;
93  white-space: pre;
94}
95code.line:before { /* line numbers */
96  content: attr(data-line);
97  display: inline-block;
98  width: 2em;
99  text-align: right;
100  padding-right: 2px;
101  background-color: #ccc;
102  border-right: 1px solid #888;
103  margin-right: 8px;
104}
105code.line:has(.bb-select):before {
106  border-right: 4px solid black;
107  margin-right: 5px;
108}
109.c.hover, .bb.hover {
110  filter: saturate(200%) brightness(90%);
111}
112.c.elt-select {
113  box-shadow: inset 0 -4px 2px -2px #a00;
114}
115.bb.bb-select polygon {
116  stroke-width: 4px;
117  filter: brightness(70%) saturate(150%);
118}
119.bb { user-select: none; }
120.bb polygon { fill: white; }
121#cfg {
122  position: relative;
123  margin-left: 0.5em;
124}
125
126.value {
127  border: 1px solid #888;
128  font-size: x-small;
129  flex-grow: 1;
130}
131.value > summary {
132  background-color: #ace;
133  display: flex;
134  cursor: pointer;
135}
136.value > summary::before {
137  content: '\25ba';  /* Black Right-Pointing Pointer */
138  margin-right: 0.5em;
139  font-size: 0.9em;
140}
141.value[open] > summary::before {
142  content: '\25bc';  /* Black Down-Pointing Triangle */
143}
144.value > summary > .location {
145  margin-left: auto;
146}
147.value .address {
148  font-size: xx-small;
149  font-family: monospace;
150  color: #888;
151}
152.value .property {
153  display: flex;
154  margin-top: 0.5em;
155}
156.value .property .key {
157  font-weight: bold;
158  min-width: 5em;
159}
160