Sin descripción

webuploader.css 1.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. .webuploader-container {
  2. position: relative;
  3. }
  4. .webuploader-element-invisible {
  5. position: absolute !important;
  6. clip: rect(1px 1px 1px 1px);
  7. /* IE6, IE7 */
  8. clip: rect(1px, 1px, 1px, 1px);
  9. }
  10. .webuploader-pick {
  11. position: relative;
  12. display: inline-block;
  13. cursor: pointer;
  14. text-align: center;
  15. border-radius: 3px;
  16. overflow: hidden;
  17. }
  18. .webuploader-pick-disable {
  19. opacity: 0.6;
  20. pointer-events: none;
  21. }
  22. #filePicker {
  23. /*background-image: url(../img/iconfont-tianjia.png);*/
  24. background-size: 100% 100%;
  25. display: inline-block;
  26. position: relative;
  27. border-radius: 5px;
  28. /* margin: 5px 5px 10px 10px; */
  29. margin: 0 auto;
  30. top: 8px;
  31. }
  32. /*样式*/
  33. .thumbnail {
  34. /*width: 75px;
  35. height: 75px;*/
  36. width: 30%;
  37. height: 200px;
  38. background-color: #fff;
  39. border: 1px solid #ddd;
  40. border-radius: 4px;
  41. }
  42. .file-item {
  43. float: left;
  44. position: relative;
  45. margin: 0 10px 10px;
  46. padding: 4px;
  47. }
  48. .thumbnail img {
  49. width: 100%;
  50. height: 100%;
  51. }
  52. .file-item .error {
  53. position: absolute;
  54. top: 4px;
  55. left: 4px;
  56. right: 4px;
  57. background: red;
  58. color: white;
  59. text-align: center;
  60. height: 26px;
  61. font-size: 14px;
  62. line-height: 26px;
  63. }
  64. .file-item .info {
  65. position: absolute;
  66. left: 4px;
  67. bottom: 4px;
  68. right: 4px;
  69. /*height: 20px;
  70. line-height: 20px;*/
  71. height: 35px;
  72. line-height: 35px;
  73. text-indent: 5px;
  74. background: rgba(0, 0, 0, 0.6);
  75. color: white;
  76. overflow: hidden;
  77. white-space: nowrap;
  78. text-overflow: ellipsis;
  79. font-size: 12px;
  80. z-index: 10;
  81. }
  82. .image-close {
  83. position: absolute;
  84. display: inline-block;
  85. right: -6px;
  86. top: -6px;
  87. width: 20px;
  88. height: 20px;
  89. text-align: center;
  90. line-height: 20px;
  91. border-radius: 12px;
  92. background-color: #FF5053;
  93. color: #f3f3f3;
  94. border: solid 1px #FF5053;
  95. font-size: 9px;
  96. font-weight: 200;
  97. z-index: 1;
  98. cursor: pointer;
  99. }