Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / av / widget / resources / Player.css

History | View | Annotate | Download (3.3 KB)

1 
.playerContainer{
2 
        width:480px;
3 
        background:#76C8C4;
4 
        text-align:center;
5 
}
6 
.PlayerScreen{
7 
        background:#00FFFF;
8 
        width:320px;
9 
        height:240px;
10 
        margin-left:auto;
11 
        margin-right:auto;
12 
}
13 
.Controls{
14 
        height:85px;
15 
        background:#333333;
16 
        text-align:left;
17 
        width:100%;
18 
}
19 
.ControlsRight{
20 
        vertical-align:top;
21 
}
22 
.ControlsBottom{
23 
        vertical-align:bottom;
24 
}
25 
.StatusContainer{
26 
        width:100%;
27 
        height:100%;
28 
}
29 
.PlayContainer{
30 
        width:60px;
31 
        height:60px;
32 
}
33 
.Progress{
34 
        height:10px;
35 
}
36 
.Time, .Duration, .Status{
37 
        height:16px;
38 
        margin-top:0px;
39 
        color:#F5FFC8;
40 
        width:100%;
41 
}
42 
.Time{
43 
        padding-left:2px;
44 
}
45 
.Duration{
46 
        padding-right:2px;
47 
        text-align:right;
48 
}
49 
.StatusContainer{
50 
        padding:0;
51 
        border-collapse:collapse;
52 
}
53 
.Status{
54 
        height:20px;
55 
        background:#ff0000;
56 
        table-layout:fixed;
57 
}
58 
.Status.statusError .statusTitle, .Status.statusError .statusInfo{
59 
        color:#FF0000;
60 
}
61 
.Status .statusTitle{
62 
        font-weight:bold;
63 
        color:#A5B3E9;
64 
}
65 
.Status .statusInfo{
66 
        font-weight:normal;
67 
        color:#3770D6;
68 
}
69 
.Time, .Duration, .Status{
70 
        font-family:Verdana, Arial, Helvetica, sans-serif;
71 
        font-size:9px;
72 
        background:#000000;
73 
}
74 
.Time, .Duration{
75 
        width:60px;
76 
}
77 
.Volume{
78 
        width:30px;
79 
        height:30px;
80 
        float:right;
81 
        margin-right:2px;
82 
        margin-top:auto;
83 
        background-image:url(images/player_sprite.png);
84 
        background-repeat:no-repeat;
85 
        background-position:-1px -62px;
86 
        cursor:pointer;
87 
}
88 
.Volume:hover{
89 
        background-position:-33px -62px;
90 
}
91 
.PlayPauseToggle{
92 
        width:60px;
93 
        height:60px;
94 
        background-image:url(images/player_sprite.png);
95 
        background-repeat:no-repeat;
96 
        background-position:-1px -1px;
97 
        cursor:pointer;
98 
        vertical-align:middle;
99 
        line-height:60px;
100 
}
101 
.PlayPauseToggle:hover{
102 
        background-position:-63px -1px;
103 
        cursor:pointer;
104 
}
105 
.icon{
106 
        background-image:url(images/dojoPlayerIcons.png);
107 
        background-repeat:no-repeat;
108 
        width:22px;
109 
        height:22px;
110 
}
111 
.PlayPauseToggle .icon{
112 
        position:relative;
113 
        top:19px;
114 
        left:19px;
115 
        background-position:-1px -1px;
116 
}
117 
.PlayPauseToggle.Play .icon{
118 
        background-position:-1px -1px;
119 
}
120 
.PlayPauseToggle.Pause .icon{
121 
        background-position:-24px -1px;
122 
}
123 
.Progress{
124
125 
}
126 
.Progress, .ProgressLoaded, .ProgressPosition, .ProgressHandle{
127 
        height:10px;
128 
}
129 
.ProgressLoaded, .ProgressPosition, .ProgressHandle{
130 
        position:absolute;
131 
}
132 
.ProgressLoaded{
133 
background:url(images/progressLoadedBk.png) repeat-x;
134 
}
135 
.ProgressHandle{
136 
        background-image:url(images/sliderHandleSprite.png);
137 
        background-position:0px 0px;
138 
        width:15px;
139 
        margin-left:0px;
140 
        cursor:pointer;
141 
}
142 
.ProgressHandle.over{
143 
        background-position:-15px 0px;
144 
}
145 
.ProgressPosition{
146 
        background:url(images/progressPositionBk.png) repeat-x;
147 
        width:0px;
148 
}
149 
.VolumeSlider{
150 
        position:absolute;
151 
}
152 
.VolumeSliderBack{
153 
        width:128px;
154 
        height:30px;
155 
        background-image:url(images/player_sprite.png);
156 
        background-repeat:no-repeat;
157 
        background-position:-1px -95px;
158 
}
159 
.VolumeSliderHandle{
160 
        position:absolute;
161 
        width:12px;
162 
        height:14px;
163 
        background-image:url(images/player_sprite.png);
164 
        background-repeat:no-repeat;
165 
        background-position:-1px -140px;
166 
        cursor:pointer;
167 
}
168 
.VolumeSliderHandle.over{
169 
        background-position:-15px -138px;
170 
        cursor:pointer;
171 
}
172 
.Volume .icon{
173 
        background-position:-60px -43px;
174 
        width:18px;
175 
        height:16px;
176 
        position:relative;
177 
        top:7px;
178 
        left:7px;
179 
}
180 
.Volume.mute .icon{
181 
        background-position:-1px -43px;
182 
}
183 
.Volume.low .icon{
184 
        background-position:-20px -43px;
185 
}
186 
.Volume.med .icon{
187 
        background-position:-40px -43px;
188 
}
189 
.Volume.high .icon{
190 
        background-position:-60px -43px;
191 
}