swfupload.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. .attachment_show {float:left;color:#000;text-align:center;width:99px;}
  2. .attachment_show li {line-height:180%;word-wrap:break-word;word-break:break-all;}
  3. .attachment_show img {padding:3px;margin-bottom:3px;width:60px;height:60px;background:#fff;border:1px solid #dfdfdf;}
  4. .progressWrapper {
  5. overflow: hidden;
  6. }
  7. .progressContainer {
  8. margin: 5px;
  9. padding: 4px;
  10. border: solid 1px #E8E8E8;
  11. background-color: #F7F7F7;
  12. overflow: hidden;
  13. }
  14. /* Message */
  15. .message {
  16. margin: 1em 0;
  17. padding: 10px 20px;
  18. border: solid 1px #FFDD99;
  19. background-color: #FFFFCC;
  20. overflow: hidden;
  21. }
  22. /* Error */
  23. .red {
  24. border: solid 1px #B50000;
  25. background-color: #FFEBEB;
  26. }
  27. /* Current */
  28. .green {
  29. border: solid 1px #DDF0DD;
  30. background-color: #EBFFEB;
  31. }
  32. /* Complete */
  33. .blue {
  34. border: solid 1px #CEE2F2;
  35. }
  36. .progressName {
  37. font-size: 8pt;
  38. font-weight: 700;
  39. color: #555;
  40. width: 200px;
  41. height: 14px;
  42. text-align: left;
  43. white-space: nowrap;
  44. overflow: hidden;
  45. height:26px; line-height:26px; float:left;
  46. }
  47. .progresshidden {
  48. display:none;
  49. }
  50. .progressBarComplete,
  51. .progressBarInProgress,
  52. .progressBarComplete,
  53. .progressBarError {
  54. font-size: 0;
  55. width: 0%;
  56. height: 2px;
  57. background-color: blue;
  58. margin-top: 2px;
  59. }
  60. .progressBarComplete {
  61. width: 100%;
  62. background-color: green;
  63. visibility: hidden;
  64. }
  65. .progressBarError {
  66. width: 100%;
  67. background-color: red;
  68. visibility: hidden;
  69. }
  70. .progressBarStatus {
  71. width: 200px;
  72. font-size: 12px;;
  73. font-family: Arial;
  74. text-align: left;
  75. white-space: nowrap; float:left; height:24px; line-height:24px
  76. }
  77. a.progressCancel {
  78. font-size: 0;
  79. display: block;
  80. height: 16px;
  81. width: 16px;
  82. background-image: url(images/cross.png);
  83. background-repeat: no-repeat;
  84. background-position:0 4px ;
  85. float: right;
  86. }
  87. a.progressCancel:hover {
  88. background-position:0 bottom ;
  89. }
  90. /* -- SWFUpload Object Styles ------------------------------- */
  91. .swfupload {
  92. vertical-align: top;
  93. }
  94. #btupload,.addnew{background: url(images/swfBnt.png) no-repeat; float:left; margin-right:10px;width:75px; height:28px; line-height:28px;font-weight:700; color:#fff}
  95. #btupload{ vertical-align:middle;border:none;cursor: hand;!important;cursor: pointer }
  96. .addnew{background-position: left bottom;}
  97. /*附件列表样式*/
  98. .img-wrap{border:1px solid #eee;text-align:center;overflow:hidden;background:#fff}
  99. .img-wrap a{display:table-cell;vertical-align:middle;text-align:center;*display:block;}
  100. .attachment-list{overflow:hidden}
  101. .attachment-list li{width:25%;*width:24.99%; overflow:hidden; padding:10px 0; float:left}
  102. .attachment-list .img-wrap{width:104px;height:94px;overflow:hidden; margin:auto;}
  103. .attachment-list .img-wrap {text-align:center;overflow:hidden; background:#fff; border:none; position:relative}
  104. .attachment-list .img-wrap a{display:table-cell;vertical-align:middle;text-align:center;*display:block;border:1px solid #eee;width:101px; height:91px;*font-size:67px;}
  105. .attachment-list .img-wrap a:hover,.attachment-list .img-wrap a.on{border-color:#d0def1; background:#f3f6fa}
  106. .attachment-list .img-wrap a.off .icon{background: url(images/off.png) no-repeat; height:17px;bottom:5px;*bottom:3px; right:3px; z-index:100; position: absolute; overflow:hidden; width:98px;}
  107. .attachment-list .img-wrap a.on .icon{background: url(../../images/msg_bg.png) no-repeat left -249px;width:16px; height:18px;bottom:4px;*bottom:2px; right:3px; z-index:100; position: absolute; overflow:hidden}
  108. .video-list{}
  109. .video-list li{width:25%;*width:24.99%; padding:10px 0; float:left}
  110. .video-list .img-wrap{width:104px;height:110px; margin:auto;}
  111. .video-list .img-wrap {text-align:center; background:#fff; border:none; position:relative}
  112. .video-list .img-wrap a{display:table-cell;vertical-align:middle;text-align:center;*display:block;border:1px solid #eee;width:101px; height:91px;*font-size:67px;}
  113. .video-list .img-wrap a:hover,.video-list .img-wrap a.on{border-color:#d0def1; background:#f3f6fa}
  114. .video-list .img-wrap a.off .icon{background: url(images/off.png) no-repeat; height:17px;bottom:5px;*bottom:3px; right:3px; z-index:100; position: absolute; overflow:hidden; width:98px;}
  115. .video-list .img-wrap a.on .icon{background: url(../../images/msg_bg.png) no-repeat left -249px;width:16px; height:18px;bottom:4px;*bottom:2px; right:3px; z-index:100; position: absolute; overflow:hidden}