Kod:
<style type="text/css">
.grey-box-bg{word-wrap:break-word}
.grey-box-bg{background:#edebeb;border-color:#CCCACA;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.white-box-bg,.grey-box-bg{padding:10px}
.white-box-bg,.grey-box-bg{border:1px solid #ccc;padding:1px 7px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0px 2px 3px rgba(224,222,222,0.5);-moz-box-shadow:0px 2px 3px rgba(224,222,222,0.5);box-shadow:0px 2px 3px rgba(224,222,222,0.5)}
.show-block{background:none repeat scroll 0% 0% #edebeb;border-bottom:1px solid #999;border-top:1px solid #999;vertical-align:top;height: 100px;width: 500px;}
.voting-container {font-size: 13px;color: #333;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.voting-container .voting-result-messages{text-align:center;width:100%}
.voting-container .voting-result-messages div{display:none}
.voting-container .voting-buttons-container{margin-left:10px}
.voting-container .voting-buttons-container button{line-height:1em}
.voting-container .voting-result-messages div,.voting-container .voting-buttons-container,.voting-container .voting-loading-indicator{margin-top:5px;margin-bottom: 5px;}
.voting-container .voting-buttons-container,.voting-container .voting-loading-indicator{height:26px}
.voting-container .voting-loading-indicator{display:none;text-align:center;width:100%}
.voting-container .voting-loading-indicator img{margin:5px;margin-bottom: 5px;}
.voting-container .voting-statistics{clear:both;margin:5px 0;padding:0;width:100%}
.voting-container .voting-statistics .voting-statistics-vote-meter-label{padding:0 10px;width:5%}
.voting-container .voting-statistics .voting-statistics-vote-meter-container{width:100%;text-align:left}
.voting-container .voting-statistics .voting-statistics-rating-container{padding:0 10px;text-align:right;width:10%}
.voting-container .voting-statistics .voting-statistics-rating{border:1px solid #fff;display:inline-block;font-size:22px;font-weight:bold;padding:0 10px}
.voting-buttons-container{margin-bottom:10px}
.voting-statistics{width:80% !important;margin-right:1%;float:left}
.voting-statistics-rating{background-color:white;border:1px solid #ccc;padding:10px 1%;margin:0 1%;border-radius:3px;box-shadow:1px 1px 2px rgba(153,153,153,0.2);width:15%;float:right;font-size:18px;font-weight:bold;text-align:center;margin-top: 7px;}
.voting-statistics-vote-meter-container{border-radius:10px;background-color:#C8C6C6;box-shadow:0px 1px 2px rgba(0,0,0,0.15) inset,0 -1px 0px rgba(255,255,255,0.9) inset;height:11px}
.voting-container .voting-statistics .voting-statistics-vote-meter-no{background-color:#c70000;background-image:-ms-linear-gradient(top, #e10000 0%, #c70000 100%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e10000', endColorStr='#c70000');background-image:-moz-linear-gradient(top, #e10000 0%, #c70000 100%);background-image:-o-linear-gradient(top, #e10000 0%, #c70000 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e10000), color-stop(1, #c70000));background-image:-webkit-linear-gradient(top, #e10000 0%, #c70000 100%);background-image:linear,top,#e10000 0%,#c70000 100%;background-color:#C70000;border-top:1px solid #BE0000;height:12px;border-radius:10px;box-shadow:0px 1px 0 rgba(255,255,255,0.4) inset;height: 85%}
.voting-container .voting-statistics .voting-statistics-vote-meter-yes{background-color:#0E74E2;background-image:-ms-linear-gradient(top, #0E74E2 0%, #0E74E2 100%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0E74E2', endColorStr='#0E74E2');background-image:-moz-linear-gradient(top, #0E74E2 0%, #0E74E2 100%);background-image:-o-linear-gradient(top, #0E74E2 0%, #0E74E2 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0E74E2), color-stop(1, #0E74E2));background-image:-webkit-linear-gradient(top, #0E74E2 0%, #0E74E2 100%);background-image:linear,top,#0E74E2 0%,#0E74E2 100%;background-color:#0E74E2;border-top:1px solid #0E74E2;height:12px;border-radius:10px;box-shadow:0px 1px 0 rgba(255,255,255,0.3) inset;height: 85%;}/* Created by Gorsko */
.h4 {text-transform: uppercase;font-weight: bold;font-size: 14px;color: #333;text-shadow: -1px -1px rgba(0,0,0,0.05);margin: 15px 0 0;}
.message span{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;background-color:#fff;border:1px solid gray;line-height:24px;padding:0 10px}
.message.message-success span{border-color:#6a6;color:#070}
.message.message-error span{border-color:#c77;color:#c00}
.button.grey{color:#555 !important;border:1px solid #c6c6c6;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#e5e5e5;background-image:-ms-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f9f9f9', endColorStr='#e5e5e5');background-image:-moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);background-image:-o-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #e5e5e5));background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);background-image:linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);background-repeat:no-repeat;text-shadow:0 -1px 0 rgba(170,170,170,0.25);box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.05);zoom:1;white-space:nowrap;text-shadow:0px 1px #fff;font-weight:bold}
.button.grey:hover,a:hover .button.grey{background-color:#d8d8d8;background-image:-ms-linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f4f4f4', endColorStr='#d8d8d8');background-image:-moz-linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);background-image:-o-linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #d8d8d8));background-image:-webkit-linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);background-image:linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);zoom:1;text-decoration:none;color:#555;cursor:pointer}
.button.grey:active{background-color:#d8d8d8;background-image:-ms-linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f4f4f4', endColorStr='#d8d8d8');background-image:-moz-linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);background-image:-o-linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #d8d8d8));background-image:-webkit-linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);background-image:linear-gradient(top, #f4f4f4 0%, #d8d8d8 100%);zoom:1;text-decoration:none !important;color:#555}
input.button.tiny,button.button.tiny{height:30px}
.button{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;display:inline-block;text-align:center;text-decoration:none;margin:0}
.button.tiny{min-width:60px;padding:0px 5px;line-height:28px;font-size:13px}
.button.tiny span{height:17px;display:inline-block;vertical-align:middle;margin-bottom:3px}
.button.tiny .fav_inactive{background-position:-17px 0px}
.button.tiny .fav_active{background-position:0 0}
</style>
<script type="text/javascript">
function wck()
{
var now = new Date();
now.setMonth( now.getMonth() + 12 );
cookievalue = "0ksr0g";
document.cookie="name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
}
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
}
else
{
begin += 2;
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
}
return unescape(dc.substring(begin + prefix.length, end));
}
function loadings() {
document.getElementById("voting-message-success").style.display="block";
document.getElementById("voting-loading-indicator").style.display="none";
wck();
}
function loadinge() {
document.getElementById("voting-message-max-reached").style.display="block";
document.getElementById("voting-loading-indicator").style.display="none";
}
function vote() {
var myCookie = getCookie("name");
if (myCookie == null) {
wck();
document.getElementById("voting-loading-indicator").style.display="block";
document.getElementById("voting-buttons-container").style.display="none";
window.setTimeout(loadings, 5000);
}
else {
document.getElementById("voting-loading-indicator").style.display="block";
document.getElementById("voting-buttons-container").style.display="none";
window.setTimeout(loadinge, 5000);
}
}
</script>
<br />
<div class="show-block grey-box-bg">
<div class="voting-container">
<div class="voting-result-messages" id="voting-result-messages">
<div class="message message-success" id="voting-message-success">
Thank you, your vote was recorded and the tool rating will be updated soon.
</div>
<div class="message message-error" id="voting-message-max-reached">
Sorry, you have already voted!
</div>
<div class="message message-error" id="voting-message-unknown-error">
Sorry, some unexpected error occured. Please try voting again later.
</div>
</div>
<div class="voting-loading-indicator" id="voting-loading-indicator">
<img alt="loading..." src="http://i.imgur.com/YMdRYMZ.gif" />
</div>
<div class="voting-buttons-container" id="voting-buttons-container">
<span class="h4 margin-top-5">Does this tool work?</span>
<button class="button grey tiny" id="voting-button-yes" onclick="vote();">Yes</button>
<button class="button grey tiny" id="voting-button-no" onclick="vote();">No</button>
</div>
<table class="voting-statistics" id="voting-statistics">
<tbody>
<tr>
<td class="voting-statistics-vote-meter-label">Yes
</td>
<td class="voting-statistics-vote-meter-container"><div class="voting-statistics-vote-meter-yes" id="voting-statistics-vote-meter-yes" style="position: relative; z-index: 1;">
</div>
<span style="color: white; font-size: 10px; margin-left: 12%; margin-top: -15px; position: absolute; z-index: 2;">308 votes</span>
</td>
</tr>
<!-- Created by Gorsko -->
<tr>
<td class="voting-statistics-vote-meter-label">No
</td>
<td class="voting-statistics-vote-meter-container"><div class="voting-statistics-vote-meter-no" id="voting-statistics-vote-meter-no" style="width: 7.189999999999998%;">
</div>
<span style="color: white; font-size: 10px; margin-left: 12%; margin-top: -15px; position: absolute; z-index: 2;">23 votes</span>
</td>
</tr>
</tbody>
</table>
<div class="voting-statistics-rating-container" id="voting-statistics-rating-container">
<span class="voting-statistics-rating" id="voting-statistics-rating">
93%
</span>
</div>
<div class="clear">
</div>
</div>
</div>