<div id="resize" style="z-index: 1000">
<a class="increase" style="font-size:40px !important">⊕</a>
<br>
<a class="decrease" style="font-size:40px !important">⊝</a>
<a class="reset" style="font-size:40px !important">⊜</a>
</div>
<style>
div#resize {
position: fixed !important;
top: 100px;
left: 100px;
}
.brikit-container
{
width: 1550px !important;
}
</style>
<script>
$(document).ready(function(){
var resize = new Array('p','.resizable','li','.resizable','div','.resizable','code','.resizable','dt','.resizable','dd','.resizable','h1','.resizable','h2','.resizable');
resize = resize.join(',');
//resets the font size when "reset" is clicked
var resetFont = $(resize).css('font-size');
$(".reset").click(function(){
$(resize).css('font-size', resetFont);
});
//increases font size when "+" is clicked
$(".increase").click(function(){
var originalFontSize = $(resize).css('font-size');
var originalFontNumber = parseFloat(originalFontSize, 10);
var newFontSize = originalFontNumber*1.2;
$(resize).css('font-size', newFontSize);
return false;
});
//decrease font size when "-" is clicked
$(".decrease").click(function(){
var originalFontSize = $(resize).css('font-size');
var originalFontNumber = parseFloat(originalFontSize, 10);
var newFontSize = originalFontNumber*0.8;
$(resize).css('font-size', newFontSize);
return false;
});
});
</script> |