github/myvesta
1
0
Fork 0
mirror of https://github.com/myvesta/vesta synced 2025-07-07 05:21:50 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

added orange border to buttons as hover effect

Browse source
This commit is contained in:
Serghey Rodin 2013-07-01 13:12:41 +03:00
parent 506bc56dfe
commit f7377b72e3
2 changed files with 23 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/css/jquery-custom-dialogs.css
View file

@ -376,8 +376,8 @@
* http://docs.jquery.com/UI/Button#theming * 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 { 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 { 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 { background-color: #f0f0f0; } .ui-button:hover { border: 1px solid #f79b44; }
.ui-button:active { background-color: #f79b44; color: #fff; } .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 */ .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 */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */

40
web/templates/header.html
View file

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