video.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. @charset "utf-8";
  2. .wrapper{ width: 570px;_width:575px;margin: 10px auto; zoom:1;position: relative}
  3. .tabbody{height:335px;}
  4. .panel { position: absolute;width:100%; height:100%;background: #fff;}
  5. .panel table td{vertical-align: middle;}
  6. #videoUrl {
  7. width: 490px;
  8. height: 21px;
  9. line-height: 21px;
  10. margin: 8px 5px;
  11. background: #FFF;
  12. border: 1px solid #d7d7d7;
  13. }
  14. #videoSearchTxt{margin-left:15px;background: #FFF;width:200px;height:21px;line-height:21px;border: 1px solid #d7d7d7;}
  15. #searchList{width: 570px;overflow: auto;zoom:1;height: 270px;}
  16. #searchList div{float: left;width: 120px;height: 135px;margin: 5px 15px;}
  17. #searchList img{margin: 2px 8px;cursor: pointer;border: 2px solid #fff} /*不用缩略图*/
  18. #searchList p{margin-left: 10px;}
  19. #videoType{
  20. width: 65px;
  21. height: 23px;
  22. line-height: 22px;
  23. border: 1px solid #d7d7d7;
  24. }
  25. #videoSearchBtn,#videoSearchReset{
  26. /*width: 80px;*/
  27. height: 25px;
  28. line-height: 25px;
  29. background: #eee;
  30. border: 1px solid #d7d7d7;
  31. cursor: pointer;
  32. padding: 0 5px;
  33. }
  34. #preview{width: 420px; margin-left: 10px; _margin-left:5px; height: 280px;background-color: #ddd;float: left}
  35. #videoInfo {width: 120px;float: left;margin-left: 10px;_margin-left:7px;}
  36. fieldset{
  37. border: 1px solid #ddd;
  38. padding-left: 5px;
  39. margin-bottom: 20px;
  40. padding-bottom: 5px;
  41. width: 115px;
  42. }
  43. fieldset legend{font-weight: bold;}
  44. fieldset p{line-height: 30px;}
  45. fieldset input.txt{
  46. width: 65px;
  47. height: 21px;
  48. line-height: 21px;
  49. margin: 8px 5px;
  50. background: #FFF;
  51. border: 1px solid #d7d7d7;
  52. }
  53. label.url{font-weight: bold;margin-left: 5px;color: #06c;}
  54. #videoFloat div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;}
  55. #videoFloat .focus{opacity: 1;filter: alpha(opacity = 100)}
  56. span.view{display: inline-block;width: 30px;float: right;cursor: pointer;color: blue}
  57. /* upload video */
  58. #fsUploadProgress{float:left;}
  59. #upload_alignment div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;}
  60. #upload_alignment .focus{opacity: 1;filter: alpha(opacity = 100)}
  61. #fsUploadProgress{margin-top:15px;}
  62. #upload_left { width:412px; float:left; padding-left:10px; }
  63. #upload_left .controller { height: 30px; clear: both; }
  64. #uploadVideoInfo{margin-top:20px;float:right;padding-right:8px;}
  65. #divStatus {display:inline-block; width:336px;color: #aaa;font-size: 12px; }
  66. #video_format_advice{font-size: 12px; color:red;line-height: 24px;}
  67. #startUpload{cursor: pointer;display: inline-block; width: 100px;height: 30px;float: right;}
  68. div.fieldset {
  69. border: 1px solid #afe14c;
  70. padding: 10px 10px;
  71. width: 390px;
  72. height: 250px;
  73. border-color: #CCCCCC;
  74. overflow-y: auto;
  75. margin-bottom: 8px;
  76. }
  77. div.fieldset span.legend{position: relative;top:-20px;}
  78. .progressWrapper { width: 380px; overflow: hidden; }
  79. .progressContainer {
  80. margin: 0 0px 5px 0;
  81. margin-bottom:10px;
  82. border: solid 1px #E8E8E8;
  83. background-color: #F7F7F7;
  84. overflow: hidden;
  85. }
  86. .message {
  87. margin: 1em 0;
  88. padding: 10px 20px;
  89. border: solid 1px #FFDD99;
  90. background-color: #FFFFCC;
  91. overflow: hidden;
  92. }
  93. .red {
  94. border: solid 1px #B50000;
  95. background-color: #FFEBEB;
  96. }
  97. .green {
  98. border: solid 1px #DDF0DD;
  99. background-color: #EBFFEB;
  100. }
  101. .blue {
  102. border: solid 1px #CEE2F2;
  103. background-color: #F0F5FF;
  104. }
  105. .progressName {
  106. font-size: 10px;
  107. color: #555;
  108. width: 360px;
  109. height: 14px;
  110. text-align: left;
  111. white-space: nowrap;
  112. overflow: hidden;
  113. }
  114. .progressBarInProgress,
  115. .progressBarComplete,
  116. .progressBarError {
  117. font-size: 0;
  118. width: 0%;
  119. height: 2px;
  120. background-color: blue;
  121. margin-top: 2px;
  122. }
  123. .progressBarComplete {
  124. width: 100%;
  125. background-color: green;
  126. visibility: hidden;
  127. }
  128. .progressBarError {
  129. width: 100%;
  130. background-color: red;
  131. visibility: hidden;
  132. }
  133. a.progressCancel {
  134. font-size: 0;
  135. display: block;
  136. height: 14px;
  137. width: 14px;
  138. background: url(../../themes/default/images/cancelbutton.gif) -14px 0 no-repeat ;
  139. float: right;
  140. }
  141. a.progressCancel:hover { background-position: 0 0; }
  142. .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; text-align: left; white-space: nowrap; }
  143. .swfupload { vertical-align: top; }