git.sesse.net Git - pkanalytics/blob - ultimate.css

   1 :root {
   2         font-family: sans-serif;
   3         background-color: white;
   4         color: #111;
   5 }
   6 #mainmenu {
   7         text-transform: uppercase;
   8         color: #3366dd;
   9         font-weight: bold;
  10         padding-top: 10px;
  11         padding-bottom: 10px;
  12         margin-bottom: 10px;
  13         font-size: 90%;
  14         border-top: 1px solid #ddd;
  15         border-bottom: 1px solid #ddd;
  16 }
  17 #mainmenu span, #mainmenu a {
  18         padding-left: 20px;
  19         padding-right: 20px;
  20         padding-bottom: 9px;
  21 }
  22 #mainmenu span {
  23         border-bottom: 3px solid #3366dd;
  24 }
  25 #mainmenu a {
  26         color: rgba(0, 0, 0, 0.6);
  27         text-decoration: none;
  28 }
  29 .filter {
  30         padding-left: 10px;
  31         margin-top: 0;
  32         padding-top: 0;
  33         border-bottom: 1px solid #ddd;
  34         padding-bottom: 10px;
  35         margin-bottom: 10px;
  36 }
  37 .filtermenus {
  38         margin-bottom: 20px;
  39 }
  40 .filter-icon {
  41         vertical-align: middle;
  42 }
  43 .filter-legend {
  44         vertical-align: bottom;
  45         font-size: 14px;
  46         font-weight: bold;
  47 }
  48 .filter-pill {
  49         display: inline-block;
  50         vertical-align: bottom;
  51         margin-left: 5px;
  52         margin-top: 0;
  53         font-size: 13px;
  54         background-color: #35f;
  55         color: white;
  56         border-radius: 6px;
  57         padding-left: 6px;
  58         padding-right: 6px;
  59 }
  60 .filter-click-to-add {
  61         margin-left: 10px;
  62         vertical-align: bottom;
  63         font-size: 14px;
  64         font-style: italic;
  65         color: rgba(0, 0, 0, 0.4);
  66 }
  67 #filter-add-container {
  68         display: inline-block;
  69         top: 2px;
  70 }
  71 #filter-add-menu {
  72         display: none;
  73         /* display: block; */
  74         border: 1px solid black;
  75         position: absolute;
  76         top: 27px;
  77         left: 10px;
  78         background: white;
  79         width: 250px;
  80 }
  81 #filter-add-menu div.option, #filter-submenu div.option {
  82         padding-left: 10px;
  83         padding-top: 8px;
  84         padding-bottom: 8px;
  85         white-space: nowrap;
  86 }
  87 #filter-add-menu div.option:hover, #filter-submenu div.option:hover {
  88         background-color: #eee;
  89 }
  90 #filter-add-menu div.arrow {
  91         display: inline-block;
  92         position: absolute;
  93         right: 10px;
  94 }
  95 #filter-submenu {
  96         display: none;
  97         border: 1px solid black;
  98         position: absolute;
  99         top: 27px;  /* JavaScript will override with 35px extra for each line the submenu should be moved down. */
 100         left: 261px;
 101         background: white;
 102 }
 103 #filter-submenu div.option {
 104         padding-right: 12px;
 105 }
 106 .filter:not(:nth-child(1 of .filter)) svg,
 107 .filter:not(:nth-child(1 of .filter)) .filter-legend {
 108         opacity: 0;
 109 }
 110 div.option input[type="checkbox"] {
 111         margin-right: 0.5em;
 112 }
 113 table {
 114         border-collapse: collapse;
 115 }
 116 th {
 117         background-color: rgba(0, 0, 0, 0.05);
 118 }
 119 tr {
 120         border-top: 1px solid #ddd;
 121         border-bottom: 1px solid #ddd;
 122 }
 123 th, td {
 124         margin-left: 0;
 125         margin-right: 0;
 126         padding-left: 3px;
 127         padding-right: 3px;
 128         line-height: 2em;
 129 }
 130 th {
 131         padding-left: 15px;
 132         padding-right: 15px;
 133 }
 134 td {
 135         white-space: nowrap;
 136 }
 137 td.num {  /* Surrounded by pad. */
 138         text-align: right;
 139         max-width: content-width;
 140 }
 141 td:not(.pad) {
 142         width: 1px;  /* Causes pad to stretch. */
 143 }
 144 td.name {
 145         padding-right: 20px;
 146 }
 147
 148 .ci, .invertedci, .fillerci {
 149         vertical-align: middle;
 150         margin-left: 8px;
 151 }
 152
 153 .ci .marker { stroke: #000; stroke-width: 2px; }
 154 .ci .range.s0 { fill: #fdd; }
 155 .ci .range.s1 { fill: #dfd; }
 156
 157 .invertedci .marker { stroke: #000; stroke-width: 2px; }
 158 .invertedci .range.s0 { fill: #dfd; }
 159 .invertedci .range.s1 { fill: #fdd; }
 160
 161 .bar { fill: steelblue; }
 162
 163 .filtermarker { font-size: smaller; text-transform: uppercase; }