[Summary view] [Print] [Text view]

   1  .tipsy {
   2      padding: 5px;
   3      position: absolute;
   4      z-index: 100000;
   5      cursor: default;
   6  }
   7  .tipsy-inner {
   8      padding: 5px 8px 4px 8px;
   9      /*background-color: #e8f2f8;*/
  10      background-color: #ffffff;
  11      border: solid 1px #a7d7f9;
  12      color: black;
  13      max-width: 15em;
  14      border-radius: 4px;
  15      /*
  16      -moz-box-shadow: 0px 2px 8px #cccccc;
  17      -webkit-box-shadow: 0px 2px 8px #cccccc;
  18      box-shadow: 0px 2px 8px #cccccc;
  19      -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc')";
  20      filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc');
  21      */
  22  }
  23  .tipsy-arrow {
  24      position: absolute;
  25      /* @embed */
  26      background: url('images/tipsy.png') no-repeat top left;
  27      width: 11px;
  28      height: 6px;
  29  }
  30  /* @noflip */ .tipsy-n .tipsy-arrow {
  31      top: 0px;
  32      left: 50%;
  33      margin-left: -5px;
  34  }
  35  /* @noflip */ .tipsy-nw .tipsy-arrow {
  36      top: 1px;
  37      left: 10px;
  38  }
  39  /* @noflip */ .tipsy-ne .tipsy-arrow {
  40      top: 1px;
  41      right: 10px;
  42  }
  43  /* @noflip */ .tipsy-s .tipsy-arrow {
  44      bottom: 0px;
  45      left: 50%;
  46      margin-left: -5px;
  47      background-position: bottom left;
  48  }
  49  /* @noflip */ .tipsy-sw .tipsy-arrow {
  50      bottom: 0px;
  51      left: 10px;
  52      background-position: bottom left;
  53  }
  54  /* @noflip */ .tipsy-se .tipsy-arrow {
  55      bottom: 0px;
  56      right: 10px;
  57      background-position: bottom left;
  58  }
  59  /* @noflip */ .tipsy-e .tipsy-arrow {
  60      top: 50%;
  61      margin-top: -5px;
  62      right: 1px;
  63      width: 5px;
  64      height: 11px;
  65      background-position: top right;
  66  }
  67  /* @noflip */ .tipsy-w .tipsy-arrow {
  68      top: 50%;
  69      margin-top: -5px;
  70      left: 0px;
  71      width: 6px;
  72      height: 11px;
  73  }