popovers.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // POPOVERS
  2. // --------
  3. .popover {
  4. position: absolute;
  5. top: 0;
  6. left: 0;
  7. z-index: @zindexPopover;
  8. display: none;
  9. padding: 5px;
  10. &.top { margin-top: -5px; }
  11. &.right { margin-left: 5px; }
  12. &.bottom { margin-top: 5px; }
  13. &.left { margin-left: -5px; }
  14. &.top .arrow { #popoverArrow > .top(); }
  15. &.right .arrow { #popoverArrow > .right(); }
  16. &.bottom .arrow { #popoverArrow > .bottom(); }
  17. &.left .arrow { #popoverArrow > .left(); }
  18. .arrow {
  19. position: absolute;
  20. width: 0;
  21. height: 0;
  22. }
  23. }
  24. .popover-inner {
  25. padding: 3px;
  26. width: 280px;
  27. overflow: hidden;
  28. background: @black; // has to be full background declaration for IE fallback
  29. background: rgba(0,0,0,.8);
  30. .border-radius(6px);
  31. .box-shadow(0 3px 7px rgba(0,0,0,0.3));
  32. }
  33. .popover-title {
  34. padding: 9px 15px;
  35. line-height: 1;
  36. background-color: #f5f5f5;
  37. border-bottom:1px solid #eee;
  38. .border-radius(3px 3px 0 0);
  39. }
  40. .popover-content {
  41. padding: 14px;
  42. background-color: @white;
  43. .border-radius(0 0 3px 3px);
  44. .background-clip(padding-box);
  45. p, ul, ol {
  46. margin-bottom: 0;
  47. }
  48. }