123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 |
- canvas
- {
- position: absolute;
- }
- div
- {
- position: absolute;
- }
- pre
- {
- position: absolute;
- margin: 0px;
- }
- img
- {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0px;
- top: 0px;
- }
- .toolbar
- {
- height: 50px;
- bottom: 0px;
- z-index: 50;
- overflow: hidden;
- }
- .play
- {
- background-repeat: no-repeat;
- background-position: -1px 0px;
- top: 0px;
- right: 50px;
- width: 48px;
- height: 50px;
- cursor: pointer;
- }
- .prev
- {
- background-repeat: no-repeat;
- background-position: -277px 0px;
- top: 0px;
- right: 110%;
- width: 40px;
- height: 48px;
- cursor: pointer;
- }
- .prev2
- {
- background-repeat: no-repeat;
- background-position: -277px 0px;
- top: 0px;
- right: 120px;
- width: 40px;
- height: 48px;
- cursor: pointer;
- }
- .next
- {
- background-repeat: no-repeat;
- background-position: -197px 0px;
- top: 0px;
- left: 110%;
- width: 40px;
- height: 48px;
- cursor: pointer;
- }
- .next2
- {
- background-repeat: no-repeat;
- background-position: -197px 0px;
- top: 0px;
- left: 120px;
- width: 40px;
- height: 48px;
- cursor: pointer;
- }
- #status
- {
- bottom: 13px;
- right: 10px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- font-family: Arial;
- color: #666666;
- background-color: #ecebeb;
- border: 1px solid #cccccc;
- line-height: 20px;
- }
- input
- {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- #current
- {
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- margin-left: 1px;
- padding: 0;
- border-width: 0px;
- background-color: #FFFFFF;
- border-top: 1px solid #e9e7e7;
- font-family: Arial;
- color: #666666;
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- }
- .prev:hover, .prev:active
- {
- background-position: -317px 0px;
- }
- .next:hover, .next:active
- {
- background-position: -237px 0px;
- }
- .progress
- {
- padding: 0px;
- height: 11px;
- width: 250px;
- bottom: 18px;
- left: 10px;
- background-color: #ecebeb;
- border: 1px solid #cccccc;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- }
- .progressbar
- {
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8AC6EE', EndColorStr='#449CD7')"; /* IE8 */
- background-image: -ms-linear-gradient(top, #8AC6EE 0%, #449CD7 100%);
- background-image: -o-linear-gradient(top, #8AC6EE 0%, #449CD7 100%);
- background-image: -moz-linear-gradient(top, #8AC6EE 0%, #449CD7 100%);
- background-image: -webkit-linear-gradient(top, #8AC6EE 0%, #449CD7 100%);
- height: 11px;
- width: 0px;
- }
- .progress-timer
- {
- left:11px;
- top: 5px;
- font-size: 12px;
- color: #999999;
- font-family: Arial;
- }
|