clang/lib/Analysis/FlowSensitive/HTMLLogger.css

   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 *===----------------------------------------------------------------------===*/
   8 html { font-family: sans-serif; }
   9 body { margin: 0; display: flex; justify-content: left; }
  10 body > * { box-sizing: border-box; }
  11 body > section {
  12   border: 1px solid black;
  13   min-width: 20em;
  14   overflow: auto;
  15   max-height: 100vh;
  16 }
  17 section header {
  18   background-color: #008;
  19   color: white;
  20   font-weight: bold;
  21   font-size: large;
  22   padding-right: 0.5em;
  23 }
  24 section 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
  84 code.filename {
  85   font-weight: bold;
  86   color: black;
  87   background-color: #ccc;
  88   display: block;
  89   text-align: center;
  90 }
  91 code.line {
  92   display: block;
  93   white-space: pre;
  94 }
  95 code.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 }
 105 code.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 }