169 lines
3.1 KiB
CSS
169 lines
3.1 KiB
CSS
/*
|
|
* Project: CirclePlayer
|
|
* http://www.jplayer.org
|
|
*
|
|
* Copyright (c) 2011 Happyworm Ltd
|
|
*
|
|
* Author: Silvia Benvenuti
|
|
* Edited by: Mark J Panaghiston
|
|
* Date: 6th May 2011
|
|
* Artwork inspired by: http://forrst.com/posts/Untitled-CJz
|
|
*/
|
|
|
|
.cp-container {
|
|
position: relative;
|
|
width: 104px; /* 200 - (2 * 48) */
|
|
height: 104px;
|
|
background: url("/images/frontend/theme/default2/mp3player/bgr.jpg") 0 0 no-repeat;
|
|
padding: 48px;
|
|
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
|
}
|
|
|
|
.cp-container :focus {
|
|
border:none;
|
|
outline:0;
|
|
}
|
|
|
|
.cp-buffer-1,
|
|
.cp-buffer-2,
|
|
.cp-progress-1,
|
|
.cp-progress-2 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 104px;
|
|
height: 104px;
|
|
clip:rect(0px,52px,104px,0px);
|
|
|
|
-moz-border-radius:52px;
|
|
-webkit-border-radius:52px;
|
|
border-radius:52px;
|
|
}
|
|
|
|
.cp-buffer-1,
|
|
.cp-buffer-2 {
|
|
background: url("/images/frontend/theme/default2/mp3player/buffer.png") 0 0 no-repeat;
|
|
}
|
|
|
|
|
|
/* FALLBACK for .progress
|
|
* (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
|
|
* (It needs the container selector to work. Or use div)
|
|
*/
|
|
|
|
.cp-container .cp-fallback {
|
|
background: url("/images/frontend/theme/default2/mp3player/progress_sprite.jpg") no-repeat;
|
|
background-position: 0 104px;
|
|
}
|
|
|
|
.cp-progress-1,
|
|
.cp-progress-2 {
|
|
background: url("/images/frontend/theme/default2/mp3player/progress.png") 0 0 no-repeat;
|
|
}
|
|
|
|
.cp-buffer-holder,
|
|
.cp-progress-holder,
|
|
.cp-circle-control {
|
|
position:absolute;
|
|
width:104px;
|
|
height:104px;
|
|
}
|
|
|
|
.cp-circle-control {
|
|
cursor:pointer;
|
|
}
|
|
|
|
.cp-buffer-holder,
|
|
.cp-progress-holder {
|
|
clip:rect(0px,104px,104px,52px);
|
|
display:none;
|
|
}
|
|
|
|
|
|
/* This is needed when progress is greater than 50% or for fallback */
|
|
|
|
.cp-buffer-holder.cp-gt50,
|
|
.cp-progress-holder.cp-gt50,
|
|
.cp-progress.cp-fallback{
|
|
clip:rect(auto, auto, auto, auto);
|
|
}
|
|
|
|
.cp-controls {
|
|
margin:0;
|
|
padding: 26px;
|
|
}
|
|
|
|
.cp-controls li{
|
|
list-style-type:none;
|
|
display: block;
|
|
|
|
/*IE Fix*/
|
|
position:absolute;
|
|
}
|
|
|
|
.cp-controls li a{
|
|
position: relative;
|
|
display: block;
|
|
width:50px;
|
|
height:50px;
|
|
text-indent:-9999px;
|
|
z-index:1;
|
|
}
|
|
|
|
.cp-controls .cp-play {
|
|
background: url("/images/frontend/theme/default2/mp3player/controls.jpg") 0 0 no-repeat;
|
|
}
|
|
|
|
.cp-controls .cp-play:hover {
|
|
background: url("/images/frontend/theme/default2/mp3player/controls.jpg") -50px 0 no-repeat;
|
|
}
|
|
|
|
.cp-controls .cp-pause {
|
|
background: url("/images/frontend/theme/default2/mp3player/controls.jpg") 0 -50px no-repeat;
|
|
}
|
|
|
|
.cp-controls .cp-pause:hover {
|
|
background: url("/images/frontend/theme/default2/mp3player/controls.jpg") -50px -50px no-repeat;
|
|
}
|
|
|
|
.cp-jplayer {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.collectonme{margin:80px auto; background: red; width:80%; text-align:center; font-size:1.2em; color:#fff;}
|
|
|
|
|
|
.wishes table{
|
|
border:none;
|
|
}
|
|
|
|
.wishes table td, .wishes table th{
|
|
border:none;
|
|
background: none;
|
|
color: #000000;
|
|
padding: 0px;
|
|
}
|
|
|
|
.wishes .content{
|
|
padding:0px !important;
|
|
}
|
|
|
|
#wishes_small .content > img
|
|
{
|
|
margin-bottom: 13px;
|
|
}
|
|
|
|
#wishes_small .content
|
|
{
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
#wishes_small .head a
|
|
{
|
|
color: #ef0c0c;
|
|
font-size: 17px;
|
|
font-style: italic;
|
|
font-size: 17px;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
} |