github/vesta
1
0
Fork 0
mirror of https://github.com/serghey-rodin/vesta.git synced 2025-07-07 13:31:51 -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 */