webuploader.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .webuploader-container {
  2. position: relative;
  3. }
  4. .webuploader-element-invisible {
  5. position: absolute !important;
  6. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  7. clip: rect(1px,1px,1px,1px);
  8. }
  9. .webuploader-pick {
  10. position: relative;
  11. display: inline-block;
  12. cursor: pointer;
  13. background: #00b7ee;
  14. padding: 10px 15px;
  15. color: #fff;
  16. text-align: center;
  17. border-radius: 3px;
  18. overflow: hidden;
  19. }
  20. .webuploader-pick-hover {
  21. background: #00a2d4;
  22. }
  23. .webuploader-pick-disable {
  24. opacity: 0.6;
  25. pointer-events:none;
  26. }
  27. div.layout_upload ul,div.layout_upload li{ padding: 0px; margin: 0px;list-style-type:none;word-wrap:break-word; white-space:normal; word-break:break-all;}
  28. div.layout_upload ul.ullit li{float:left;width:150px;height:150px;position:relative;z-index:5;zoom:1;margin:0 10px 10px 0}
  29. div.layout_upload ul.ullit li em{font-weight: 100;opacity: 1;box-shadow: none;font-size: 12px;width:15px;height:15px;cursor:pointer;font-style:normal;line-height:15px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;-ms-border-radius:15px;background:#999;color:#fff;text-align:center;position:absolute;z-index:30;zoom:1;right:-7px;top:-7px}
  30. div.layout_upload ul.ullit li img{width:100%;height:auto;display:block}
  31. div.layout_upload ul.ullit li .layout_upload_but{width:150px;height:150px;border: 5px #eee solid;display:block;line-height:60px;text-align:center;background:url(/base/plugins/imguploader/img/uploadCamera.png) no-repeat center center #fefefe}
  32. div.layout_upload ul.ullit li .layout_upload_but .webuploader-pick{height:150px; background:none;}
  33. div.layout_upload ul.ullit li .rate{width:100%;height:4px;background:#9e9e9e;overflow:hidden;position:absolute;z-index:800;zoom:1;left:0;bottom:-8px;display:none}
  34. div.layout_upload ul.ullit li .rate span{overflow:hidden;width:0;height:4px;background:#36c3be;display:block;transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;-moz-transition:all 400ms ease-out 0s;-webkit-transition:all 400ms ease-out 0s;transform-origin:center}
  35. div.layout_upload ul.ullit li .yes,div.layout_upload ul.ullit li .no{display:none;color:#fff;font-size:12px;text-align:center;position:absolute;z-index:10;zoom:1;bottom:0;left:0;width:100%;height:100%;line-height:60px; margin: 0;}
  36. div.layout_upload ul.ullit li .yes{height:20px;line-height:20px}.layout_love h3{height:65px;line-height:65px;position:relative;z-index:5;zoom:1;text-align:center}
  37. .layout_love h3 span{background:#fff;position:relative;z-index:10;zoom:1;font-size:18px;font-weight:100;display:inline-block;padding:0 10px}
  38. div.layout_upload ul.ullit li .file{ margin:0px; }
  39. div.layout_upload ul.ullit li small.text-danger{ color:#ed5565; }
  40. div.layout_upload ul.ullit li .file-name{ height:48px; padding:5px;}
  41. div.layout_upload ul.ullit li .file-name p{ height:20px; margin:0; overflow: hidden;}
  42. div.layout_upload ul.ullit li .webuploader-element-invisible { position: absolute; clip: rect(1px 1px 1px 1px);}