[Summary view] [Print] [Text view]

   1  /**
   2   * @provides aphront-tooltip-css
   3   */
   4  
   5  .jx-tooltip-container {
   6    position: absolute;
   7  }
   8  
   9  .jx-tooltip-inner {
  10    position: relative;
  11    background: rgba(0,0,0, .9);
  12    border-radius: 3px;
  13  }
  14  
  15  .jx-tooltip {
  16    color: #f9f9f9;
  17    font-size: 13px;
  18    padding: 6px 8px;
  19    overflow: hidden;
  20    white-space: pre-wrap;
  21  }
  22  
  23  .jx-tooltip:after {
  24    border: solid transparent;
  25    content: " ";
  26    height: 0;
  27    width: 0;
  28    position: absolute;
  29    pointer-events: none;
  30    border-color: rgba(0, 0, 0, 0);
  31    border-width: 5px;
  32  }
  33  
  34  .jx-tooltip-align-E {
  35    margin-left: 5px;
  36  }
  37  
  38  .jx-tooltip-align-E .jx-tooltip:after {
  39    margin-top: -5px;
  40    border-right-color: #000;
  41    right: 100%;
  42    top: 50%;
  43  }
  44  
  45  .jx-tooltip-align-E {
  46    margin-right: 5px;
  47  }
  48  
  49  .jx-tooltip-align-W .jx-tooltip:after {
  50    margin-top: -5px;
  51    border-left-color: #000;
  52    left: 100%;
  53    top: 50%;
  54  }
  55  
  56  .jx-tooltip-align-N {
  57    margin-bottom: 5px;
  58  }
  59  
  60  .jx-tooltip-align-N .jx-tooltip:after {
  61    margin-left: -5px;
  62    border-top-color: #000;
  63    top: 100%;
  64    left: 50%;
  65  }
  66  
  67  .jx-tooltip-align-N {
  68    margin-top: 5px;
  69  }
  70  
  71  .jx-tooltip-align-S .jx-tooltip:after {
  72    margin-left: -5px;
  73    border-bottom-color: #000;
  74    bottom: 100%;
  75    left: 50%;
  76  }