popover.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /**
  2. * jQuery.popover example stylesheet.
  3. * By Davey IJzermans
  4. * http://daveyyzermans.nl
  5. *
  6. * License: public domain
  7. */
  8. .popover {
  9. position: absolute;
  10. top: 0; left: 0;
  11. max-height: 240px;
  12. width: 220px;
  13. display: none;
  14. -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  15. box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  16. }
  17. .popover.wider {
  18. width: 340px;
  19. }
  20. .popover.large {
  21. width: 470px;
  22. max-height: 350px;
  23. }
  24. .popover .arrow, .popover .top-arrow {
  25. position: absolute;
  26. top: 0; left: 50%;
  27. margin: -10px 0 0 -3px;
  28. width: 0; height: 0;
  29. border-top: 5px solid transparent;
  30. border-left: 5px solid transparent;
  31. border-right: 5px solid transparent;
  32. border-bottom: 5px solid #121212;
  33. }
  34. .popover .bottom-arrow {
  35. top: 100%; left: 50%;
  36. margin: 0 0 0 -3px;
  37. border-top: 5px solid #121212;
  38. border-bottom: 5px solid transparent;
  39. }
  40. .popover .left-arrow {
  41. top: 50%; left: -10px;
  42. margin: -3px 0 0;
  43. border-right: 5px solid #121212;
  44. border-bottom: 5px solid transparent;
  45. }
  46. .popover .right-arrow {
  47. top: 50%; left: 100%;
  48. margin: -3px 0 0;
  49. border-left: 5px solid #121212;
  50. border-bottom: 5px solid transparent;
  51. }
  52. .popover .wrap {
  53. background: white;
  54. border: 3px solid #121212;
  55. border-radius: 4px;
  56. -moz-border-radius: 4px;
  57. -webkit-border-radius: 4px;
  58. }
  59. .popover .title {
  60. background: #121212 url(popover_gradient.png) repeat-x;
  61. color: white;
  62. font-size: 1.3em;
  63. text-align: center;
  64. padding: 8px 0 0 0;
  65. height: 27px;
  66. }
  67. .popover .content {
  68. padding: 15px;
  69. max-height: 175px;
  70. overflow: auto;
  71. line-height: 1.3em;
  72. font-size: 0.9em;
  73. }
  74. .popover.large .content {
  75. max-height: 285px;
  76. }