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
*/
.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 */

40
web/templates/header.html
View file

@ -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;
}