webuploader.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. :root {
  2. --webuploader-color-primary: var(--color-primary, #00B7EE);
  3. --webuploader-color-content-bg: var(--color-content-bg, #FFFFFF);
  4. }
  5. .webuploader-container {
  6. position: relative
  7. }
  8. .webuploader-element-invisible {
  9. position: absolute !important;
  10. clip: rect(1px 1px 1px 1px);
  11. clip: rect(1px, 1px, 1px, 1px)
  12. }
  13. .webuploader-pick {
  14. position: relative;
  15. display: block;
  16. cursor: pointer;
  17. padding: 0;
  18. color: #666;
  19. text-align: center;
  20. border-radius: 2px;
  21. overflow: hidden;
  22. }
  23. .webuploader-pick-hover {
  24. }
  25. .webuploader-pick-disable {
  26. opacity: .6;
  27. pointer-events: none
  28. }
  29. .webuploader-list {
  30. display: block;
  31. margin: 0;
  32. padding: 0;
  33. position: static;
  34. border: 1px solid #EEE;
  35. border-radius: 0.2rem;
  36. padding: 0.2rem;
  37. background-color: var(--webuploader-color-content-bg);
  38. }
  39. .webuploader-list:empty {
  40. display: none;
  41. }
  42. .webuploader-list > li {
  43. list-style: none;
  44. display: block;
  45. border: 1px solid #EEE;
  46. padding: 0px;
  47. margin-bottom: 0.1rem;
  48. background: var(--webuploader-color-content-bg);
  49. border-radius: 0.2rem;
  50. }
  51. .webuploader-list > li .progress-box {
  52. background-color: #EEE;
  53. margin: 2px;
  54. border-radius: 4px;
  55. }
  56. .webuploader-list > li .progress-box .progress-bar {
  57. height: 3px;
  58. background-color: var(--webuploader-color-primary);
  59. border-radius: 4px;
  60. }
  61. .webuploader-list > li .progress-info {
  62. font-size: 12px;
  63. line-height: 20px;
  64. width: 100%;
  65. word-wrap: normal;
  66. text-overflow: ellipsis;
  67. white-space: nowrap;
  68. overflow: hidden;
  69. color: #999
  70. }
  71. .webuploader-list > li .progress-info .status {
  72. display: inline;
  73. line-height: 20px
  74. }