<!--Меняем Шрифт на странице -->
<script type="text/javascript">
(function(){

function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
a='<center><div class="slider-size" title="Размер шрифта"></div><input type="hidden" id="hidden"/></center>';$('#pun-main.main.pages:first h1 span').after(a);
var fs;
var pc = $('#pun-main.main.pages .container p').css('font-size');

var val = getcookie('val-2');
if(!val)val = 12;
$('#pun-main.main.pages .container p').find('em').css('font-size', val  + 'px')

$('.slider-size').tooltip();
$('.slider-size').slider({
animate: 'fast',
     range: 'min',
     value: val,
     min: 12,
     max: 22,
step: 1,
slide: function( event, ui ) {
$('#pun-main.main.pages .container p em').css('font-size', ui.value  + 'px');
fs = $('#pun-main.main.pages .container p em').css('font-size');
$('.slider-size').attr('title', fs).tooltip();
setcookie('val-2',ui.value,30);
                }
	});
}());
</script>

<!--Меняем Шрифт на странице -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

<style>
div[class^=slider] {
height:11px;
background:url(http://forumstatic.ru/files/0012/b1/41/96344.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
position:relative;
margin-top: 5px;
padding:0 10px;
width:80px;
}

.ui-slider {
position: relative;
text-align: left;
}

.ui-slider-handle {
background:url(http://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll 0 3px rgba(0, 0, 0, 0);
width:18px;
height:22px;
position:absolute;
top:-7px;
margin-left:-12px;
outline: none;
-moz-outline-style:none;
z-index:200;
}

.ui-slider-handle.ui-state-hover {
background-position: -18px 3px;
}

.ui-slider-handle.ui-state-active {
background-position: -36px 3px;
}

.ui-widget-header {
background:url(http://ruseller.com/lessons/les1302/demo/fill.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}

.ui-tooltip {
background: #fff;
opacity: 0.8;
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
</style>