jquery.fileupload-ui.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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: auto;
  13. margin-left: auto;
  14. margin-right: auto;
  15. height: auto;
  16. line-height: 50px;
  17. background-color: #D4E6F0;
  18. border: 2px dashed #bbbbbb;
  19. font-size:120%;
  20. margin-bottom: 0;
  21. }
  22. .form-ajax{
  23. border: 2px solid #bbbbbb;
  24. padding: .5em;
  25. -moz-border-radius: 10px;
  26. -webkit-border-radius: 10px;
  27. border-radius: 10px;
  28. }
  29. .file_upload_small {
  30. line-height: 50px;
  31. font-size: auto;
  32. background: #aed1e5;
  33. border: 2px dashed #bbbbbb;
  34. }
  35. .file_upload_large {
  36. /*width: 100%;
  37. height: 150px;
  38. line-height: 150px;
  39. background: palegreen;
  40. border: 1px solid limegreen;*/
  41. }
  42. .file_upload_highlight {
  43. background: #9acce9;
  44. border: 2px dashed #88bbd8;
  45. }
  46. .file_upload input {
  47. position: absolute;
  48. top: 0;
  49. right: 0;
  50. margin: 0;
  51. border: 300px solid transparent;
  52. opacity: 0;
  53. -ms-filter: 'alpha(opacity=0)';
  54. filter: alpha(opacity=0);
  55. -o-transform: translate(-300px, -300px) scale(10);
  56. -moz-transform: translate(-800px, 0) scale(10);
  57. cursor: pointer;
  58. }
  59. .file_upload iframe, .file_upload button {
  60. display: none;
  61. }
  62. .file_upload_preview img {
  63. width: 80px;
  64. }
  65. .file_upload_progress .ui-progressbar-value {
  66. background: url(pbar-ani.gif);
  67. }
  68. .file_upload_progress div {
  69. width: 150px;
  70. height: 15px;
  71. }
  72. .file_upload_cancel button {
  73. cursor: pointer;
  74. }