dhat/dh_view.css

   1
   2 /*--------------------------------------------------------------------*/
   3 /*--- DHAT: a Dynamic Heap Analysis Tool               dh_view.css ---*/
   4 /*--------------------------------------------------------------------*/
   5
   6 /*
   7    This file is part of DHAT, a Valgrind tool for profiling the
   8    heap usage of programs.
   9
  10    Copyright (C) 2018 Mozilla Foundation
  11
  12    This program is free software; you can redistribute it and/or
  13    modify it under the terms of the GNU General Public License as
  14    published by the Free Software Foundation; either version 2 of the
  15    License, or (at your option) any later version.
  16
  17    This program is distributed in the hope that it will be useful, but
  18    WITHOUT ANY WARRANTY; without even the implied warranty of
  19    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  20    General Public License for more details.
  21
  22    You should have received a copy of the GNU General Public License
  23    along with this program; if not, see <http://www.gnu.org/licenses/>.
  24
  25    The GNU General Public License is contained in the file COPYING.
  26 */
  27
  28 html {
  29   background: #cfcfcf; /* pale grey */
  30 }
  31
  32 .section {
  33   border-radius: 10px;
  34   background-color: white;
  35   padding: 1em;
  36   margin: 0.5em 0;
  37 }
  38
  39 div.header {
  40   font-weight: bold;
  41   display: inline-block;
  42   margin: 0 1.5em 0 0;
  43   border-radius: 10px;
  44   padding: 0.5em;
  45   background-color: #cfcfcf; /* pale grey */
  46   -moz-user-select: none;
  47   -webkit-user-select: none;
  48   -ms-user-select: none;
  49   user-select: none;
  50 }
  51
  52 .hidden {
  53   display: none;
  54 }
  55
  56 .error {
  57   color: red;
  58 }
  59
  60 .invocation {
  61   background-color: #bfd7d7; /* pale blue-grey */
  62 }
  63
  64 .times {
  65   background-color: #efdfbf; /* pale brown */
  66 }
  67
  68 .arrow, .treeline {
  69   background-color: white;
  70 }
  71
  72 .internal {
  73   cursor: pointer;
  74 }
  75
  76 /* increasingly pale shades of green */
  77 .leaf.lt100 { background-color: #7fff7f; }
  78 .leaf.lt32  { background-color: #8fff8f; }
  79 .leaf.lt16  { background-color: #9fff9f; }
  80 .leaf.lt8   { background-color: #afffaf; }
  81 .leaf.lt4   { background-color: #bfffbf; }
  82 .leaf.lt2   { background-color: #cfffcf; }
  83 .leaf.lt1   { background-color: #dfffdf; }
  84 .leaf.insig { background-color: #efffef; }
  85
  86 /* increasingly pale shades of yellow */
  87 .collapsed.lt100 { background-color: #ffff7f; }
  88 .collapsed.lt32  { background-color: #ffff8f; }
  89 .collapsed.lt16  { background-color: #ffff9f; }
  90 .collapsed.lt8   { background-color: #ffffaf; }
  91 .collapsed.lt4   { background-color: #ffffbf; }
  92 .collapsed.lt2   { background-color: #ffffcf; }
  93 .collapsed.lt1   { background-color: #ffffdf; }
  94 .collapsed.insig { background-color: #ffffef; }
  95
  96 /* increasingly pale shades of blue */
  97 .expanded.lt100 { background-color: #7f7fff; }
  98 .expanded.lt32  { background-color: #8f8fff; }
  99 .expanded.lt16  { background-color: #9f9fff; }
 100 .expanded.lt8   { background-color: #afafff; }
 101 .expanded.lt4   { background-color: #bfbfff; }
 102 .expanded.lt2   { background-color: #cfcfff; }
 103 .expanded.lt1   { background-color: #dfdfff; }
 104 .expanded.insig { background-color: #efefff; }
 105
 106 .bold {
 107   font-weight: bold;
 108 }
 109
 110 .threshold {
 111   background-color: #dfdfdf; /* pale grey */
 112 }
 113
 114 .noselect {
 115   -moz-user-select: none;
 116   -webkit-user-select: none;
 117   -ms-user-select: none;
 118   user-select: none;
 119 }
 120
 121 .legend, .timings {
 122   font-size: 80%;
 123   padding: 0 1em;
 124 }
 125
 126 .debug {
 127   font-size: 80%;
 128 }