c.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. canvas
  2. {
  3. position: absolute;
  4. }
  5. div
  6. {
  7. position: absolute;
  8. }
  9. pre
  10. {
  11. position: absolute;
  12. margin: 0px;
  13. }
  14. img
  15. {
  16. position: absolute;
  17. width: 100%;
  18. height: 100%;
  19. left: 0px;
  20. top: 0px;
  21. }
  22. .toolbar
  23. {
  24. height: 50px;
  25. bottom: 0px;
  26. z-index: 50;
  27. overflow: hidden;
  28. }
  29. .play
  30. {
  31. background-repeat: no-repeat;
  32. background-position: -1px 0px;
  33. top: 0px;
  34. right: 50px;
  35. width: 48px;
  36. height: 50px;
  37. cursor: pointer;
  38. }
  39. .prev
  40. {
  41. background-repeat: no-repeat;
  42. background-position: -277px 0px;
  43. top: 0px;
  44. right: 110%;
  45. width: 40px;
  46. height: 48px;
  47. cursor: pointer;
  48. }
  49. .prev2
  50. {
  51. background-repeat: no-repeat;
  52. background-position: -277px 0px;
  53. top: 0px;
  54. right: 120px;
  55. width: 40px;
  56. height: 48px;
  57. cursor: pointer;
  58. }
  59. .next
  60. {
  61. background-repeat: no-repeat;
  62. background-position: -197px 0px;
  63. top: 0px;
  64. left: 110%;
  65. width: 40px;
  66. height: 48px;
  67. cursor: pointer;
  68. }
  69. .next2
  70. {
  71. background-repeat: no-repeat;
  72. background-position: -197px 0px;
  73. top: 0px;
  74. left: 120px;
  75. width: 40px;
  76. height: 48px;
  77. cursor: pointer;
  78. }
  79. #status
  80. {
  81. bottom: 13px;
  82. right: 10px;
  83. -webkit-border-radius: 3px;
  84. -moz-border-radius: 3px;
  85. font-family: Arial;
  86. color: #666666;
  87. background-color: #ecebeb;
  88. border: 1px solid #cccccc;
  89. line-height: 20px;
  90. }
  91. input
  92. {
  93. -webkit-box-sizing: border-box;
  94. -moz-box-sizing: border-box;
  95. box-sizing: border-box;
  96. }
  97. #current
  98. {
  99. -webkit-border-radius: 2px;
  100. -moz-border-radius: 2px;
  101. border-radius: 2px;
  102. margin-left: 1px;
  103. padding: 0;
  104. border-width: 0px;
  105. background-color: #FFFFFF;
  106. border-top: 1px solid #e9e7e7;
  107. font-family: Arial;
  108. color: #666666;
  109. -moz-box-sizing: content-box;
  110. -webkit-box-sizing: content-box;
  111. box-sizing: content-box;
  112. }
  113. .prev:hover, .prev:active
  114. {
  115. background-position: -317px 0px;
  116. }
  117. .next:hover, .next:active
  118. {
  119. background-position: -237px 0px;
  120. }
  121. .progress
  122. {
  123. padding: 0px;
  124. height: 11px;
  125. width: 250px;
  126. bottom: 18px;
  127. left: 10px;
  128. background-color: #ecebeb;
  129. border: 1px solid #cccccc;
  130. -webkit-border-radius: 2px;
  131. -moz-border-radius: 2px;
  132. border-radius: 2px;
  133. }
  134. .progressbar
  135. {
  136. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8AC6EE', EndColorStr='#449CD7')"; /* IE8 */
  137. background-image: -ms-linear-gradient(top, #8AC6EE 0%, #449CD7 100%);
  138. background-image: -o-linear-gradient(top, #8AC6EE 0%, #449CD7 100%);
  139. background-image: -moz-linear-gradient(top, #8AC6EE 0%, #449CD7 100%);
  140. background-image: -webkit-linear-gradient(top, #8AC6EE 0%, #449CD7 100%);
  141. height: 11px;
  142. width: 0px;
  143. }
  144. .progress-timer
  145. {
  146. left:11px;
  147. top: 5px;
  148. font-size: 12px;
  149. color: #999999;
  150. font-family: Arial;
  151. }