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