added orange border to buttons as hover effect

Author: serghey-rodin

web/css/jquery-custom-dialogs.css

@@ -376,8 +376,8 @@
  * http://docs.jquery.com/UI/Button#theming
  */
 .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .10pt; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
-.ui-button { filter:chroma(color=#000000); cursor: pointer; color: #333; background-color: #fafafa; border: 1px solid #d3d3d3; border-radius: 3px 3px 3px 3px; font-size: 14px; padding: 2px 16px; width: 108px; height: 34px; }
-.ui-button:hover { background-color: #f0f0f0; }
+.ui-button { filter:chroma(color=#000000); cursor: pointer; color: #555; background-color: #fafafa; border: 1px solid #d3d3d3; border-radius: 3px 3px 3px 3px; font-weight: bold; font-size: 14px; padding: 2px 16px; width: 108px; height: 34px; }
+.ui-button:hover { border: 1px solid #f79b44; }
 .ui-button:active { background-color: #f79b44; color: #fff; }
 .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
 button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */

web/templates/header.html

@@ -61,7 +61,7 @@
                 padding: 5px 22px 4px;
                 text-decoration: none;
                 color: #fff;
-                border-right: 1px solid #fff;
+                border-right: 1px solid #ccc;
             }
 
             .top-link:hover {
@@ -131,7 +131,7 @@
 
             .nav-lnk {
                 text-decoration: none;
-                color: #323232;
+                color: #222;
                 float:left;
             }
 
@@ -196,7 +196,7 @@
                 height: 58px;
                 line-height: 1.4em;
                 font-size: 9pt;
-                color: #555;
+                color: #333;
                 decoration: none;
             }
 
@@ -225,12 +225,13 @@
                 width: 130px;
                 height: 24px;
                 cursor: pointer;
-                color: #333;
+                color: #555;
                 background-color: #fafafa;
-                border: 1px solid #999;
+                border: 1px solid #ccc;
                 border-radius: 3px 3px 3px 3px;
                 padding: 0;
                 font-size: 12px;
+                font-weight: bold;
                 font-family:Arial, Helvetica, sans-serif;
             }
 
@@ -241,7 +242,7 @@
             }
 
             .submenu-button:hover {
-                background-color: #f0f0f0;
+                border: 1px solid #f79b44;
             }
 
             .submenu-button:active {
@@ -534,22 +535,22 @@
             }
 
             .username {
-                color: #323232;
+                color: #222;
                 font-size: 16pt;
             }
 
             .domain {
-                color: #323232;
+                color: #222;
                 font-size: 16pt;
             }
 
             .cron {
-                color: #323232;
+                color: #222;
                 font-size: 18px;
             }
 
             .log {
-                color: #323232;
+                color: #222;
                 font-size: 12pt;
             }
 
@@ -576,7 +577,7 @@
                 vertical-align:top;
                 line-height: 1.3em;
                 font-size: 10pt;
-                color: #505050;
+                color: #222;
                 padding: 0 4px 0 0;
             }
 
@@ -585,14 +586,14 @@
                 line-height: 0.8em;
                 font-size: 8pt;
                 padding: 4 0 0 0;
-                color: #505050;
+                color: #222;
             }
 
             .counter-value {
                 vertical-align:top;
                 line-height: 1.2em;
                 font-size: 10pt;
-                color: #000;
+                color: #222;
                 padding: 0 0 0 4px;
             }
 
@@ -637,7 +638,7 @@
             }
 
             .vst-text {
-                color: #323232;
+                color: #222;
                 font-size: 12pt;
             }
 
@@ -713,18 +714,19 @@
             .button {
                 filter:chroma(color=#000000);
                 cursor: pointer;
-                color: #202020;
+                color: #505050;
                 background-color: #fafafa;
-                border: 1px solid #999;
+                border: 1px solid #ccc;
                 border-radius: 3px 3px 3px 3px;
                 font-size: 14px;
+                font-weight: bold;
                 padding: 2px 16px;
                 width: 108px;
                 height: 34px;
             }
 
             .button:hover {
-                background-color: #f0f0f0;
+                border: 1px solid #f79b44;
             }
 
             .button:active {
@@ -805,7 +807,7 @@
             .login-box {
                 text-align: left;
                 vertical-align:top;
-                color: #323232;
+                color: #222;
             }
 
             .login-bottom {
@@ -821,7 +823,7 @@
 
             .vestacp{
                 font-size: 8pt;
-                color: #323232;
+                color: #222;
                 text-align: right;
                 padding: 20px 0 0 0;
             }