page_wizard.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. main {
  2. overflow: hidden;
  3. }
  4. .stage {
  5. display: block;
  6. padding: 20px 30px;
  7. font-size: 11pt;
  8. position: absolute;
  9. top: 0;
  10. bottom: 0;
  11. left: 0;
  12. right: 0;
  13. background-color: rgb(40,40,40);
  14. opacity: 0.0;
  15. }
  16. .stage a.button, .stage button {
  17. min-width: 80px;
  18. }
  19. .stage .buttons {
  20. position: absolute;
  21. z-index: 5;
  22. bottom: 16px;
  23. left: 24px;
  24. right: 24px;
  25. text-align: right;
  26. }
  27. #wait {
  28. position: absolute;
  29. z-index: 900;
  30. top: 0;
  31. left: 0;
  32. right: 0;
  33. bottom: 0;
  34. background-color: rgba(0,0,0,0.6);
  35. display: none;
  36. }
  37. #wait .message {
  38. display: block;
  39. width: 440px;
  40. position: absolute;
  41. top: 50%;
  42. left: 50%;
  43. transform: translate(-50%, -50%);
  44. z-index: 1000;
  45. font-size: 10pt;
  46. font-weight: 600;
  47. text-align: center;
  48. color: rgb(192,192,192);
  49. }
  50. #progressbar {
  51. display: inline-block;
  52. height: 8px;
  53. width: 300px;
  54. background-color: rgb(0,0,0);
  55. }
  56. #progressbar > div {
  57. background-color: rgba(0,160,240,0.9);
  58. width: 0%;
  59. height: 8px;
  60. }