tooltip.less 803 B

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