diff options
Diffstat (limited to 'js/dojo-1.6/dojox/av/widget/resources/Player.css')
| -rw-r--r-- | js/dojo-1.6/dojox/av/widget/resources/Player.css | 203 |
1 files changed, 203 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/av/widget/resources/Player.css b/js/dojo-1.6/dojox/av/widget/resources/Player.css new file mode 100644 index 0000000..3029e68 --- /dev/null +++ b/js/dojo-1.6/dojox/av/widget/resources/Player.css @@ -0,0 +1,203 @@ +.playerContainer{ + width:480px; + background:#76C8C4; + text-align:center; +} +.PlayerScreen{ + background:#00FFFF; + width:320px; + height:240px; + margin-left:auto; + margin-right:auto; +} +.Controls{ + height:85px; + background:#333333; + text-align:left; + width:100%; +} +.ControlsRight{ + vertical-align:top; +} +.ControlsBottom{ + vertical-align:bottom; +} +.StatusContainer{ + width:100%; + height:100%; +} +.PlayContainer{ + width:60px; + height:60px; +} + + +.Progress{ + height:10px; +} + +.Time, .Duration, .Status{ + height:16px; + margin-top:0px; + color:#F5FFC8; + width:100%; +} + +.Time{ + padding-left:2px; +} + +.Duration{ + padding-right:2px; + text-align:right; +} +.StatusContainer{ + padding:0; + border-collapse:collapse; +} +.Status{ + height:20px; + background:#ff0000; + table-layout:fixed; +} +.Status.statusError .statusTitle, .Status.statusError .statusInfo{ + color:#FF0000; +} +.Status .statusTitle{ + font-weight:bold; + color:#A5B3E9; +} +.Status .statusInfo{ + font-weight:normal; + color:#3770D6; +} + +.Time, .Duration, .Status{ + font-family:Verdana, Arial, Helvetica, sans-serif; + font-size:9px; + background:#000000; +} + +.Time, .Duration{ + width:60px; +} + +.Volume{ + width:30px; + height:30px; + float:right; + margin-right:2px; + margin-top:auto; + background-image:url(images/player_sprite.png); + background-repeat:no-repeat; + background-position:-1px -62px; + cursor:pointer; +} +.Volume:hover{ + background-position:-33px -62px; +} +.PlayPauseToggle{ + width:60px; + height:60px; + background-image:url(images/player_sprite.png); + background-repeat:no-repeat; + background-position:-1px -1px; + cursor:pointer; + vertical-align:middle; + line-height:60px; +} +.PlayPauseToggle:hover{ + background-position:-63px -1px; + cursor:pointer; +} +.icon{ + background-image:url(images/dojoPlayerIcons.png); + background-repeat:no-repeat; + width:22px; + height:22px; +} + +.PlayPauseToggle .icon{ + position:relative; + top:19px; + left:19px; + background-position:-1px -1px; +} +.PlayPauseToggle.Play .icon{ + background-position:-1px -1px; +} +.PlayPauseToggle.Pause .icon{ + background-position:-24px -1px; +} + + + +.Progress{ + +} +.Progress, .ProgressLoaded, .ProgressPosition, .ProgressHandle{ + height:10px; +} +.ProgressLoaded, .ProgressPosition, .ProgressHandle{ + position:absolute; +} +.ProgressLoaded{ +background:url(images/progressLoadedBk.png) repeat-x; +} +.ProgressHandle{ + background-image:url(images/sliderHandleSprite.png); + background-position:0px 0px; + width:15px; + margin-left:0px; + cursor:pointer; +} +.ProgressHandle.over{ + background-position:-15px 0px; +} +.ProgressPosition{ + background:url(images/progressPositionBk.png) repeat-x; + width:0px; +} +.VolumeSlider{ + position:absolute; +} +.VolumeSliderBack{ + width:128px; + height:30px; + background-image:url(images/player_sprite.png); + background-repeat:no-repeat; + background-position:-1px -95px; +} +.VolumeSliderHandle{ + position:absolute; + width:12px; + height:14px; + background-image:url(images/player_sprite.png); + background-repeat:no-repeat; + background-position:-1px -140px; + cursor:pointer; +} +.VolumeSliderHandle.over{ + background-position:-15px -138px; + cursor:pointer; +} +.Volume .icon{ + background-position:-60px -43px; + width:18px; + height:16px; + position:relative; + top:7px; + left:7px; +} +.Volume.mute .icon{ + background-position:-1px -43px; +} +.Volume.low .icon{ + background-position:-20px -43px; +} +.Volume.med .icon{ + background-position:-40px -43px; +} +.Volume.high .icon{ + background-position:-60px -43px; +}
\ No newline at end of file |
