startup.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .startup {
  2. background-image: url("../img/ui/patterns/mac.png");
  3. background-repeat: repeat;
  4. background-position: 0 20px;
  5. width: 100%;
  6. height: 100%;
  7. position: absolute;
  8. z-index: 99;
  9. }
  10. .startup-dialog {
  11. width: 420px;
  12. height: 321px;
  13. background-color: #dedede;
  14. border: 1px solid #000;
  15. box-shadow: inset 1px 1px #fff, inset -1px -1px #acacac;
  16. position: absolute;
  17. top: 50%;
  18. left: 50%;
  19. transform: translate(-50%, -50%);
  20. }
  21. .startup-dialog .startup-logo {
  22. width: 347px;
  23. height: 220px;
  24. position: absolute;
  25. top: 26px;
  26. left: 50%;
  27. transform: translate(-50%, 0%);
  28. border: 1px solid #000;
  29. box-shadow: -1px -1px #acacac, 1px 1px #fff;
  30. background-color: #fff;
  31. background-image: url("../img/ui/startup-logo.png");
  32. background-position: center;
  33. background-repeat: no-repeat;
  34. }
  35. .startup-dialog .startup-text {
  36. font-family: 'Charcoal';
  37. position: absolute;
  38. top: 269px;
  39. left: 50%;
  40. transform: translate(-50%, 0%);
  41. }
  42. .startup-dialog .progress {
  43. position: absolute;
  44. top: 290px;
  45. width: 158px;
  46. left: 50%;
  47. transform: translate(-50%, 0%);
  48. }