popup.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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:#fffaba;
  42. margin:5px 0 16px;
  43. letter-spacing: 2px;
  44. }
  45. .d-popup-items{
  46. font-size:12px;
  47. color:#fff;
  48. }
  49. .d-popup-items .item{
  50. margin:0 0 9px;
  51. }
  52. .d-popup-items a{
  53. color:#aaa;
  54. padding-right:5px;
  55. }
  56. .d-popup .prop-box{
  57. display:block;
  58. }
  59. .d-popup .prop-title{
  60. color:#bbb;
  61. }
  62. .d-popup .prop-value{
  63. color:#fff;
  64. margin-bottom: 5px;
  65. }
  66. .d-popup-content{
  67. color: #fff;
  68. font-size: 13px;
  69. line-height: 24px;
  70. }
  71. .d-popup-content li{
  72. margin-bottom: 5px;
  73. color: #fff;
  74. font-size: 12px;
  75. }
  76. .d-popup-content li strong{
  77. color: #BDB9AE;
  78. text-transfom: uppercese;
  79. font-weight: normal;
  80. font-size: 10px;
  81. margin-right: 7px;
  82. }