Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="jp-audio">
- <div id="jp-interface-<?php the_ID(); ?>" class="jp-interface">
- <ul class="jp-controls">
- <li><a href="#" class="jp-play" tabindex="1"><i class="fa fa-play"></i></a></li>
- <li><a href="#" class="jp-pause" tabindex="1"><i class="fa fa-pause"></i></a></li>
- <li><a href="#" class="jp-mute" tabindex="1"><i class="fa fa-volume-up"></i></a></li>
- <li><a href="#" class="jp-unmute" tabindex="1"><i class="fa fa-volume-down"></i></a></li>
- </ul>
- <div class="jp-progress-container">
- <div class="jp-progress">
- <div class="jp-seek-bar">
- <div class="jp-play-bar"></div>
- </div>
- </div>
- <div class="jp-current-time"></div>
- </div>
- <div class="jp-volume-bar-container">
- <div class="jp-volume-bar">
- <div class="jp-volume-bar-value"></div>
- </div>
- <div class="jp-duration"></div>
- </div>
- CSS:
- /* compress progressbar to make room for timers */
- .jp-progress-container {
- margin-left: 65px;
- margin-right: 120px;
- }
- /* move timers up and left */
- .jp-duration {
- margin-top: -15px;
- margin-left: -65px;
- }
- .jp-current-time {
- margin-top: -15px;
- margin-left: -45px;
- }
- /* fonts for timers */
- .jp-current-time, .jp-duration {
- color: #fff;
- font-size: 14px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement