<p>Select the desired text size (persisted using cookies):</p> <a href="#" class="texttoggler" rel="xsmallview" title="extra small size"><img src="xsmallview.png" /></a> <a href="#" class="texttoggler" rel="smallview" title="small size"><img src="smallview.png" /></a> <a href="#" class="texttoggler" rel="normalview" title="normal size"><img src="normalview.png" /></a> <a href="#" class="texttoggler" rel="largeview" title="large size"><img src="largeview.png" /></a> <a href="#" class="texttoggler" rel="xlargeview" title="extra large size"><img src="xlargeview.png" /></a> <script type="text/javascript"> //documenttextsizer.setup("shared_css_class_of_toggler_controls") documenttextsizer.setup("texttoggler") </script>.xsmallview{ /*CSS for "extra small font" setting*/ font-size: 11px; } .smallview{ /*CSS for "small font" setting*/ font-size: 13px; } .normalview{ /*CSS to return page to default setting (with no additional CSS rules added)*/ } .largeview{ /*CSS for "large font" setting*/ font-size: 21px; } .xlargeview{ /*CSS for "extra large font" setting*/ font-size: 24px; }
