highlight active links and focused inputs

This commit is contained in:
Serghey Rodin 2013-04-22 20:29:07 +03:00
parent d5e855cf40
commit 8801feafe5
2 changed files with 9 additions and 1 deletions

View file

@ -378,7 +378,7 @@
.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: #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:hover { background-color: #f0f0f0; }
.ui-button:active { background-color: #e6e6e6; } .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 */
.ui-button-icons-only { width: 3.4em; } .ui-button-icons-only { width: 3.4em; }

View file

@ -624,6 +624,10 @@
border: 1px solid #f79b44; border: 1px solid #f79b44;
} }
.vst-textinput:focus {
border: 1px solid #f79b44;
}
.vst-textinput:disabled { .vst-textinput:disabled {
background-color: #f1f1f1; background-color: #f1f1f1;
} }
@ -643,6 +647,10 @@
border: 1px solid #f79b44; border: 1px solid #f79b44;
} }
.vst-input:focus {
border: 1px solid #f79b44;
}
.vst-input:disabled { .vst-input:disabled {
background-color: #f1f1f1; background-color: #f1f1f1;
} }