mirror of
https://github.com/myvesta/vesta
synced 2025-08-14 10:37:42 -07:00
styled buttons
This commit is contained in:
parent
c10d0481d9
commit
2ae41a0172
2 changed files with 18 additions and 20 deletions
|
@ -58,7 +58,7 @@
|
|||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
|
||||
.ui-widget-content { border: 1px solid #aaaaaa; color: #222222; }
|
||||
.ui-widget-content a { color: #222222; }
|
||||
.ui-widget-header { background: #505050; color: #fff; font-size: 10pt; font-weight: bold;}
|
||||
.ui-widget-header { background: #505050; color: #444; font-size: 10pt; font-weight: bold;}
|
||||
.ui-widget-header a { color: #222222; }
|
||||
|
||||
/* Interaction Cues
|
||||
|
@ -376,9 +376,9 @@
|
|||
* 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: #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 { filter:chroma(color=#000000); cursor: pointer; color: #555; background-color: #ececec; border: 1px solid #e0e0e0; 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; background-color: #f79b44; color: #fff;}
|
||||
.ui-button:active { background-color: #999; color: #fff; border: 1px solid #999; }
|
||||
.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 */
|
||||
.ui-button-icons-only { width: 3.4em; }
|
||||
|
|
|
@ -247,11 +247,8 @@ form {
|
|||
|
||||
.submenu-button-main:hover {
|
||||
color: #fff;
|
||||
border: 1px solid #f79b44;
|
||||
background-color: #f79b44;
|
||||
color: #fff;
|
||||
border: 1px solid #87a1c2;
|
||||
background-color: #87a1c2;
|
||||
border: 1px solid #999;
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.submenu-button:hover {
|
||||
|
@ -262,7 +259,6 @@ form {
|
|||
color: #555;
|
||||
background-color: #ececec;
|
||||
border: 1px solid #e0e0e0;
|
||||
|
||||
}
|
||||
|
||||
.submenu-button:active {
|
||||
|
@ -743,27 +739,29 @@ form {
|
|||
.button {
|
||||
filter:chroma(color=#000000);
|
||||
cursor: pointer;
|
||||
color: #505050;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
padding: 2px 16px;
|
||||
width: 108px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
border: 1px solid #f79b44;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
color: #fff;
|
||||
border: 1px solid #f79b44;
|
||||
background-color: #f79b44;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
color: #fff;
|
||||
border: 1px solid #999;
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
color: #555;
|
||||
background-color: #ececec;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
.genpass {
|
||||
color: #34536a;
|
||||
font-size: 8pt;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue