tooltip.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .ui-tooltip {
  2. position:absolute;
  3. display:none;
  4. padding: .25em .5em;
  5. max-width: 12.5em;
  6. }
  7. .ui-tooltip.ui-tooltip-right,
  8. .ui-tooltip.ui-tooltip-left {
  9. padding: 0 .25em;
  10. }
  11. .ui-tooltip.ui-tooltip-top,
  12. .ui-tooltip.ui-tooltip-bottom {
  13. padding:.25em 0;
  14. }
  15. .ui-tooltip .ui-tooltip-text {
  16. padding: .125em .5em;
  17. background-color: rgb(76, 76, 76);
  18. color: #ffffff;
  19. white-space: pre-line;
  20. }
  21. .ui-tooltip-arrow {
  22. position: absolute;
  23. width: 0;
  24. height: 0;
  25. border-color: transparent;
  26. border-style: solid;
  27. }
  28. .ui-tooltip-right .ui-tooltip-arrow {
  29. top: 50%;
  30. left: 0;
  31. margin-top: -.25em;
  32. border-width: .25em .25em .25em 0;
  33. border-right-color: rgb(76, 76, 76);
  34. }
  35. .ui-tooltip-left .ui-tooltip-arrow {
  36. top: 50%;
  37. right: 0;
  38. margin-top: -.25em;
  39. border-width: .25em 0 .25em .25em;
  40. border-left-color: rgb(76, 76, 76);
  41. }
  42. .ui-tooltip.ui-tooltip-top {
  43. padding: .25em 0;
  44. }
  45. .ui-tooltip-top .ui-tooltip-arrow {
  46. bottom: 0;
  47. left: 50%;
  48. margin-left: -.25em;
  49. border-width: .25em .25em 0;
  50. border-top-color: rgb(76, 76, 76);
  51. }
  52. .ui-tooltip-bottom .ui-tooltip-arrow {
  53. top: 0;
  54. left: 50%;
  55. margin-left: -.25em;
  56. border-width: 0 .25em .25em;
  57. border-bottom-color: rgb(76, 76, 76);
  58. }