<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">I used the jQuery UI theming tool to role together a theme for the UI that I thought fit with our website. I borrowed color schemes etc from our existing CSS so I think it's okay. You can check out what I put together on EHPDevel at:<div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> <a href="http://ehpd-earthquake.cr.usgs.gov/template/widgets/ui/example.php">http://ehpd-earthquake.cr.usgs.gov/template/widgets/ui/example.php</a></span></div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"></span>This is a widget so to use it, one would just add to their template:</div><div><br></div><div><font class="Apple-style-span" face="Courier" size="3"><span class="Apple-style-span" style="font-size: 12px;"><?php</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Courier" size="3"><span class="Apple-style-span" style="font-size: 12px;"> </span></font></span><font class="Apple-style-span" face="Courier" size="3"><span class="Apple-style-span" style="font-size: 12px;">$TITLE = 'Page Title';</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Courier" size="3"><span class="Apple-style-span" style="font-size: 12px;"> </span></font></span><font class="Apple-style-span" face="Courier" size="3"><span class="Apple-style-span" style="font-size: 12px;">$WIDGETS = 'ui';</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Courier" size="3"><span class="Apple-style-span" style="font-size: 12px;"> </span></font></span><font class="Apple-style-span" face="Courier" size="3"><span class="Apple-style-span" style="font-size: 12px;">include_once $_SERVER['DOCUMENT_ROOT'] . '/template/template.inc.php';</span></font></div><div><font class="Apple-style-span" face="Courier" size="3"><span class="Apple-style-span" style="font-size: 12px;">?></span></font><br><div><br class="webkit-block-placeholder"></div><div apple-content-edited="true"> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>If you think this can be improved to better fit with our site, please role together your own theme. You can do this pretty easily and quickly at:</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> <a href="http://jqueryui.com/themeroller/">http://jqueryui.com/themeroller/</a></span></div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"></span>Download what you put together, send it to me, and I'll put it up for comparison. We can all decide which is the best fit for our site. For those unfamiliar with the jQuery UI, it provides very simplified interfaces to useful and (sometimes very) complex user interface widgets in the web browser. You can learn more about the UI itself at:</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> <a href="http://jqueryui.com/home">http://jqueryui.com/home</a></span></div></div></span></span></div></div><div> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><br>Thanks,</div><div><span class="Apple-tab-span" style="white-space: pre; "> </span>~Eric.<br></div><div><br></div><br></div></span><br class="Apple-interchange-newline"> </div><br></body></html>