uploaders.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .bx-uploader-msg-err {
  2. color:#900;
  3. }
  4. .bx-uploader-ghost-preview {
  5. width:101px;
  6. float:left;
  7. }
  8. .bx-uploader-ghost-preview img {
  9. width:101px;
  10. min-height:20px;
  11. background-image:url(../images/loading-spinner.gif);
  12. background-repeat:no-repeat;
  13. background-position:center center;
  14. -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
  15. }
  16. .bx-uploader-ghost-form {
  17. width:500px;
  18. float:left;
  19. }
  20. .bx-uploader-ghost-form-filename {
  21. }
  22. .bx-uploader-ghost-form-actions {
  23. }
  24. /* simple uploader */
  25. .bx-uploader-simple-file {
  26. margin-bottom:5px;
  27. }
  28. /* html5 uploader */
  29. .bx-uploader-html5-drop-area {
  30. width:auto;
  31. height:12rem;
  32. overflow-y:auto;
  33. }
  34. .bx-uploader-html5-drop-area.dropzone .dz-message {
  35. margin:3.5em 0;
  36. }
  37. .bx-uploader-html5-errors-area {
  38. max-height:2.75rem;
  39. overflow-y:auto;
  40. }
  41. .bx-uploader-html5-paste-catcher {
  42. width:0;
  43. height:0;
  44. border:none;
  45. margin:0;
  46. padding:0;
  47. }
  48. /* crop uploader */
  49. .bx-popup-content-wrapped .bx-croppie-element {
  50. padding:0;
  51. min-height:340px;
  52. }
  53. /* record video uploader */
  54. .bx-uploader-record-video-controls {
  55. text-align: center;
  56. display: none;
  57. }
  58. .bx-uploader-record-video-controls .bx-btn {
  59. float: none;
  60. display: inline-block;
  61. }
  62. .bx-uploader-recording-stop {
  63. display: none;
  64. }
  65. #bx-upoloader-recording-preview {
  66. display: none;
  67. }
  68. .bx-record-video-preview-filesize {
  69. text-align: center;
  70. margin: 0.2rem 0;
  71. }
  72. .bx-record-camera-switch {
  73. margin-bottom: 0.5rem;
  74. text-align: right;
  75. display: none;
  76. }
  77. @keyframes bx-uploader-recording-animation {
  78. 0% {opacity: 0;}
  79. 50% {opacity: 1;}
  80. 100% {opacity: 0;}
  81. }
  82. .bx-uploader-recording-blinking-circle {
  83. animation-name: bx-uploader-recording-animation;
  84. animation-duration: 2s;
  85. animation-iteration-count: infinite;
  86. }