webBox.css 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /*webBox begin*/
  2. .loadingBox{
  3. position:fixed;
  4. left:0;
  5. top:0;
  6. text-align:center;
  7. width:100%;
  8. z-index:9999;
  9. color:#333;
  10. background:rgba(0,0,0,0.4);
  11. }
  12. .loader{
  13. text-align: center;
  14. z-index:99999;
  15. position:fixed;
  16. top:180px;
  17. left:-50%;
  18. right:-50%;
  19. }
  20. .loading {
  21. position: relative;
  22. display: inline-block;
  23. width:70px;
  24. height:70px;
  25. padding:10px 25px;
  26. margin:0 100px;
  27. -moz-border-radius:5px;
  28. -khtml-border-radius:5px;
  29. -webkit-border-radius:5px;
  30. border-radius:5px;
  31. }
  32. .webBox{
  33. position:fixed;
  34. left:0;
  35. top:0;
  36. text-align:center;
  37. width:100%;
  38. z-index:99992;
  39. color:#333;
  40. height:100%;
  41. }
  42. .alert_info{
  43. border-radius:5px;
  44. }
  45. .close_alert{
  46. background:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAABqCAYAAABUIcSXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGMTFCQjFBQUU1MTExRTI4RDQ0RDUxMEY0Qjc0RTg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGMTFCQjFCQUU1MTExRTI4RDQ0RDUxMEY0Qjc0RTg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REYxMUJCMThBRTUxMTFFMjhENDRENTEwRjRCNzRFODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REYxMUJCMTlBRTUxMTFFMjhENDRENTEwRjRCNzRFODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nka/iAAAKLElEQVR42uydW48UxxXH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) no-repeat;
  47. background-size:100%;
  48. width:54px;
  49. height:54px;
  50. right:0;
  51. top:0;
  52. position:fixed;
  53. top:0px;
  54. right:0px;
  55. z-index:9999;
  56. }
  57. .body_shade{
  58. position:fixed;
  59. _position:absolute;
  60. width:100%;
  61. border:0;
  62. top:0;
  63. left:0;
  64. min-height:640px;
  65. z-index:99990;
  66. filter: Alpha(opacity=0);
  67. }
  68. .body_shade_bg{
  69. background:#000;
  70. _background:#333;
  71. opacity:0.6;
  72. filter: Alpha(Opacity=60);
  73. }
  74. .alert_box{
  75. background-size:cover;
  76. -moz-border-radius:5px;
  77. -webkit-border-radius:5px;
  78. border-radius:5px;
  79. width:100%;
  80. left:0;
  81. top:0;
  82. text-align:left;
  83. overflow:hidden;
  84. position:absolute;
  85. height:100%;
  86. }
  87. .alert_box .text{
  88. width:100%;
  89. position:absolute;
  90. top:40%;
  91. text-align:center;
  92. background:rgba(255,255,255,0.3);
  93. filter:Alpha(opacity=30);
  94. padding:20px 0;
  95. }
  96. .alert_box .text,.alert_box .text a{
  97. color:#fff;
  98. }
  99. /*webBox end*/