div.jp-audio {
font-size: 1em;
font-family: Verdana, Arial, sans-serif;
color: #fff;
line-height: 1.6;
}
div.jp-audio {
width: 575px;
}
div.jp-interface {
position: relative;
width: 100%;
background: rgb(58,59,60);
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) 0 -210px;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
div.jp-audio div.jp-type-single div.jp-interface {
height: 30px;
}
div.jp-interface ul.jp-controls {
list-style-type: none;
padding: 0;
margin: 0;
}
div.jp-interface ul.jp-controls li {
display: inline;
}
div.jp-interface ul.jp-controls a {
position: absolute;
overflow: hidden;
text-indent: -9999px;
}
a.jp-play,
a.jp-pause {
width: 33px;
height: 30px;
z-index: 1;
outline: none;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
top: 0;
left: 0;
border-right: 1px solid #222222;
}
a.jp-play {
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) 0 0 no-repeat;
}
a.jp-play:hover {
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) -33px 0 no-repeat;
}
a.jp-pause {
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) 0 -30px no-repeat;
display: none;
}
a.jp-pause:hover {
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) -33px -30px no-repeat;
}
div.jp-progress-container {
border-left: 1px solid #4D4D4D;
border-right: 1px solid #222222;
height: 6px;
left: 34px;
padding: 12px 10px;
position: absolute;
top: 0;
width: 434px;
}
div.jp-progress {
position: absolute;
overflow:hidden;
}
div.jp-audio div.jp-type-single div.jp-progress {
width: 413px;
height: 7px;
padding: 1px;
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) 0 -192px repeat-x ;
}
div.jp-seek-bar {
width: 0px;
height: 5px;
cursor: pointer;
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) 0 -163px repeat-x;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
div.jp-play-bar {
width: 0px;
height: 5px;
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) 0 -133px repeat-x ;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
div.jp-volume-bar-container {
border-left: 1px solid #4D4D4D;
height: 6px;
left: 490px;
padding: 12px 10px;
position: absolute;
top: 0;
width: 64px;
}
div.jp-volume-bar {
position: relative;
overflow: hidden;
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) 0 -192px repeat-x;
width: 64px;
height: 9px;
cursor: pointer;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
top: 0;
}
div.jp-volume-bar-value {
width: 0px;
height: 5px;
margin: 1px;
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) 0 -133px repeat-x;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
a.jp-mute,
a.jp-unmute {
width: 17px;
height: 13px;
z-index: 1;
outline: none;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
top: 9px;
left: 468px;
}
a.jp-mute {
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) -10px -68px no-repeat;
}
a.jp-mute:hover {
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) -43px -68px no-repeat;
}
a.jp-unmute {
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) -10px -98px no-repeat;
display: none;
}
a.jp-unmute:hover {
background: url(//fotostuudio.ee/wp-content/themes/vernissage/images/skin/jplayer-black-and-yellow.png) -43px -98px no-repeat;
}
div.jp-jplayer {
width:0px;
height:0px;
}
div.jp-jplayer {
background-color: #000000;
}