overlaypanel.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .ui-overlaypanel {
  2. padding: 0;
  3. margin: 0;
  4. position: absolute;
  5. margin-top: 10px;
  6. }
  7. .ui-overlaypanel-flipped {
  8. margin-top: 0;
  9. margin-bottom: 10px;
  10. }
  11. .ui-overlaypanel-content {
  12. padding: 0.5em 1em;
  13. }
  14. .ui-overlaypanel-close {
  15. position: absolute;
  16. top: -1em;
  17. right: -1em;
  18. width: 2em;
  19. height: 2em;
  20. line-height: 2em;
  21. text-align: center;
  22. -moz-border-radius: 100%;
  23. -webkit-border-radius: 100%;
  24. border-radius: 100%;
  25. cursor: pointer;
  26. }
  27. .ui-overlaypanel-close-icon {
  28. line-height: inherit;
  29. }
  30. .ui-overlaypanel:after, .ui-overlaypanel:before {
  31. bottom: 100%;
  32. left: 1.25em;
  33. border: solid transparent;
  34. content: " ";
  35. height: 0;
  36. width: 0;
  37. position: absolute;
  38. pointer-events: none;
  39. }
  40. .ui-overlaypanel:after {
  41. border-width: 8px;
  42. margin-left: -8px;
  43. }
  44. .ui-overlaypanel:before {
  45. border-width: 10px;
  46. margin-left: -10px;
  47. }
  48. .ui-overlaypanel-shifted:after, .ui-overlaypanel-shifted:before {
  49. left: auto;
  50. right: 1.25em;
  51. margin-left: auto;
  52. }
  53. .ui-overlaypanel-shifted:after {
  54. margin-right: -8px;
  55. }
  56. .ui-overlaypanel:before {
  57. margin-right: -10px;
  58. }
  59. .ui-overlaypanel-flipped:after, .ui-overlaypanel-flipped:before {
  60. bottom: auto;
  61. top: 100%;
  62. }
  63. .ui-overlaypanel.ui-overlaypanel-flipped:after {
  64. border-bottom-color: transparent;
  65. }
  66. .ui-overlaypanel.ui-overlaypanel-flipped:before {
  67. border-bottom-color: transparent
  68. }