-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathangular-player.css
39 lines (39 loc) · 5.58 KB
/
angular-player.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
.angular-player audio { position: absolute; left: -1px; }
.angular-player { width: 600px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444)); background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%); -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.angular-player .audio-play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
.angular-player p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.angular-player .audio-play { display: block; }
.angular-player .audio-nextBack { position: relative; float: left; width: 50px; height: 36px; padding: 4px 6px; margin: 0px; overflow: hidden; border-left: 1px solid #000;}
.angular-player .audio-scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden;}
.angular-player .audio-progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc)); background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.angular-player .audio-loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222)); background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
.angular-player .audio-time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
.angular-player .audio-time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
.angular-player .audio-time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.angular-player .audio-error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ell ipsis; }
.angular-player .audio-error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
.angular-player .audio-play { background: url("player-graphics.gif") -2px -1px no-repeat; }
.angular-player .audio-loading { background: url("player-graphics.gif") -2px -31px no-repeat; }
.angular-player .audio-error { background: url("player-graphics.gif") -2px -61px no-repeat; }
.angular-player .audio-pause { background: url("player-graphics.gif") -2px -91px no-repeat; }
.angular-player .audio-nextInst { position: relative; float: left; background: url("f.png") no-repeat; width: 15px; height: 15px; margin-top: 6px; margin-left: 8px; cursor: pointer;}
.angular-player .audio-prevInst { position: relative; float: left; background: url("b.png") no-repeat; width: 15px; height: 15px; margin-top: 6px; margin-left: 8px; cursor: pointer;}
.audio-playing .audio-play, .audio-playing .audio-loading, .audio-playing .audio-error { display: none; }
.audio-loading .audio-nextInst, .audio-loading .audio-prevInst { display: none; }
.audio-playing .audio-pause, .audio-playing .audio-prevInst, .audio-playing .audio-nextInst { display: block; }
.audio-loading .audio-play, .audio-loading .audio-pause, .audio-loading .audio-error { display: none; }
.audio-loading .audio-loading { display: block; }
.audio-error .audio-time, .audio-error .audio-play, .audio-error .audio-pause, .audio-error .audio-scrubber, .audio-error .audio-loading, .audio-error .audio-nextInst, .audio-error .audio-prevInst { display: none; }
.audio-error .audio-error { display: block; }
.audio-error .audio-play-pause p { cursor: auto; }
.audio-error .audio-error-message { display: block; }
.angular-player .audio-tags {position: absolute; width: 0px; height: 14px; z-index: 2;}
.angular-player .audio-tag {position: absolute; border-left: 1px solid #388fc9; border-right: 1px solid #388fc9; width: 0px; height: 14px;}
.angular-player .audio-volume { position: relative; float: left; width: 70px; height: 36px; padding: 4px 6px; margin: 0px; overflow: hidden; border-left: 1px solid #000; }
.angular-player .audio-clickdetect {position: absolute; left: 23px; top: 0px; width: 50px; height: 36px;}
.angular-player .audio-speaker { position: relative; float: left; width: 15px; height: 36px; margin-top: 6px; overflow: hidden; cursor: pointer; }
.angular-player .audio-speaker-ion { background: url("von.png") no-repeat; }
.angular-player .audio-speaker-iof { background: url("vof.png") no-repeat; }
.angular-player .audio-volume-holder {position: relative; float: left; width: 50px; height: 9px; background: #ECF0F1; margin-top: 9px; left: 2px; }
.angular-player .audio-value {position: relative; float: left; width: 48px; height: 7px; background: #bbb; margin-top: 1px; left: 1px; }
.angular-player .audio-none {visibility: hidden;}