You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

121 lines
2.2 KiB

  1. .file-upload {
  2. width: 200px;
  3. height: 200px;
  4. margin: 25px 0;
  5. border: 1px dashed #ccc;
  6. padding: 0px;
  7. position: relative;
  8. border-radius: 2px;
  9. overflow: hidden
  10. }
  11. .file-upload .uploadbutton {
  12. opacity: 0;
  13. position: absolute;
  14. top: 0;
  15. bottom: 0;
  16. left: 0;
  17. right: 0;
  18. z-index: 3;
  19. cursor: pointer;
  20. width: 100%
  21. }
  22. .file-upload > span {
  23. max-width: 100%;
  24. z-index: 1;
  25. background: #fff;
  26. }
  27. .file-upload > span img {
  28. max-width: 200px
  29. }
  30. .file-upload > span {
  31. position: absolute;
  32. top: 50%;
  33. transform: translateY(-50%);
  34. padding: 5px;
  35. padding: 5px 5px;
  36. left: 10px;
  37. right: 10px;
  38. }
  39. .loading-img {
  40. display: none
  41. }
  42. .img-sample {
  43. display: block;
  44. margin: 10px 0;
  45. position: relative;
  46. font-size: 11px
  47. }
  48. .img-sample label {
  49. display: block
  50. }
  51. .img-sample img {
  52. max-width: 200px
  53. }
  54. .img-sample .enlarge {
  55. display: none;
  56. position: absolute;
  57. bottom: 0
  58. }
  59. .img-sample .samp-control {
  60. display: inline-block;
  61. cursor: pointer
  62. }
  63. .img-sample .samp-control:hover .enlarge {
  64. display: block;
  65. background: #f4f8fb;
  66. padding: 5px;
  67. border-radius: 2px
  68. }
  69. .img-sample .samp-control:hover .enlarge img {
  70. max-height: 150px
  71. }
  72. .img-sample .samp-control-2 {
  73. display: inline-block;
  74. cursor: pointer
  75. }
  76. .img-sample .samp-control-2:hover .enlarge {
  77. display: block;
  78. background: #f4f8fb;
  79. padding: 5px;
  80. border-radius: 2px
  81. }
  82. .img-sample .samp-control-2:hover .enlarge img {
  83. max-height: 300px
  84. }
  85. @media (max-width: 767px) {
  86. .stepwizard .stepwizard-row li a span {
  87. display: none
  88. }
  89. .wizard button {
  90. min-width: auto
  91. }
  92. .samp-control:hover .enlarge {
  93. display: none
  94. }
  95. }
  96. .file-upload {
  97. width: 100%
  98. }
  99. .primary-c {
  100. color: #ED1C24
  101. }