/* * 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; }