summaryrefslogtreecommitdiff
path: root/js/dojo-1.6/dojox/av/widget/resources/Player.css
diff options
context:
space:
mode:
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.css203
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