This page contains reference with some older default plugin settings.
Settings Reference
v3 Listing templates and CSS
Listing #1
<div class=”videowhisperWebcam”>
<div class=”videowhisperTitle”>#name#</div>
<div class=”videowhisperTime”>#banLink# #age#</div>
<div class=”videowhisperCPM”>Private: #clientCPM# #currency#/m</div>
<a href=”#url#”>#preview#</a>
<div class=”videowhisperBrief”>#roomBrief#</div>
<div class=”videowhisperTags”>#roomTags#</div>
<div class=”videowhisperGroupMode”>Mode: #groupMode#</div>
<div class=”videowhisperGroupCPM”>#groupCPM# #currency#/m</div>
<div class=”videowhisperPerformers”>#performers#</div>
#enter#
</div>
Listing #2
<div class=”videowhisperWebcam2″>
<div class=”videowhisperTitle”>#name#</div>
<div class=”videowhisperTime”>#banLink# #age#</div>
<div class=”videowhisperCPM”>Private: #clientCPM# #currency#/m</div>
<a href=”#url#”>#preview#</a>
<div class=”videowhisperBrief”>#roomBrief#</div>
<div class=”videowhisperTags”>#roomTags#</div>
<div class=”videowhisperGroupMode”>Mode: #groupMode#</div>
<div class=”videowhisperGroupCPM”>#groupCPM# #currency#/m</div>
<div class=”videowhisperPerformers”>#performers#</div>
#enter#
</div>
CSS
<style type=”text/css”>
.videowhisperSearchBox{
display:inline-block;
padding: 2px;
margin: 2px;
}
.videowhisperSearch{
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
padding: 2px;
margin: 2px;
color: #eee;
background: #556570;
border: none;
}
.videowhisperSearch:hover {
background-color: #555555;
color: white;
}
.videowhisperInput{
padding: 2px;
margin: 2px;
}
.videowhisperEnter
{
position: absolute;
display:inline-block;
bottom: 5px;
right: 5px;
font-size: 16px;
color: #333;
background-color:#eee;
padding: 5px;
z-index: 10;
}
.videowhisperEnter: hover
{
background-color: #fff;
}
.videowhisperMdropbtn {
background-color: #AF4C50;
color: white;
padding: 5px;
font-size: 16px;
border: none;
cursor: pointer;
}
.videowhisperMdropdown {
position: absolute;
display: inline-block;
bottom: 5px;
right: 5px;
}
.videowhisperMdropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 15;
bottom: 25px;
right: 0px;
text-align: right;
}
.videowhisperMdropdown-content a {
color: black;
padding: 8px 10px;
text-decoration: none;
display: block;
}
.videowhisperMdropdown-content a:hover {
background-color: #f1e1e1
}
.videowhisperMdropdown:hover .videowhisperMdropdown-content {
display: block;
}
.videowhisperMdropdown:hover .videowhisperMdropbtn {
background-color: #8e3e41;
}
.videowhisperWebcam
{
position: relative;
display:inline-block;
float: left;
border:1px solid #aaa;
background-color:#666;
padding: 0px;
margin: 2px;
width: 240px;
height: 240px;
overflow: hidden;
z-index: 0;
}
.videowhisperWebcam2
{
position: relative;
display:inline-block;
float: left;
border:1px solid #aaa;
background-color:#666;
padding: 0px;
margin: 2px;
width: 486px;
height: 486px;
overflow: hidden;
z-index: 0;
}
.videowhisperSnap
{
width: 240px;
height: 180px;
}
.videowhisperSnap2
{
width: 486px;
height: 364px;
}
.videowhisperWebcam:hover, .videowhisperWebcam2:hover {
border:1px solid #fff;
background-color:#333;
}
.videowhisperPreview
{
width: 240px;
height: 180px;
padding: 0px;
margin: 0px;
border: 0px;
z-index: 1;
}
.videowhisperPreview2
{
width: 486px;
height: 364px;
padding: 0px;
margin: 0px;
border: 0px;
z-index: 1;
}
.videowhisperTitle
{
position: absolute;
top:5px;
left:5px;
font-size: 20px;
color: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperTime
{
position: absolute;
bottom: 65px;
left:5px;
font-size: 14px;
color: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperTags
{
position: absolute;
bottom: 40px;
left: 5px;
font-size: 14px;
color: #fff;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperBrief
{
position: absolute;
bottom: 22px;
left: 5px;
font-size: 12px;
color: #eee;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperGroupMode
{
position: absolute;
bottom: 5px;
left: 5px;
font-size: 14px;
color: #eef;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperGroupCPM
{
position: absolute;
bottom: 5px;
right: 70px;
font-size: 14px;
color: #efe;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperPerformers
{
position: absolute;
top: 30px;
left: 5px;
font-size: 12px;
color: #fee;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperCPM
{
position: absolute;
bottom: 65px;
right:5px;
font-size: 14px;
color: #FFF;
text-shadow:1px 1px 1px #333;
z-index: 10;
}
.videowhisperButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dcdcdc;
display:inline-block;
color:#666666;
font-family:Verdana;
font-size:15px;
font-weight:bold;
font-style:normal;
padding: 10px;
width:200px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
background-color:#e9e9e9;
}
.videowhisperButton:hover {
background-color:#f9f9f9;
}
.videowhisperButton:active {
position:relative;
top:1px;
}
td {
padding: 4px;
}
table, .videowhisperTable {
border-spacing: 4px;
border-collapse: separate;
}
.videowhisperDropdown {
display:inline-block;
border: 1px solid #111;
overflow: hidden;
border-radius:3px;
color: #eee;
background: #556570;
width: 240px;
margin: 2px;
}
.videowhisperSelect {
color: #fff;
text-indent: 10px;
font-size: 14px;
width: 100%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
}
.videowhisperSelect:focus {
outline: none;
}
</style>
