themes/default/less/tooltip.less

   1 // TOOLTIP
   2 // ------=
   3
   4 .tooltip {
   5   position: absolute;
   6   z-index: @zindexDropdown;
   7   display: block;
   8   visibility: visible;
   9   padding: 5px;
  10   font-size: 11px;
  11   .opacity(0);
  12   &.in     { .opacity(80); }
  13   &.top    { margin-top:  -2px; }
  14   &.right  { margin-left:  2px; }
  15   &.bottom { margin-top:   12px; }
  16   &.left   { margin-left: -2px; }
  17   &.top .tooltip-arrow    { #popoverArrow > .top(); }
  18   &.left .tooltip-arrow   { #popoverArrow > .left(); }
  19   &.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
  20   &.right .tooltip-arrow  { #popoverArrow > .right(); }
  21 }
  22 .tooltip-inner {
  23   max-width: 200px;
  24   padding: 3px 8px;
  25   color: @white;
  26   text-align: center;
  27   text-decoration: none;
  28   background-color: @black;
  29   .border-radius(4px);
  30 }
  31 .tooltip-arrow {
  32   position: absolute;
  33   width: 0;
  34   height: 0;
  35 }