increasing contrast in topmenu

Author: serghey-rodin

web/templates/admin/panel.html

@@ -19,7 +19,7 @@
                                         </td>
                                         <td>
                                             <b><?php echo $user ?></b>
-                                            <a class="top-link" style="padding: 5px 0px 5px 2px; border:0px" href="/logout/"> <?php print _('Log out') ?> </a>
+                                            <a class="top-logout" style="padding: 5px 0px 5px 2px; border:0px" href="/logout/"> <?php print _('Log out') ?> </a>
                                         </td>
                                     </tr>
                                 </thead>

web/templates/header.html

@@ -28,7 +28,7 @@
             }
 
             .top {
-                color: #825117;
+                color: #f5de50;
                 padding: 0;
                 font-family: Arial, Helvetica, sans-serif;
                 margin: 0;
@@ -41,7 +41,7 @@
             }
 
             .top thead td {
-                background: #ebe9dc;
+                background: #777;
                 border-bottom: 1px solid #fff;
                 height: 25px;
                 text-align: right;
@@ -60,29 +60,35 @@
             .top-link {
                 padding: 5px 22px 4px;
                 text-decoration: none;
-                color: #323232;
+                color: #fff;
                 border-right: 1px solid #fff;
             }
 
             .top-link:hover {
-                color: #174f82;
+                color: #fff;
+                background: #555;
             }
 
             .top-link:active{
                 color: #ccc;
+                background: #555;
             }
 
             .top-selected-link {
                 padding: 5px 22px;
                 text-decoration: none;
-                color: #174f82;
+                color: #555;
                 background: #fff;
                 border-right: 1px solid #fff;
             }
 
+            .top-selected-link:hover {
+                color: #174f82;
+            }
+
             .top-logout {
                 text-decoration: none;
-                color: #e6e6e6;
+                color: #d3d3d3;
                 padding: 0 0 0 2px;
                 border: noner;
             }

web/templates/user/panel.html

@@ -14,7 +14,7 @@
                                         </td>
                                         <td>
                                             <b><?php if(($_SESSION['user'] == 'admin') && ($user != 'admin')) echo 'admin / ' ?><?php echo $user ?></b>
-                                            <a class="top-link" style="padding: 5px 0px 5px 2px; border:0px" href="/logout/"> <?php print _('Log out') ?> </a>
+                                            <a class="top-logout" style="padding: 5px 0px 5px 2px; border:0px" href="/logout/"> <?php print _('Log out') ?> </a>
                                         </td>
                                     </tr>
                                 </thead>