video.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. @charset "utf-8";
  2. .wrapper {
  3. width: 570px;
  4. _width: 575px;
  5. margin: 10px auto;
  6. zoom: 1;
  7. position: relative
  8. }
  9. .tabbody {
  10. height: 335px;
  11. }
  12. .panel {
  13. position: absolute;
  14. width: 100%;
  15. height: 100%;
  16. background: #fff;
  17. }
  18. .panel table td {
  19. vertical-align: middle;
  20. }
  21. #videoUrl {
  22. width: 490px;
  23. height: 21px;
  24. line-height: 21px;
  25. margin: 8px 5px;
  26. background: #FFF;
  27. border: 1px solid #d7d7d7;
  28. }
  29. #videoSearchTxt {
  30. margin-left: 15px;
  31. background: #FFF;
  32. width: 200px;
  33. height: 21px;
  34. line-height: 21px;
  35. border: 1px solid #d7d7d7;
  36. }
  37. #searchList {
  38. width: 570px;
  39. overflow: auto;
  40. zoom: 1;
  41. height: 270px;
  42. }
  43. #searchList div {
  44. float: left;
  45. width: 120px;
  46. height: 135px;
  47. margin: 5px 15px;
  48. }
  49. #searchList img {
  50. margin: 2px 8px;
  51. cursor: pointer;
  52. border: 2px solid #fff
  53. }
  54. /*不用缩略图*/
  55. #searchList p {
  56. margin-left: 10px;
  57. }
  58. #videoType {
  59. width: 65px;
  60. height: 23px;
  61. line-height: 22px;
  62. border: 1px solid #d7d7d7;
  63. }
  64. #videoSearchBtn, #videoSearchReset {
  65. /*width: 80px;*/
  66. height: 25px;
  67. line-height: 25px;
  68. background: #eee;
  69. border: 1px solid #d7d7d7;
  70. cursor: pointer;
  71. padding: 0 5px;
  72. }
  73. #preview {
  74. width: 420px;
  75. margin-left: 10px;
  76. _margin-left: 5px;
  77. height: 280px;
  78. background-color: #ddd;
  79. float: left
  80. }
  81. #videoInfo {
  82. width: 120px;
  83. float: left;
  84. margin-left: 10px;
  85. _margin-left: 7px;
  86. }
  87. fieldset {
  88. border: 1px solid #ddd;
  89. padding-left: 5px;
  90. margin-bottom: 20px;
  91. padding-bottom: 5px;
  92. width: 115px;
  93. }
  94. fieldset legend {
  95. font-weight: bold;
  96. }
  97. fieldset p {
  98. line-height: 30px;
  99. }
  100. fieldset input.txt {
  101. width: 65px;
  102. height: 21px;
  103. line-height: 21px;
  104. margin: 8px 5px;
  105. background: #FFF;
  106. border: 1px solid #d7d7d7;
  107. }
  108. label.url {
  109. font-weight: bold;
  110. margin-left: 5px;
  111. color: #06c;
  112. }
  113. #videoFloat div {
  114. cursor: pointer;
  115. opacity: 0.5;
  116. filter: alpha(opacity=50);
  117. margin: 9px;
  118. _margin: 5px;
  119. width: 38px;
  120. height: 36px;
  121. float: left;
  122. }
  123. #videoFloat .focus {
  124. opacity: 1;
  125. filter: alpha(opacity=100)
  126. }
  127. span.view {
  128. display: inline-block;
  129. width: 30px;
  130. float: right;
  131. cursor: pointer;
  132. color: blue
  133. }