mobile-readability.min.js

(function(){function b(a,b){var c=document.createElement("script"),d=document.getElementsByTagName("head")[0],e=!1;c.src=a,c.onload=c.onreadystatechange=function(){!e&&(!this.readyState||this.readyState=="loaded"||this.readyState=="complete")&&(e=!0,b(),c.onload=c.onreadystatechange=null,d.removeChild(c))},d.appendChild(c)}function c(){jQuery("head").append('<link rel="stylesheet" type="text/css" href="http://robflaherty.github.com/mobile-readability-tester/styles.css" />');var a='<div id="mobile-readability-controls">       <h1>Mobile Readability Tester <small><a href="https://github.com/robflaherty/mobile-readability-tester">(Home)</a></small></h1>       <fieldset>       <label>Font Family</label>         <select id="choose-font">           <option value="Georgia" selected>Georgia</option>           <option value="Helvetica">Helvetica</option>         </select>       </fieldset>       <fieldset>         <label>Font Size</label>         <select id="choose-size">           <option value="12px">12px</option>           <option value="13px">13px</option>           <option value="14px">14px</option>           <option value="15px">15px</option>           <option value="16px" selected>16px</option>           <option value="17px">17px</option>           <option value="18px">18px</option>           <option value="19px">19px</option>           <option value="20px">20px</option>         </select>       </fieldset>       <fieldset>         <label>Content Padding</label>         <select id="choose-padding">           <option value="0px">0px</option>           <option value="5px">5px</option>           <option value="10px" selected>10px</option>           <option value="15px">15px</option>           <option value="20px">20px</option>           <option value="25px">25px</option>           <option value="30px">30px</option>           <option value="35px">35px</option>           <option value="40px">40px</option>         </select>       </fieldset>       <fieldset>         <label>Article Height</label>         <span class="article-height"></span>       </fieldset>       <fieldset>         <label>iPhone Pages</label>         <span class="article-pages"></span>       </fieldset>     </div>';jQuery("body").prepend(a),d()}function d(){function b(){var b=jQuery("#choose-font").find("option:selected").val();jQuery(a).css({"font-family":b})}function c(){var b=jQuery("#choose-size").find("option:selected").val();jQuery(a).css({"font-size":b})}function d(){var b=jQuery("#choose-padding").find("option:selected").val();jQuery(a).css({"padding-left":b,"padding-right":b}),jQuery("p").toggleClass("relative"),c()}function e(){jQuery(".article-height").html(jQuery(a).height()+"px"),jQuery(".article-pages").html((jQuery(a).height()/416).toFixed(1))}var a;typeof mobileReadabilityStandalone=="undefined"?a=prompt("What's the selector for the element that wraps your main content?","#content"):a="#content",e(),jQuery("#choose-padding").change(function(){d(),e()}),jQuery("#choose-font").change(function(){b(),e()}),jQuery("#choose-size").change(function(){c(),e()})}var a=document.createElement("script");b("http://code.jquery.com/jquery-latest.min.js",function(){return c()})})();