Szukam skryptu do WP - Wersja do druku

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>