style.css 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. /**
  2. * FancyUpload Showcase
  3. *
  4. * @license MIT License
  5. * @author Harald Kirschner <mail [at] digitarald [dot] de>
  6. * @copyright Authors
  7. */
  8. /* CSS vs. Adblock tabs */
  9. .swiff-uploader-box a {
  10. display: none !important;
  11. }
  12. /* .hover simulates the flash interactions */
  13. a:hover, a.hover {
  14. color: red;
  15. }
  16. #demo-status {
  17. padding: 10px 15px;
  18. width: 420px;
  19. border: 1px solid #eee;
  20. }
  21. #demo-status .progress {
  22. background: url(../../assets/progress-bar/progress.gif) no-repeat;
  23. background-position: +50% 0;
  24. margin-right: 0.5em;
  25. vertical-align: middle;
  26. }
  27. #demo-status .progress-text {
  28. font-size: 0.9em;
  29. font-weight: bold;
  30. }
  31. #demo-list {
  32. list-style: none;
  33. width: 450px;
  34. margin: 0;
  35. }
  36. #demo-list li.validation-error {
  37. padding-left: 44px;
  38. display: block;
  39. clear: left;
  40. line-height: 40px;
  41. color: #8a1f11;
  42. cursor: pointer;
  43. border-bottom: 1px solid #fbc2c4;
  44. background: #fbe3e4 url(assets/failed.png) no-repeat 4px 4px;
  45. }
  46. #demo-list li.file {
  47. border-bottom: 1px solid #eee;
  48. background: url(assets/file.png) no-repeat 4px 4px;
  49. overflow: auto;
  50. }
  51. #demo-list li.file.file-uploading {
  52. background-image: url(assets/uploading.png);
  53. background-color: #D9DDE9;
  54. }
  55. #demo-list li.file.file-success {
  56. background-image: url(assets/success.png);
  57. }
  58. #demo-list li.file.file-failed {
  59. background-image: url(assets/failed.png);
  60. }
  61. #demo-list li.file .file-name {
  62. font-size: 1.2em;
  63. margin-left: 44px;
  64. display: block;
  65. clear: left;
  66. line-height: 40px;
  67. height: 40px;
  68. font-weight: bold;
  69. }
  70. #demo-list li.file .file-size {
  71. font-size: 0.9em;
  72. line-height: 18px;
  73. float: right;
  74. margin-top: 2px;
  75. margin-right: 6px;
  76. }
  77. #demo-list li.file .file-info {
  78. display: block;
  79. margin-left: 44px;
  80. font-size: 0.9em;
  81. line-height: 20px;
  82. clear
  83. }
  84. #demo-list li.file .file-remove {
  85. clear: right;
  86. float: right;
  87. line-height: 18px;
  88. margin-right: 6px;
  89. }