forms.css 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /*--- Subentries field ---*/
  2. #bx-form-element-subentries .bx-form-value .bx-form-input-autotoken b {
  3. padding-left: 0.5rem;
  4. }
  5. /*--- Uploader Ghost: Images ---*/
  6. #bx-form-element-pictures .bx-uploader-ghost {
  7. justify-content: flex-end;
  8. }
  9. #bx-form-element-pictures .bx-uploader-ghost .bx-uploader-ghost-body {
  10. justify-content: center;
  11. }
  12. /*--- Uploader Ghost: Files ---*/
  13. #bx-form-element-files .bx-form-input-files-result {
  14. position: relative;
  15. max-height: 22.25rem;
  16. overflow: hidden;
  17. }
  18. #bx-form-element-files .bx-form-input-files-result.bx-overflow:before {
  19. position: absolute;
  20. bottom: 0;
  21. width: 100%;
  22. height: 20%;
  23. background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0));
  24. background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0));
  25. background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0));
  26. background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0));
  27. content: '';
  28. }
  29. #bx_market #bx-form-element-files .bx-form-input-files-result {
  30. display: block;
  31. }
  32. #bx_market #bx-form-element-files .bx-uploader-ghost {
  33. max-width: none;
  34. display: block;
  35. }
  36. #bx_market #bx-form-element-files .bx-base-general-uploader-ghost {
  37. position: relative;
  38. display: block;
  39. }
  40. #bx_market #bx-form-element-files .bx-base-general-uploader-ghost .bx-base-general-buttons {
  41. display: flex;
  42. align-items: center;
  43. grid-gap: 0.5rem;
  44. }
  45. .bx-uploader-ghost-header {
  46. position: relative;
  47. line-height: 1.5rem;
  48. }
  49. .bx-uploader-ghost .bx-uploader-ghost-header .sys-icon {
  50. display: inline-block;
  51. width: 1.5rem;
  52. height: 1.5rem;
  53. text-align: center;
  54. -moz-transform: rotate(90deg);
  55. -webkit-transform: rotate(90deg);
  56. -ms-transform: rotate(90deg);
  57. -o-transform: rotate(90deg);
  58. -webkit-transition: all 0.5s ease;
  59. -moz-transition: all 0.5s ease;
  60. -ms-transition: all 0.5s ease;
  61. -o-transition: all 0.5s ease;
  62. }
  63. .bx-uploader-ghost.closed .bx-uploader-ghost-header .sys-icon {
  64. -moz-transform: rotate(0deg);
  65. -webkit-transform: rotate(0deg);
  66. -ms-transform: rotate(0deg);
  67. -o-transform: rotate(0deg);
  68. }