window.download.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .window-wrapper[data-type="download"] {
  2. position: absolute;
  3. top: 80px;
  4. left: 25%;
  5. }
  6. .window.download .contents {
  7. height: 86px;
  8. background-color: #ddd;
  9. border: 1px solid #000;
  10. font-family: 'Arial';
  11. font-size: 10.5px;
  12. letter-spacing: 0.4px;
  13. }
  14. .window.download .download-body {
  15. display: flex;
  16. flex-direction: column;
  17. margin: 10px;
  18. }
  19. .window.download .download-items-remaining {
  20. display: flex;
  21. justify-content: space-between;
  22. font-size: 12px;
  23. font-family: 'Charcoal';
  24. }
  25. .window.download .download-progress {
  26. display: flex;
  27. margin: 10px 0 0 0
  28. }
  29. .window.download .progress {
  30. margin-top: 4px;
  31. }
  32. .window.download .download-time-remaining {
  33. display: flex;
  34. }
  35. .window.download .progress {
  36. width: 184px;
  37. margin-bottom: 10px;
  38. }
  39. .window.download.blur * {
  40. color: #6a6a6a;
  41. }
  42. .window.download.blur .progress .left, .window.download.blur .progress .right, .window.download.blur .progress .middle {
  43. background-image: none;
  44. background-color: #9c99ff;
  45. }
  46. .window.download.expanded .contents {
  47. height: 174px;
  48. }
  49. .window.download.expanded .expanded-content {
  50. display: block;
  51. }
  52. .window.download .expanded-content {
  53. display: none;
  54. margin-top: 5px;
  55. }
  56. .window.download tr td {
  57. padding: 6px 0 0 6px;
  58. }
  59. .window.download tr td:first-of-type {
  60. text-align: right;
  61. }
  62. .window.download button {
  63. margin-left: 14px;
  64. }