#player { background:url(https://i.imgur.com/f6PjBjg.png); width:540px; height:345px; margin:0px auto 0px auto; position:relative; } #player .interface { position:absolute; } #player .button { width:32px; height:20px; cursor:pointer; position:absolute; } .play, .stop { bottom:3px; left:6px; } .play { background:url(https://i.imgur.com/f6PjBjg.png) 0px -346px; } .play:hover { background:url(https://i.imgur.com/f6PjBjg.png) -35px -346px; } .stop { background:url(https://i.imgur.com/f6PjBjg.png) -280px -346px; } .stop:hover { background:url(https://i.imgur.com/f6PjBjg.png) -315px -346px; } .pause { bottom:3px; left:450px; background:url(https://i.imgur.com/f6PjBjg.png) -140px -346px; } .pause:hover { background:url(https://i.imgur.com/f6PjBjg.png) -175px -346px; } .progressBar { bottom:2px; left:67px; width:323px; height:18px; cursor:pointer; } .progressStatus { bottom:1px; left:445px; width:32px; height:20px; background:url(https://i.imgur.com/f6PjBjg.png)-104px -346px; cursor:pointer; } .progressStatus:hover { bottom:1px; left:446px; width:32px; height:20px; background:url(https://i.imgur.com/f6PjBjg.png)-70px -346px; } .volumeControl { bottom:3px; left:482px; width:32px; height:20px; background:url(https://i.imgur.com/f6PjBjg.png)-210px -346px; } .volumeControl:hover { background:url(https://i.imgur.com/f6PjBjg.png) -245px -346px; cursor:pointer; } #statusWindow { position:relative; top:70px; width:273px; margin:0px auto; height:107px; } #statusWindow .window { height:150px; margin:0px auto; } #statusWindow .play { width:71px; height:116px; background:url(https://i.imgur.com/f6PjBjg.png) -4px -480px; cursor:pointer; } #statusWindow .play:hover { width:72px; height:116px; background:url(https://i.imgur.com/f6PjBjg.png) -73px -480px; cursor:pointer; } #statusWindow .loading { width:270px; height: 106px; position:relative; display:none; background:url(https://i.imgur.com/f6PjBjg.png) 0px -367px; } #statusWindow .loading img { position:absolute; top:34px; left:25px; } #statusWindow .action { width: 265px; height: 106px; position:relative; display:none; background:url(https://i.imgur.com/f6PjBjg.png) -275px -367px; } #statusWindow .action a { position:absolute; left:220px; top:75px; display:block; width:180px; height:30px; text-indent:-9999px; }
Tidak ada komentar:
Posting Komentar