show selected tab

web/templates/admin/panel.html

@@ -17,18 +17,18 @@
                                     </tr>
                                 </table>
                                 <table class="nav">
-                                    <tr id="nav-block">
-                                        <td class="logotd" style="padding: 24px 0px 0px 4px; float: left;">
+                                    <tr>
+                                        <td class="logo">
                                             <img src="/images/logo.png" width="124px" height="46px" alt="Vesta logo">
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'USER' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'USER' ) echo 's' ?>link" href="/list/user/"><b>USER</b></a>
                                             <p class="counters">
                                                 users: <? echo $panel[$user]['U_USERS'] ?><br>
                                                 suspended: <? echo $panel[$user]['SUSPENDED_USERS']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'WEB' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'WEB' ) echo 's' ?>link" href="/list/web/"><b>WEB</b></a>
                                             <p class="counters">
                                                 domains: <? echo $panel[$user]['U_WEB_DOMAINS']?><br>
@@ -36,7 +36,7 @@
                                                 suspended: <? echo $panel[$user]['SUSPENDED_WEB']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'DNS' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'DNS' ) echo 's' ?>link" href="/list/dns/"><b>DNS</b></a>
                                             <p class="counters">
                                                 domains: <? echo $panel[$user]['U_DNS_DOMAINS']?><br>
@@ -44,7 +44,7 @@
                                                 suspended: <? echo $panel[$user]['SUSPENDED_DNS']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'MAIL' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'MAIL' ) echo 's' ?>link" href="/list/mail/"><b>MAIL</b></a>
                                             <p class="counters">
                                                 domains: <? echo $panel[$user]['U_MAIL_DOMAINS']?><br>
@@ -52,21 +52,21 @@
                                                 suspended: <? echo $panel[$user]['SUSPENDED_MAIL']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'DB' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'DB' ) echo 's' ?>link" href="/list/db/"><b>DB</b></a>
                                             <p class="counters">
                                                 databases: <? echo $panel[$user]['U_DATABASES']?><br>
                                                 suspended: <? echo $panel[$user]['SUSPENDED_DB']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'CRON' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'CRON' ) echo 's' ?>link" href="/list/cron/"><b>CRON</b></a>
                                             <p class="counters">
                                                 jobs: <? echo $panel[$user]['U_CRON_JOBS']?><br>
                                                 suspended: <? echo $panel[$user]['SUSPENDED_CRON']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'BACKUP' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'BACKUP' ) echo 's' ?>link" href="/list/backup/"><b>BACKUP</b></a>
                                             <p class="counters">
                                                 backups: <? echo $panel[$user]['U_BACKUPS']?><br> 

web/templates/header.html

@@ -108,45 +108,51 @@
                 border-bottom: 8px solid #F7F6ED;
             }
 
-            .nav td {
-                text-align: left;
-                vertical-align:top;
-                margin: 0;
-                padding: 0;
-                width: 103px;
-            }
-
-            #nav-block {
-                padding: 0;
+            .logo {
+                width: 147px !important;
+                padding: 0 0 0 4px;
             }
 
-            .logotd{
-                width: 152px !important;
+            .nav-block {
+                vertical-align:top;
+                margin: 0;
+                text-align: left;
+                display: inline;
+                list-style: none outside none;
+                float: left;
+                padding: 16px 4px 2px 10px;
+                width: 102px;
+                line-height: 1.0em;
+                font-size: 9pt;
+                font-family: Arial, sans-serif;
+                color: #2d2d2d;
+                border-left:1px dotted #ebe9dc;
+                border-right:1px dotted #ebe9dc;
             }
 
-            .logotd:hover{
-                background: #ebe9dc !important;
+            .nav-block:hover {
+                background: #fafafa;
+                border-left:1px dotted #ccc;
+                border-right:1px dotted #ccc;
             }
 
-            #nav-block td {
+            .nav-sblock {
+                vertical-align:top;
+                margin: 0;
+                text-align: left;
                 display: inline;
                 list-style: none outside none;
                 float: left;
-                padding: 16px 7 2px 8px;
+                padding: 16px 4px 2px 10px;
+                width: 102px;
                 line-height: 1.0em;
                 font-size: 9pt;
                 font-family: Arial, sans-serif;
                 color: #2d2d2d;
-                background: url(/images/transparent-image.png) no-repeat;
-            }
-
-            #nav-block td:hover {
                 background: #fafafa;
-                color: black;
-            }
+                border-left:1px dotted #fafafa;
+                border-right:1px dotted #fafafa;
 
-            .nav-active{
-                background: #fafafa !important;
             }
 
             .nav-link {
@@ -171,7 +177,7 @@
             .nav-slink {
                 letter-spacing: -1.0px;
                 font-size: 16pt;
-                color: #58a3ca;
+                color: #7fa1cb;
                 font-family: Arial, sans-serif;
                 text-decoration: none;
             }

web/templates/user/panel.html

@@ -17,19 +17,17 @@
                                     </tr>
                                 </table>
                                 <table class="nav">
-                                    <tr id="nav-block">
-                                        <td class="logotd" style="padding: 24px 0px 0px 4px; float: left;">
+                                        <td class="logo">
                                             <img src="/images/logo.png" width="124px" height="46px" alt="Vesta logo">
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'USER' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'USER' ) echo 's' ?>link" href="/list/user/"><b>USER</b></a>
                                             <p class="counters">
-                                                disk: <? echo humanize_usage($panel[$user]['U_DISK']) ?> <br>
-                                                traffic: <? echo humanize_usage($panel[$user]['U_BANDWIDTH']) ?><br>
-                                                suspended: <? echo $panel[$user]['SUSPENDED']?> 
+                                                users: <? echo $panel[$user]['U_USERS'] ?><br>
+                                                suspended: <? echo $panel[$user]['SUSPENDED_USERS']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'WEB' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'WEB' ) echo 's' ?>link" href="/list/web/"><b>WEB</b></a>
                                             <p class="counters">
                                                 domains: <? echo $panel[$user]['U_WEB_DOMAINS']?><br>
@@ -37,7 +35,7 @@
                                                 suspended: <? echo $panel[$user]['SUSPENDED_WEB']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'DNS' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'DNS' ) echo 's' ?>link" href="/list/dns/"><b>DNS</b></a>
                                             <p class="counters">
                                                 domains: <? echo $panel[$user]['U_DNS_DOMAINS']?><br>
@@ -45,7 +43,7 @@
                                                 suspended: <? echo $panel[$user]['SUSPENDED_DNS']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'MAIL' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'MAIL' ) echo 's' ?>link" href="/list/mail/"><b>MAIL</b></a>
                                             <p class="counters">
                                                 domains: <? echo $panel[$user]['U_MAIL_DOMAINS']?><br>
@@ -53,21 +51,21 @@
                                                 suspended: <? echo $panel[$user]['SUSPENDED_MAIL']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'DB' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'DB' ) echo 's' ?>link" href="/list/db/"><b>DB</b></a>
                                             <p class="counters">
                                                 databases: <? echo $panel[$user]['U_DATABASES']?><br>
                                                 suspended: <? echo $panel[$user]['SUSPENDED_DB']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'CRON' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'CRON' ) echo 's' ?>link" href="/list/cron/"><b>CRON</b></a>
                                             <p class="counters">
                                                 jobs: <? echo $panel[$user]['U_CRON_JOBS']?><br>
                                                 suspended: <? echo $panel[$user]['SUSPENDED_CRON']?> 
                                             </p>
                                         </td>
-                                        <td>
+                                        <td class="nav-<?php if($TAB == 'BACKUP' ) echo 's' ?>block">
                                             <a class="nav-<?php if($TAB == 'BACKUP' ) echo 's' ?>link" href="/list/backup/"><b>BACKUP</b></a>
                                             <p class="counters">
                                                 backups: <? echo $panel[$user]['U_BACKUPS']?><br>