static/css/d3-tip.css

   1 .d3-tip {
   2   font-family: Arial, Helvetica, sans-serif;
   3   line-height: 1.4;
   4   padding: 20px;
   5   pointer-events: none !important;
   6   color: #203d5d;
   7   box-shadow: 0 4px 20px 4px rgba(0, 20, 60, .1), 0 4px 80px -8px rgba(0, 20, 60, .2);
   8   background-color: #fff;
   9   border-radius: 4px;
  10 }
  11
  12 /* Creates a small triangle extender for the tooltip */
  13 .d3-tip:after {
  14   box-sizing: border-box;
  15   display: inline;
  16   font-size: 10px;
  17   width: 100%;
  18   line-height: 1;
  19   color: #fff;
  20   position: absolute;
  21   pointer-events: none;
  22 }
  23
  24 /* Northward tooltips */
  25 .d3-tip.n:after {
  26   content: "▼";
  27   margin: -1px 0 0 0;
  28   top: 100%;
  29   left: 0;
  30   text-align: center;
  31 }
  32
  33 /* Eastward tooltips */
  34 .d3-tip.e:after {
  35   content: "◀";
  36   margin: -4px 0 0 0;
  37   top: 50%;
  38   left: -8px;
  39 }
  40
  41 /* Southward tooltips */
  42 .d3-tip.s:after {
  43   content: "▲";
  44   margin: 0 0 1px 0;
  45   top: -8px;
  46   left: 0;
  47   text-align: center;
  48 }
  49
  50 /* Westward tooltips */
  51 .d3-tip.w:after {
  52   content: "▶";
  53   margin: -4px 0 0 -1px;
  54   top: 50%;
  55   left: 100%;
  56 }