popup.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. .popup-base {
  2. position:fixed;
  3. top:0;
  4. left:0;
  5. bottom:0;
  6. right:0;
  7. visibility:hidden;
  8. z-index:1000000;
  9. opacity:1;
  10. -moz-transition:all .3s;
  11. -webkit-transition:opacity .3s;
  12. -o-transition:all .3s;
  13. transition:all .3s;
  14. background:rgba(0,0,0,.3);
  15. }
  16. .popup-base.popup-visible {
  17. opacity:1;
  18. visibility:visible;
  19. }
  20. #popup-bg {
  21. position:fixed;
  22. top:0;
  23. left:0;
  24. bottom:0;
  25. right:0;
  26. }
  27. .popup-base .dialog {
  28. position:absolute;
  29. }
  30. .dialog-prompt {
  31. margin-top:10px;
  32. text-align:center;
  33. }
  34. .dialog-buttons {
  35. padding:10px;
  36. text-align:right;
  37. background:-webkit-gradient(linear , 0% 0% , 0% 100%, from(#E6E6E6), to(#F7F6F6));
  38. border-bottom-left-radius:4px;
  39. border-bottom-right-radius:4px;
  40. }
  41. .popup {
  42. font-family:sans-serif;
  43. font-weight:700;
  44. text-align:center;
  45. font-size:12px;
  46. line-height:130%;
  47. /* text-transform:uppercase; */
  48. background-color:rgba(049,049,049,.7);
  49. border-radius:6px;
  50. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,1);
  51. z-index:999999999;
  52. }
  53. .dialog-buttons button {
  54. display:inline-block;
  55. vertical-align:baseline;
  56. cursor:pointer;
  57. font-family:sans-serif;
  58. font-style:normal;
  59. text-decoration:none;
  60. border:1px solid #CCC;
  61. outline:0;
  62. -webkit-background-clip:padding-box;
  63. font-size:13px;
  64. line-height:13px;
  65. font-weight:700;
  66. border-radius:5px;
  67. text-transform:uppercase;
  68. background:-webkit-gradient(linear , 0% 0% , 0% 100%, from(#FEFEFE), to(#E9E9E9));
  69. color:#666;
  70. margin:0 0 0 5px;
  71. padding:9px 12px;
  72. }
  73. .dialog-buttons button:hover{
  74. background:-webkit-gradient(linear , 0% 0% , 0% 100%, from(#E9E9E9), to(#FEFEFE));
  75. }
  76. .dialog-prompt input {
  77. font-family:sans-serif;
  78. outline:none;
  79. border:1px solid #333;
  80. width:85%;
  81. background-color:#fff;
  82. font-size:15px;
  83. margin:0;
  84. padding:5px;
  85. }
  86. #popup-out .dialog {
  87. min-width:200px;
  88. min-height: 100px;
  89. position:absolute;
  90. }
  91. #popup-out .dialog-inner {
  92. margin:2px;
  93. background:white;
  94. border-radius:4px;
  95. color:#666;
  96. text-align:left;
  97. min-width: 195px;
  98. min-height: 95px;
  99. }
  100. button.cancel {
  101. background-color:rgba(0,0,0,.7);
  102. }
  103. .dialog-content{
  104. min-height:50px;
  105. min-width: 172px;
  106. padding:10px;
  107. }
  108. .popup-close{
  109. background: url(../img/sprite.png) -30px -86px;
  110. background-size: 320px;
  111. height: 24px;
  112. width: 24px;
  113. display: inline-block;
  114. float:right;
  115. position:absolute;
  116. right:-9px;
  117. top:-10px;
  118. }
  119. .popup-loading{
  120. text-align: center;
  121. min-height: 50px;
  122. line-height: 50px;
  123. }
  124. .popup-loading img{
  125. vertical-align:middle;
  126. }
  127. #dismiss-indicator {
  128. min-height: 15px;
  129. margin: 5px auto 2px auto;
  130. width: 5.4em;
  131. overflow: hidden;
  132. display: block;
  133. }