106c3fb27SDimitry Andric/*===-- HTMLLogger.css ----------------------------------------------------=== 206c3fb27SDimitry Andric* 306c3fb27SDimitry Andric* Part of the LLVM Project, under the Apache License v2.0 with LLVM Exceptions. 406c3fb27SDimitry Andric* See https://llvm.org/LICENSE.txt for license information. 506c3fb27SDimitry Andric* SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception 606c3fb27SDimitry Andric* 706c3fb27SDimitry Andric*===----------------------------------------------------------------------===*/ 806c3fb27SDimitry Andrichtml { font-family: sans-serif; } 906c3fb27SDimitry Andricbody { margin: 0; display: flex; justify-content: left; } 1006c3fb27SDimitry Andricbody > * { box-sizing: border-box; } 1106c3fb27SDimitry Andricbody > section { 1206c3fb27SDimitry Andric border: 1px solid black; 1306c3fb27SDimitry Andric min-width: 20em; 1406c3fb27SDimitry Andric overflow: auto; 1506c3fb27SDimitry Andric max-height: 100vh; 1606c3fb27SDimitry Andric} 1706c3fb27SDimitry Andricsection header { 1806c3fb27SDimitry Andric background-color: #008; 1906c3fb27SDimitry Andric color: white; 2006c3fb27SDimitry Andric font-weight: bold; 2106c3fb27SDimitry Andric font-size: large; 22*5f757f3fSDimitry Andric padding-right: 0.5em; 2306c3fb27SDimitry Andric} 2406c3fb27SDimitry Andricsection h2 { 2506c3fb27SDimitry Andric font-size: medium; 2606c3fb27SDimitry Andric margin-bottom: 0.5em; 2706c3fb27SDimitry Andric padding-top: 0.5em; 2806c3fb27SDimitry Andric border-top: 1px solid #aaa; 2906c3fb27SDimitry Andric} 3006c3fb27SDimitry Andric#timeline { 31*5f757f3fSDimitry Andric min-width: max-content; 3206c3fb27SDimitry Andric} 3306c3fb27SDimitry Andric#timeline .entry.hover { 3406c3fb27SDimitry Andric background-color: #aaa; 3506c3fb27SDimitry Andric} 3606c3fb27SDimitry Andric#timeline .entry.iter-select { 3706c3fb27SDimitry Andric background-color: #aac; 3806c3fb27SDimitry Andric} 3906c3fb27SDimitry Andric 4006c3fb27SDimitry Andric#bb-elements { 4106c3fb27SDimitry Andric font-family: monospace; 4206c3fb27SDimitry Andric font-size: x-small; 4306c3fb27SDimitry Andric border-collapse: collapse; 4406c3fb27SDimitry Andric} 4506c3fb27SDimitry Andric#bb-elements td:nth-child(1) { 4606c3fb27SDimitry Andric text-align: right; 4706c3fb27SDimitry Andric width: 4em; 4806c3fb27SDimitry Andric border-right: 1px solid #008; 4906c3fb27SDimitry Andric padding: 0.3em 0.5em; 5006c3fb27SDimitry Andric 5106c3fb27SDimitry Andric font-weight: bold; 5206c3fb27SDimitry Andric color: #888; 5306c3fb27SDimitry Andric}; 5406c3fb27SDimitry Andric#bb-elements tr.hover { 5506c3fb27SDimitry Andric background-color: #abc; 5606c3fb27SDimitry Andric} 5706c3fb27SDimitry Andric#bb-elements tr.elt-select { 5806c3fb27SDimitry Andric background-color: #acf; 5906c3fb27SDimitry Andric} 6006c3fb27SDimitry Andric#iterations { 6106c3fb27SDimitry Andric display: flex; 6206c3fb27SDimitry Andric} 6306c3fb27SDimitry Andric#iterations .chooser { 6406c3fb27SDimitry Andric flex-grow: 1; 6506c3fb27SDimitry Andric text-align: center; 66*5f757f3fSDimitry Andric padding-left: 0.2em; 67*5f757f3fSDimitry Andric} 68*5f757f3fSDimitry Andric#iterations .chooser :last-child { 69*5f757f3fSDimitry Andric padding-right: 0.2em; 7006c3fb27SDimitry Andric} 7106c3fb27SDimitry Andric#iterations .chooser:not(.iter-select).hover { 72*5f757f3fSDimitry Andric background-color: #ddd; 7306c3fb27SDimitry Andric} 7406c3fb27SDimitry Andric#iterations .iter-select { 7506c3fb27SDimitry Andric font-weight: bold; 7606c3fb27SDimitry Andric} 7706c3fb27SDimitry Andric#iterations .chooser:not(.iter-select) { 7806c3fb27SDimitry Andric text-decoration: underline; 7906c3fb27SDimitry Andric color: blue; 80*5f757f3fSDimitry Andric cursor: pointer; 81*5f757f3fSDimitry Andric background-color: #ccc; 8206c3fb27SDimitry Andric} 8306c3fb27SDimitry Andric 8406c3fb27SDimitry Andriccode.filename { 8506c3fb27SDimitry Andric font-weight: bold; 8606c3fb27SDimitry Andric color: black; 8706c3fb27SDimitry Andric background-color: #ccc; 8806c3fb27SDimitry Andric display: block; 8906c3fb27SDimitry Andric text-align: center; 9006c3fb27SDimitry Andric} 9106c3fb27SDimitry Andriccode.line { 9206c3fb27SDimitry Andric display: block; 9306c3fb27SDimitry Andric white-space: pre; 9406c3fb27SDimitry Andric} 9506c3fb27SDimitry Andriccode.line:before { /* line numbers */ 9606c3fb27SDimitry Andric content: attr(data-line); 9706c3fb27SDimitry Andric display: inline-block; 9806c3fb27SDimitry Andric width: 2em; 9906c3fb27SDimitry Andric text-align: right; 10006c3fb27SDimitry Andric padding-right: 2px; 10106c3fb27SDimitry Andric background-color: #ccc; 10206c3fb27SDimitry Andric border-right: 1px solid #888; 10306c3fb27SDimitry Andric margin-right: 8px; 10406c3fb27SDimitry Andric} 10506c3fb27SDimitry Andriccode.line:has(.bb-select):before { 10606c3fb27SDimitry Andric border-right: 4px solid black; 10706c3fb27SDimitry Andric margin-right: 5px; 10806c3fb27SDimitry Andric} 10906c3fb27SDimitry Andric.c.hover, .bb.hover { 11006c3fb27SDimitry Andric filter: saturate(200%) brightness(90%); 11106c3fb27SDimitry Andric} 11206c3fb27SDimitry Andric.c.elt-select { 11306c3fb27SDimitry Andric box-shadow: inset 0 -4px 2px -2px #a00; 11406c3fb27SDimitry Andric} 11506c3fb27SDimitry Andric.bb.bb-select polygon { 11606c3fb27SDimitry Andric stroke-width: 4px; 11706c3fb27SDimitry Andric filter: brightness(70%) saturate(150%); 11806c3fb27SDimitry Andric} 11906c3fb27SDimitry Andric.bb { user-select: none; } 12006c3fb27SDimitry Andric.bb polygon { fill: white; } 12106c3fb27SDimitry Andric#cfg { 12206c3fb27SDimitry Andric position: relative; 12306c3fb27SDimitry Andric margin-left: 0.5em; 12406c3fb27SDimitry Andric} 12506c3fb27SDimitry Andric 12606c3fb27SDimitry Andric.value { 12706c3fb27SDimitry Andric border: 1px solid #888; 12806c3fb27SDimitry Andric font-size: x-small; 12906c3fb27SDimitry Andric flex-grow: 1; 13006c3fb27SDimitry Andric} 131*5f757f3fSDimitry Andric.value > summary { 13206c3fb27SDimitry Andric background-color: #ace; 13306c3fb27SDimitry Andric display: flex; 134*5f757f3fSDimitry Andric cursor: pointer; 135*5f757f3fSDimitry Andric} 136*5f757f3fSDimitry Andric.value > summary::before { 137*5f757f3fSDimitry Andric content: '\25ba'; /* Black Right-Pointing Pointer */ 138*5f757f3fSDimitry Andric margin-right: 0.5em; 139*5f757f3fSDimitry Andric font-size: 0.9em; 140*5f757f3fSDimitry Andric} 141*5f757f3fSDimitry Andric.value[open] > summary::before { 142*5f757f3fSDimitry Andric content: '\25bc'; /* Black Down-Pointing Triangle */ 143*5f757f3fSDimitry Andric} 144*5f757f3fSDimitry Andric.value > summary > .location { 145*5f757f3fSDimitry Andric margin-left: auto; 14606c3fb27SDimitry Andric} 14706c3fb27SDimitry Andric.value .address { 14806c3fb27SDimitry Andric font-size: xx-small; 14906c3fb27SDimitry Andric font-family: monospace; 15006c3fb27SDimitry Andric color: #888; 15106c3fb27SDimitry Andric} 15206c3fb27SDimitry Andric.value .property { 15306c3fb27SDimitry Andric display: flex; 15406c3fb27SDimitry Andric margin-top: 0.5em; 15506c3fb27SDimitry Andric} 15606c3fb27SDimitry Andric.value .property .key { 15706c3fb27SDimitry Andric font-weight: bold; 15806c3fb27SDimitry Andric min-width: 5em; 15906c3fb27SDimitry Andric} 160