jquery.fileupload-ui.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .file_upload {
  2. position: relative;
  3. overflow: hidden;
  4. direction: ltr;
  5. cursor: pointer;
  6. text-align: center;
  7. color: #333;
  8. font-weight: bold;
  9. -moz-border-radius: 10px;
  10. -webkit-border-radius: 10px;
  11. border-radius: 10px;
  12. width: 500px;
  13. height: 50px;
  14. line-height: 50px;
  15. background: palegreen;
  16. border: 1px solid limegreen;
  17. font-size:120%;
  18. }
  19. .file_upload_small {
  20. width: 500px;
  21. height: 50px;
  22. line-height: 50px;
  23. font-size: auto;
  24. background: palegreen;
  25. border: 1px solid limegreen;
  26. }
  27. .file_upload_large {
  28. /*width: 100%;
  29. height: 150px;
  30. line-height: 150px;
  31. background: palegreen;
  32. border: 1px solid limegreen;*/
  33. }
  34. .file_upload_highlight {
  35. background: lawngreen;
  36. }
  37. .file_upload input {
  38. position: absolute;
  39. top: 0;
  40. right: 0;
  41. margin: 0;
  42. border: 300px solid transparent;
  43. opacity: 0;
  44. -ms-filter: 'alpha(opacity=0)';
  45. filter: alpha(opacity=0);
  46. -o-transform: translate(-300px, -300px) scale(10);
  47. -moz-transform: translate(-800px, 0) scale(10);
  48. cursor: pointer;
  49. }
  50. .file_upload iframe, .file_upload button {
  51. display: none;
  52. }
  53. .file_upload_preview img {
  54. width: 80px;
  55. }
  56. .file_upload_progress .ui-progressbar-value {
  57. background: url(pbar-ani.gif);
  58. }
  59. .file_upload_progress div {
  60. width: 150px;
  61. height: 15px;
  62. }
  63. .file_upload_cancel button {
  64. cursor: pointer;
  65. }