image.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .edui-dialog-image .edui-image-wrapper{font-size: 12px;margin: 15px;}
  2. /*upload*/
  3. .edui-dialog-image .edui-image-upload1{position: absolute;top:50%;left:50%;width:44px;height:38px;margin-top:-19px; margin-left: -22px;}
  4. .edui-dialog-image .edui-image-upload2,.edui-dialog-image .edui-image-select{position:relative;float:left;width:120px;height:120px;margin:5px 0 0 5px;}
  5. .edui-dialog-image .edui-image-form{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
  6. .edui-dialog-image .edui-image-form .edui-image-file{width: 100%;height:100%;filter: alpha(opacity=0)}
  7. .edui-dialog-image .edui-image-upload1 .edui-image-icon{display: inline-block;width:44px;height:38px;background-image: url('images/upload1.png')}
  8. .edui-dialog-image .edui-image-upload1 .edui-image-icon.hover{background-position: -50px 0;}
  9. .edui-dialog-image .edui-image-upload2 .edui-image-icon,.edui-dialog-image .edui-image-select .edui-image-icon{display: inline-block;width:120px;height:120px;background-image: url('images/upload2.png')}
  10. .edui-dialog-image .edui-image-dragTip{position: absolute;display:none;top:50%;left:50%;margin-top:30px;margin-left: -60px;
  11. color: #222;font-size:14px;text-shadow: 0px 2px 3px #555;}
  12. .edui-dialog-image .edui-image-content{height:330px;width:100%;position: relative;}
  13. .edui-dialog-image .edui-image-mask{display: none;position: absolute;top:0;left:0;width: 100%; height: 100%;background-color:#fff;
  14. text-align: center;line-height:300px;color:#000;font-size:14px;font-weight:bold;opacity: 0.6;filter: alpha(opacity=60);}
  15. .edui-dialog-image .edui-image-mask.edui-active{display: block;}
  16. /*network*/
  17. .edui-dialog-image .edui-image-searchBar{margin: 10px;}
  18. .edui-dialog-image .edui-image-searchBar .edui-image-searchTxt{display: inline-block !important;*display: inline !important;*zoom:1;width:400px; border: 1px solid #c5d2ff; height: 20px; line-height: 18px; font-size: 14px; padding: 3px; margin: 0;outline:0;}
  19. .edui-dialog-image .edui-image-searchBar .edui-image-searchAdd{display: inline-block !important;*display: inline !important;*zoom:1;
  20. width:60px; text-align:center;height: 25px;text-align: center;line-height: 25px;
  21. background-color: #ffffff;padding: 0; border: 1px solid #ababab;margin-left: 20px;cursor: pointer;
  22. }
  23. .edui-dialog-image .edui-image-searchBar .edui-image-searchAdd.hover{
  24. background-color: #d5e1f2;
  25. padding: 0;
  26. border: 1px solid #a3bde3;
  27. }
  28. .edui-dialog-image .edui-image-searchRes{height:280px;overflow:auto;}
  29. /*common*/
  30. .edui-dialog-image .edui-image-item{position:relative;float:left;width:120px;height:120px;border: 1px solid #CCC;cursor: default;margin: 5px 0 0 5px;}
  31. .edui-dialog-image .edui-image-item .edui-image-pic{position: absolute;left:-9999px;}
  32. .edui-dialog-image .edui-image-item .edui-image-close{position:absolute;right:0;background: url('images/close.png');width:17px;height:17px;cursor:pointer;z-index:1}
  33. .edui-dialog-image .edui-image-item.hover .edui-image-close{display: block;}