Podnieś swoje zarobki - Bardzo ładna ankieta

Kod PHP:
<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>



<div class="show-block grey-box-bg">
  <div class="voting-container">
  <div id="voting-result-messages" class="voting-result-messages">
    <div class="message message-success" id="voting-message-success">
      <span>
        Thank you, your vote was recorded and the tool rating will be updated soon.
      </span>
    </div>
    <div class="message message-error" id="voting-message-max-reached">
      <span>
        Sorry, you have already voted!
      </span>
    </div>
    <div class="message message-error" id="voting-message-unknown-error">
      <span>
        Sorry, some unexpected error occured. Please try voting again later.
      </span>
    </div>
  </div>

  <div id="voting-loading-indicator" class="voting-loading-indicator">
    <img alt="loading..." src="http://i.imgur.com/YMdRYMZ.gif">
  </div>

  <div id="voting-buttons-container" class="voting-buttons-container">
    <span class="h4 margin-top-5">Does this tool work?</span>
    <button onclick="vote();" id="voting-button-yes" class="button grey tiny">Yes</button>
    <button onclick="vote();" id="voting-button-no" class="button grey tiny">No</button>
  </div>
    <table id="voting-statistics" class="voting-statistics">
    <tbody>
      <tr>
        <td class="voting-statistics-vote-meter-label">
          Yes
        </td>
        <td class="voting-statistics-vote-meter-container">
          <div id="voting-statistics-vote-meter-yes" class="voting-statistics-vote-meter-yes" style="width: 92.81%;" style="position:relative; z-index: 1;">&nbsp;</div>
          <span style="font-size: 10px;position: absolute;color: white;z-index: 2;margin-top: -15px;margin-left: 12%;">3,623 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 id="voting-statistics-vote-meter-no" class="voting-statistics-vote-meter-no" style="width: 7.189999999999998%;">&nbsp;</div>
          <span style="font-size: 10px;position: absolute;color: white;z-index: 2;margin-top: -15px;margin-left: 12%;">91 votes</span>
        </td>
      </tr>
    </tbody>
  </table>
  <div id="voting-statistics-rating-container" class="voting-statistics-rating-container">
    <span id="voting-statistics-rating" class="voting-statistics-rating">
      92.81%
    </span>
  </div>
  <div class="clear"></div>

</div>

</div>