@font-face { font-family: "apjPlayer"; font-style: normal; font-weight: normal; src: url("../fonts/audio/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/audio/icomoon.svg#icomoon") format("svg"), url("../fonts/audio/icomoon.woff") format("woff"), url("../fonts/audio/icomoon.ttf") format("truetype"); } .ap-jp-song-url { display: inline-block; height: 100%; position: relative; right: 0; text-align: right; top: -30px; width: 100%; z-index: 1; } .ap-jp-song-url .itunes, .ap-jp-song-url .amazon, .ap-jp-song-url .buy, .ap-jp-song-url .free-dl { font-family: 'apjPlayer'; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-decoration: none !important; text-transform: none; } .ap-jp-song-url .itunes, .ap-jp-song-url .amazon, .ap-jp-song-url .buy, .ap-jp-song-url .free-dl { display: inline-block; font-size: 16px; height: 16px; margin-left: 4px; margin-top: -2px; position: relative; vertical-align: middle; width: 16px; } .ap-jp-song-url .itunes { margin-top: -6px; } .ap-jp-song-url .itunes:before { content: ""; } .ap-jp-song-url .amazon:before { content: ""; } .ap-jp-song-url .buy:before { content: ""; } .ap-jp-song-url .free-dl:before { content: "î€"; } .jp-current-time, .jp-duration, .jp-stop, .jp-repeat, .jp-repeat-off, .jp-shuffle, .jp-volume-bar, .jp-volume-max, .post-audio .song_title div { display: block; } .jp-controls li a,.ap-jp-song-url a{ text-decoration: none; color: #333; } .jp-playlist-item { text-decoration: none; } .jp-repeat { float: left; margin-top: -116px; } .jp-repeat-off { color: #F24333 !important; float: left; margin-top: -116px; } .jp-audio .inner { padding: 0 !important; } .post-audio .jp-audio .inner { padding-top: 8px !important; } .post-audio .jp-audio .inner { } .jp-audio a:hover, .jp-audio a:focus, .jp-audio a:active { outline: medium none; } .jp-interface, .jp-interface ul.jp-controls { position: relative; padding-bottom: 12px; } .jp-interface ul.jp-controls { margin: 13px 15px 0; position: relative; padding: 10px; } .jp-previous.disabled, .jp-next.disabled { opacity: 0.4 !important; } .jp-play { background-position: -25px 0; font-size: 25px; right: 240px; top: 15px; border: 1px solid #444; border-radius: 33px; padding: 4px 5px 0px 10px; } .jp-pause { background-position: 0 0; display: none; font-size: 20px; top: 15px; right: 240px; border: 1px solid #444; border-radius: 33px; padding: 8px 10px 3px 10px; } .jp-play, .jp-pause, .jp-previous, .jp-next { position: absolute; } .jp-previous { font-size: 20px; top: 23px; right: 320px; } .jp-next { font-size: 20px; right: 185px; top: 23px; } .jp-mute, .jp-unmute { position: absolute; right: 8px; top: 10px; } .jp-progress { position: absolute; display: inline-block; height: 6px; bottom: 35px; right: 80px; overflow: hidden; width: 50%; } .jp-seek-bar { background: none repeat scroll 0 0 #444; cursor: pointer; height: 20px; overflow: hidden; width: 100% !important; } .jp-play-bar { background: none repeat scroll 0 0 #A2A2A2; height: 20px; position: relative; width: 0; } .jp-play-bar:after { background: none repeat scroll 0 0 #A2A2A2; content: ""; display: block; height: 20px; position: absolute; right: 0; top: 0; width: 9px; } .jp-current-time, .jp-duration { font-family: Arial; font-size: 11px; line-height: 20px; width: 60px; margin-top: 10px; } .jp-current-time { display: inline-block; position: absolute; bottom: 28px; right: 455px; } .jp-duration { display: inline-block; position: absolute; bottom: 28px; right: 10px; } .jp-playlist { margin-top: 30px; padding-bottom: 8px; } .jp-playlist li { border-top: 1px solid #D2D2D2; margin: 0 5px; padding: 5px 5px 6px 12px; } .jp-playlist img { display: none; } .song_title img { visibility: hidden; width: 0; height: 0; position: absolute; } .jp-jplayer audio, .jp-jplayer { height: 0; width: 0; } .jp-jplayer { background-color: #000000; } .song_title h2 ,.jp-playlist-item h2 { color: #333333; font-weight: 700; padding-bottom: 3px; text-align: left; font-family: Lato; margin-left: 20px; margin-top: 10px; } .song_title h3 ,.jp-playlist-item h3 { color: #333333; font-size: 13px; text-align: left; font-family: Lato; } .jp-playlist-current .jp-playlist-item h2, .jp-playlist-current .jp-playlist-item h3 { color: #868686; } .jp-playlist-item h2 { margin-left: 0px;} .jp-playlist-item h3 { font-size: 11px;} .focus-audio .song_title h2{ font-size: 20px; } .focus-audio .song_title h3 { padding: 0 5px 20px 20px; } @media(max-width: 600px){ .song_title img{ height: auto; } .jp-progress{ width: 40%; } } @media(max-width: 360px){ .jp-progress{ margin: -14px auto 22px 92px; } .jp-repeat , .jp-repeat-off{ margin-top: -90px; } }