You are here

popover.css in Open Social 8.7

.tooltip-inner {
  border-radius: 10px;
  color: #fff;
  background-color: #000;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000;
}

.popover {
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.popover-title {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 11px 11px 0 0;
}

.popover.top > .arrow {
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.popover.top > .arrow:after {
  border-top-color: #fff;
}

.popover.right > .arrow {
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
  border-right-color: #fff;
}

.popover.bottom > .arrow {
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  border-left-color: #fff;
}

File

themes/socialblue/assets/css/popover.css
View source
  1. .tooltip-inner {
  2. border-radius: 10px;
  3. color: #fff;
  4. background-color: #000;
  5. }
  6. .tooltip.top .tooltip-arrow {
  7. border-top-color: #000;
  8. }
  9. .tooltip.right .tooltip-arrow {
  10. border-right-color: #000;
  11. }
  12. .tooltip.left .tooltip-arrow {
  13. border-left-color: #000;
  14. }
  15. .tooltip.bottom .tooltip-arrow {
  16. border-bottom-color: #000;
  17. }
  18. .popover {
  19. border-radius: 10px;
  20. background-color: #fff;
  21. border: 1px solid #ccc;
  22. border: 1px solid rgba(0, 0, 0, 0.2);
  23. }
  24. .popover-title {
  25. background-color: #f7f7f7;
  26. border-bottom: 1px solid #ebebeb;
  27. border-radius: 11px 11px 0 0;
  28. }
  29. .popover.top > .arrow {
  30. border-top-color: #999999;
  31. border-top-color: rgba(0, 0, 0, 0.25);
  32. }
  33. .popover.top > .arrow:after {
  34. border-top-color: #fff;
  35. }
  36. .popover.right > .arrow {
  37. border-right-color: #999999;
  38. border-right-color: rgba(0, 0, 0, 0.25);
  39. }
  40. .popover.right > .arrow:after {
  41. border-right-color: #fff;
  42. }
  43. .popover.bottom > .arrow {
  44. border-bottom-color: #999999;
  45. border-bottom-color: rgba(0, 0, 0, 0.25);
  46. }
  47. .popover.bottom > .arrow:after {
  48. border-bottom-color: #fff;
  49. }
  50. .popover.left > .arrow {
  51. border-left-color: #999999;
  52. border-left-color: rgba(0, 0, 0, 0.25);
  53. }
  54. .popover.left > .arrow:after {
  55. border-left-color: #fff;
  56. }