typography fixes

web/css/jquery-custom-dialogs.css

@@ -415,7 +415,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
  */
 .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; background: #fff; }
 .ui-dialog .ui-dialog-titlebar { padding: .4em 10pt; position: relative;  }
-.ui-dialog .ui-dialog-title { float: left; margin: .10pt 16px .10pt 0;  font-family: Georgia; font-style: italic; color: #c69c6d;} 
+.ui-dialog .ui-dialog-title { float: left; margin: .10pt 16px .10pt 0;  font-family: Arial; color: #c69c6d;} 
 .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
 .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
 .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

web/templates/admin/list_backup.html

@@ -77,3 +77,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/list_cron.html

@@ -93,3 +93,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/list_db.html

@@ -78,3 +78,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/list_dns.html

@@ -75,3 +75,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/list_dns_rec.html

@@ -58,3 +58,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/list_ip.html

@@ -63,3 +63,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/list_mail.html

@@ -81,3 +81,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/list_mail_acc.html

@@ -72,3 +72,4 @@ foreach ($data as $key => $value) {
     ?>
     </td>
 </tr>
+</form>

web/templates/admin/list_user.html

@@ -110,13 +110,13 @@ foreach ($data as $key => $value) {
 
         <table class="data-col2" width="830px">
             <tr><td colspan=3 class="username" style="padding: 0 0 0 4px;"><b><?php echo $key ?></b><a class="fullname"><?php echo $data[$key]['FNAME']?> <?php echo $data[$key]['LNAME']?></a></td></tr>
-            <td style="vertical-align:top;" >
+            <td style="vertical-align:top;"  width="240">
                 <table>
                     <tr><td colspan=2 class="counter-name"  style="padding: 2px 0 0 2px;"><?php echo $data[$key]['CONTACT']?></td></tr>
                     <tr><td colspan=2 class="counter-name"  style="padding: 0 0 18px 2px;">[<?php echo $data[$key]['PACKAGE']?>] package</td></tr>
                     <tr><td class="chart1" colspan=2 style="padding: 0 0 0 3px;">Bandwidth: <?php echo get_percentage($data[$key]['U_BANDWIDTH'],$data[$key]['BANDWIDTH']) ?>% (<?php echo humanize_usage($data[$key]['U_BANDWIDTH']) ?>)
                         <div style="width:160px; height:6px; font-size:0;background-color:#B3CED5;"><div style="width:<?php echo get_percentage($data[$key]['U_BANDWIDTH'],$data[$key]['BANDWIDTH']) ?>%; height:6px; background-color:#629FBB; border-right:1px #629FBB solid;"></div></div></td></tr>
-                    <tr><td class="chart1" colspan=2 style="padding: 0 0 0 3[x;">Disk: <?php echo get_percentage($data[$key]['U_DISK'],$data[$key]['DISK_QUOTA']) ?>% (<?php echo humanize_usage($data[$key]['U_DISK']) ?>)
+                    <tr><td class="chart1" colspan=2 style="padding: 0 0 0 3px;">Disk: <?php echo get_percentage($data[$key]['U_DISK'],$data[$key]['DISK_QUOTA']) ?>% (<?php echo humanize_usage($data[$key]['U_DISK']) ?>)
                         <div style="width:160px; height:6px; font-size:0;background-color:#B3CED5;"><div style="width:<?php echo get_percentage($data[$key]['U_DISK'],$data[$key]['DISK_QUOTA']) ?>%; height:6px; background-color:#629FBB; border-right:1px #629FBB solid;"></div></div></td></tr>
                     <tr><td colspan=2>
                         <table class="chart2"><tr>
@@ -131,8 +131,8 @@ foreach ($data as $key => $value) {
                     </tr>
                 </table>
             </td>
-            <td style="vertical-align:top;" width="300">
-                <table width="320">
+            <td style="vertical-align:top;" width="320">
+                <table width="300">
                     <tr><td class="counter-name" width="37%">Web Domains:</td>
                     <td class="counter-value"><?php echo $data[$key]['U_WEB_DOMAINS'] ?> / <?php echo $data[$key]['WEB_DOMAINS'] ?></td></tr>
                     <tr><td class="counter-name">Web SSL:</td>
@@ -189,3 +189,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/list_web.html

@@ -154,3 +154,4 @@ foreach ($data as $key => $value) {
     </td>
 </tr>
 </table>
+</form>

web/templates/admin/menu_backup.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 6px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Make Backup</b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 4px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Make Backup</b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18px;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_cron.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 6px 0 18px;" border=0 src="/images/plus.png" width="12px" height="12px"><b>Add Cron Job</b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 4px 0 18px;" border=0 src="/images/plus.png" width="12px" height="12px"><b>Add Cron Job</b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18px;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_db.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 6px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add Database</b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 4px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add Database</b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18px;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_dns.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 6px 0 18px;"src="/images/plus.png" width="12px" height="12px"><b>Add DNS Domain</b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 4px 0 18px;"src="/images/plus.png" width="12px" height="12px"><b>Add DNS Domain</b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18px;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_dns_rec.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 6px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add DNS Record</b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 4px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add DNS Record</b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18px;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_ip.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 6px 0 18px;" border=0 src="/images/plus.png" width="12px" height="12px"><b>Add IP</b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 4px 0 18px;" border=0 src="/images/plus.png" width="12px" height="12px"><b>Add IP</b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18px;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_mail.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 6px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add Mail Domain<b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 4px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add Mail Domain<b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18px;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_mail_acc.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 6px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add Mail Account<b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="#" class="add"><img style="padding: 0 4px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add Mail Account<b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_user.html

@@ -1,10 +1,11 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="/add/user/" class="add"><img style="padding: 0 6px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add User</a></b></td>
+    <td style="padding: 4px 0 10px 0;"><a href="/add/user/" class="add"><img style="padding: 0 4px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add User</a></b></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18px;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px" > toggle all</a>
-    <select style="margin:0 0 0 8px">
+
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +15,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/menu_web.html

@@ -1,10 +1,10 @@
 <table class="sub-menu">
 <tr>
-    <td style="padding: 4px 0 10px 0;"><a href="/add/web/" class="add"><img style="padding: 0 6px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add Web Domain</b></a></td>
+    <td style="padding: 4px 0 10px 0;"><a href="/add/web/" class="add"><img style="padding: 0 4px 0 18px;" src="/images/plus.png" width="12px" height="12px"><b>Add Web Domain</b></a></td>
     <td style="text-align: right;"><input type="text" size="30" style="border: 2px solid #D3ECF8; padding: 2px 80px 3px 0;"> <button> Search </button></td>
 </tr><tr>
-    <td style="padding: 0 0 0 18;"><input type="checkbox" onclick="checkAll(this)"> <a style="padding: 0 4px 0 2px"> toggle all</a>
-    <select style="margin:0 0 0 8px">
+    <td style="padding: 0 0 0 18px;"><a style="padding: 0 4px 0 4px" class="select-controls" href='javascript:checkedAll("vstobjects");'> toggle all </a>
+    <select style="margin:0 0 0 80px">
         <option>apply to selected</option>
         <option>rebuild</option>
         <option>update counters</option>
@@ -14,3 +14,4 @@
     </select> <button> > </button></td>
 </tr>
 </table>
+<form id="vstobjects">

web/templates/admin/panel.html

@@ -1,11 +1,11 @@
 <table class="main"><tr><td>
 <table class="top">
 <tr>
-    <td width="192px"><p class="hostname"><?php echo exec('hostname') ?></p></td>
-    <td width="100px"><a class="top-<?php if($TAB == 'IP' ) echo 's' ?>link" href="/list/ip/">IP Adresses </a></td>
-    <td width="100px"><a class="top-<?php if($TAB == 'RRD' ) echo 's' ?>link" href="/list/rrd/">RRD Graphics</a></td>
-    <td width="84px"><a class="top-<?php if($TAB == 'STATS' ) echo 's' ?>link" href="/list/stats/">Statistics</a></td>
-    <td width="90px"><a class="top-<?php if($TAB == 'LOG' ) echo 's' ?>link" href="/list/log/">History Log</a></td>
+    <td width="196px"><p class="hostname"><?php echo exec('hostname') ?></p></td>
+    <td width="100px"><b><a class="top-<?php if($TAB == 'IP' ) echo 's' ?>link" href="/list/ip/">IP Adresses </a></b></td>
+    <td width="110px"><b><a class="top-<?php if($TAB == 'RRD' ) echo 's' ?>link" href="/list/rrd/">RRD Graphics</a></b></td>
+    <td width="76px"><b><a class="top-<?php if($TAB == 'STATS' ) echo 's' ?>link" href="/list/stats/">Statistics</a></b></td>
+    <td width="90px"><b><a class="top-<?php if($TAB == 'LOG' ) echo 's' ?>link" href="/list/log/">History Log</a></b></td>
     <td></td>
     <td width="260px"><b><?php if($user != $_SESSION['user']) echo 'admin / ' ?><?php echo $user ?></b><a class="top-link" style="padding: 0 0 0 6" href="/logout/">Log out</a></td>
 </tr>

web/templates/header.html

@@ -28,7 +28,7 @@ if (!empty($_SESSION['look'])) {
      }
     .top {
         background: #574f51;
-        color: #ebe2ae;
+        color: #f5edb6;
         padding: 0 10 0 0;
         margin-left: auto;
         margin-right: auto;
@@ -36,10 +36,11 @@ if (!empty($_SESSION['look'])) {
         font-family: Arial, sans-serif;
         font-size: 10pt;
         text-align: right;
-        line-height: 1.4em;
+        line-height: 1.2em;
      }
 
     .top-link {
+
         font-family: Arial, sans-serif;
         text-decoration: none;
         color: #dbdbdb;
@@ -57,12 +58,12 @@ if (!empty($_SESSION['look'])) {
 
     .top-link:active{
         text-decoration: underline;
-        color: #f5edb6;
+        color: #CCE4F0;
      }
 
     .top-slink {
         text-decoration: none;
-        color: #f5edb6;
+        color: #CCE4F0;
      }
 
     .bottom {
@@ -133,6 +134,7 @@ if (!empty($_SESSION['look'])) {
         width: 95px;
         padding: 20px 0 2px 15px;
         line-height: 1.0em;
+
         font-size: 9pt;
         font-family: Arial, sans-serif;
         color: #2d2d2d;
@@ -149,9 +151,9 @@ if (!empty($_SESSION['look'])) {
     }
 
     .nav-link {
+        letter-spacing: -1.2px;
         font-size: 16pt;
-        color: #484243;
-        font-family: 'Trebuchet MS';
+        color: #574F51;
         font-family: Arial, sans-serif;
         text-decoration: none;
     }
@@ -167,9 +169,9 @@ if (!empty($_SESSION['look'])) {
     }
 
     .nav-slink {
+        letter-spacing: -1.2px;
         font-size: 16pt;
-        color: #8b99a2;
-        font-family: 'Trebuchet MS';
+        color: #68797d;
         font-family: Arial, sans-serif;
         text-decoration: none;
     }
@@ -185,6 +187,19 @@ if (!empty($_SESSION['look'])) {
         padding: 10px 10px 16px 0;
      }
 
+
+    .select-controls {
+        color: #6A6A6A;
+        font-size: 8pt;
+        font-family: Arial, sans-serif;
+        letter-spacing: 0.1em;
+        text-decoration: none;
+    }
+
+    .select-controls:hover {
+	text-decoration: underline;
+    }
+
     .add {
         padding: 0 8px 0 3px;
         margin: 0;
@@ -333,7 +348,7 @@ if (!empty($_SESSION['look'])) {
 
     .data-count {
         background: #ebe9dc;
-        color: #777;
+        color: #888;
         font-size:18 pt;
         font-family: Arial;
         margin: 22px 0 0 0;
@@ -527,14 +542,19 @@ if (!empty($_SESSION['look'])) {
     <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
     <script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
     <script language="JavaScript">
-        function checkAll(bx) {
-          var cbs = document.getElementsByTagName('input');
-          for(var i=0; i < cbs.length; i++) {
-            if(cbs[i].type == 'checkbox') {
-              cbs[i].checked = bx.checked;
-            }
-          }
+    var checked=false;
+    var frmname='';
+    function checkedAll(frmname) {
+        var valus= document.getElementById(frmname);
+        if (checked==false) {
+            checked=true;
+        } else {
+            checked = false;
         }
+        for (var i =0; i < valus.elements.length; i++) {
+            valus.elements[i].checked=checked;
+        }
+    }
     </script>
 </head>
 <body>

web/templates/login.html

@@ -7,12 +7,12 @@
         margin-left: auto;
         margin-right: auto;
         background-image: url(/images/b.png);
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: Arial, sans-serif;
     }
 
     .forgot {
         color: #484243;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: Arial, sans-serif;
         font-size: 8pt;
         padding: 0 10px 0 0;
     }
@@ -39,12 +39,12 @@
     .login-text1 {
         padding: 10px 0 0 2px;
         color: #433832;
-        font-family: 'Trebuchet MS', Helvetica, sans-serif;
+        font-family: Arial, sans-serif;
         font-size: 14pt;
     }
     .login-text1 a {
         padding: 0 6px;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: Arial, sans-serif;
         font-size: 10pt;
         text-shadow: none;
     }

web/test.php

@@ -1,15 +1,25 @@
-<br>
-<form method="post">
-<textarea size="20" class="add-input" name="v_ssl_cert"><?php if (!empty($v_ssl_cert)) echo $v_ssl_cert;  ?></textarea>
-<br>
-<input type="submit" name="ok" value="OK" class="add-button">
-
-<br>
-<?php
-    if (!empty($_POST['v_ssl_cert'])) {
-        $fp = fopen("/tmp/test.crt", 'w');
-        fwrite($fp, str_replace("\r\n", "\n", $_POST['v_ssl_cert']));
-        fclose($fp);
+<script type="text/javascript">
+var checked=false;
+var frmname='';
+function checkedAll(frmname)
+{
+    var valus= document.getElementById(frmname);
+    if (checked==false)
+    {
+	checked=true;
     }
-
-?>
+    else
+    {
+	checked = false;
+    }
+    for (var i =0; i < valus.elements.length; i++) 
+    {
+	valus.elements[i].checked=checked;
+    }
+}
+</script>
+<form id ="cbexample">
+<input type="checkbox" name="chk1">Apple
+<input type="checkbox" name="chk2">Banana
+<a onclick='checkedAll("cbexample");'>Select All</a>
+</form>