popup.css 982 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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. }
  17. .d-popup .close{
  18. position:absolute;
  19. top:10px;
  20. right:10px;
  21. display:block;
  22. width:13px;
  23. height:13px;
  24. background:url(../images/info-popup-sprite.png) no-repeat;
  25. cursor:pointer;
  26. }
  27. .d-popup span.close:hover{
  28. background-position:0 -13px;
  29. }
  30. .d-popup span.close:active{
  31. background-position:0 -26px;
  32. }
  33. .d-popup-title{
  34. font-size:11px;
  35. text-transform:uppercase;
  36. text-align:center;
  37. color:#fffdd4;
  38. margin:0 0 9px;
  39. }
  40. .d-popup-items{
  41. font-size:12px;
  42. color:#fff;
  43. }
  44. .d-popup-items .item{
  45. margin:0 0 9px;
  46. }
  47. .d-popup-items a{
  48. color:#aaa;
  49. padding-right:5px;
  50. }
  51. .d-popup .prop-box{
  52. display:block;
  53. }
  54. .d-popup .prop-title{
  55. color:#bbb;
  56. }
  57. .d-popup .prop-value{
  58. color:#fff;
  59. }