popup.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /* Styles for popups */
  2. .d-popup{
  3. position:absolute;
  4. top:100px;
  5. left:0;
  6. z-index:100;
  7. background-color:#ccc;
  8. background:url(../images/info-popup-bg-2.png) repeat;
  9. width:250px;
  10. border-radius: 10px;
  11. -moz-border-radius: 10px;
  12. -webkit-border-radius: 10px;
  13. }
  14. .d-popup-inner{
  15. padding:20px;
  16. color:#fff;
  17. }
  18. .d-popup .close{
  19. position:absolute;
  20. top:10px;
  21. right:10px;
  22. display:block;
  23. width:14px;
  24. height:14px;
  25. background:url(../images/info-popup-sprite.png) no-repeat 0 -1px;
  26. cursor:pointer;
  27. font-size:0;
  28. line-height:0;
  29. text-indent:-9999px;
  30. }
  31. .d-popup span.close:hover{
  32. background-position:0 -17px;
  33. }
  34. .d-popup span.close:active{
  35. background-position:0 -33px;
  36. }
  37. .d-popup-title{
  38. font-size:11px;
  39. text-transform:uppercase;
  40. text-align:center;
  41. color:#fffdd4;
  42. margin:0 0 9px;
  43. }
  44. .d-popup-items{
  45. font-size:12px;
  46. color:#fff;
  47. }
  48. .d-popup-items .item{
  49. margin:0 0 9px;
  50. }
  51. .d-popup-items a{
  52. color:#aaa;
  53. padding-right:5px;
  54. }
  55. .d-popup .prop-box{
  56. display:block;
  57. }
  58. .d-popup .prop-title{
  59. color:#bbb;
  60. }
  61. .d-popup .prop-value{
  62. color:#fff;
  63. }