■ <html> <head> <meta http-equiv="MSThemeCompatible" CONTENT="yes" /> <meta http-equiv="Content-Type" content="text/html; charset=Unicode" /> <title>Clock Settings</title> <link href="css/settings.css" rel="stylesheet" type="text/css" /> <script src="js/timeZones.js" language="javascript" type="text/javascript"></script> <script src="js/settings.js" language="javascript" type="text/javascript"></script> <script src="js/clock.js" language="javascript" type="text/javascript"></script> </head> <body onload="loadSettings()"> <table dir="ltr" cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:4px;height:4px;background:url(images/settings_corner_top_left.png)" nowrap></td> <td style="width:100%;background:url(images/settings_box_top.png)"></td> <td style="width:4px;height:4px;background:url(images/settings_corner_top_right.png)" nowrap></td> </tr> <tr style="background-color:#ffffff"> <td style="width:4px;background:url(images/settings_box_left.png) repeat-y" nowrap></td> <td align="center" style="padding:5px"><img id="settingsImagePreview" /></td> <td style="width:4px;background:url(images/settings_box_right.png) repeat-y" nowrap></td> </tr> <tr style="background-color:#f4f4f4"> <td style="width:4px;height:3px;background:url(images/settings_divider_left.png)" nowrap></td> <td style="width:100%;background:url(images/settings_divider.png)"></td> <td style="width:4px;height:3px;background:url(images/settings_divider_right.png)" nowrap></td> </tr> <tr style="background-color:#f4f4f4"> <td style="width:4px;background:url(images/settings_box_divider_left.png) repeat-y" nowrap></td> <td align="center" style="padding:5px 0px 5px 0px"> <table id="settingsButtonTable" cellspacing="0" cellpadding="0" border="0"> <tr> <td id="settingsButtonLeftCell"><a id="settingsLeftAnchor" href="javascript:void(0)" onkeypress="settingsButtonBack()" style="cursor:default"><img id="settingsImageLeft" src="images/settings_left_rest.png" onmousedown="settingsButtonBack(true)" onmouseenter="settingsUpdateImage(this, 'hover')" onmouseleave="settingsUpdateImage(this, 'rest')" onmousedown="settingsUpdateImage(this, 'pressed')" onmouseup="settingsUpdateImage(this, 'hover')" style="width:19px;height:19px;border:none;margin-right:11px" /></a></td> <td id="currentIndex"></td> <td id="L_OF"> of </td> <td id="maxIndex"></td> <td id="settingsButtonRightCell"><a id="settingsRightAnchor" href="javascript:void(0)" onkeypress="settingsButtonForward()" style="cursor:default"><img id="settingsImageRight" src="images/settings_right_rest.png" onmousedown="settingsButtonForward(true)" onmouseenter="settingsUpdateImage(this, 'hover')" onmouseleave="settingsUpdateImage(this, 'rest')" onmousedown="settingsUpdateImage(this, 'pressed')" onmouseup="settingsUpdateImage(this, 'hover')" style="width:19px;height:19px;border:none;margin-left:11px" /></a></td> </tr> </table> </td> <td style="width:4px;background:url(images/settings_box_divider_right.png) repeat-y" nowrap></td> </tr> <tr style="background-color:#f4f4f4"> <td style="width:4px;height:4px;background:url(images/settings_corner_bottom_left.png)" nowrap></td> <td style="width:100%;background:url(images/settings_box_bottom.png)"></td> <td style="width:4px;height:4px;background:url(images/settings_corner_bottom_right.png)" nowrap></td> </tr> </table> <div style="padding-top:11px"></div> <table cellspacing="0" cellpadding="0" style="width:100%;font-size:12px"> <tr> <td rowspan="6" style="width:2px" nowrap></td> <td><label id="L_CLOCKNAME_TEXT" for="clockName">Clock name:</label></td> <td rowspan="6" style="width:2px" nowrap></td> </tr> <tr> <td style="width:100%" style="padding-top:3px"><input id="clockName" type="text" class="textbox" style="width:100%;font-size:12px" maxlength="30" /></td> </tr> <tr> <td style="padding-top:7px"><label id="L_TIMEZONE_TEXT" for="timeZoneIndex">Time zone:</label></td> </tr> <tr> <td style="width:100%" style="padding-top:3px"><select id="timeZoneIndex" onchange="this.title=timeZoneIndex.options[this.selectedIndex].text" style="width:100%;font-size:12px"></select></td> </tr> <tr> <td style="padding-top:7px"><input type="checkbox" id="secondsEnabled" value="checkbox" /><label id="L_SHOWSECONDS_TEXT" for="secondsEnabled">Show the second hand</label></td> </tr> </table> </body> </html>