aboutsummaryrefslogtreecommitdiffstats
path: root/themes/base/theme.css
diff options
context:
space:
mode:
authorAlexander Schmitz <arschmitz@gmail.com>2014-07-23 22:11:03 -0400
committerAlexander Schmitz <arschmitz@gmail.com>2015-10-07 10:57:59 -0400
commit6e2bbcaa5e19bb933d8024ff5d6fcff34f91e034 (patch)
tree443598462533ecd6b30d658a0a2032479b77d68c /themes/base/theme.css
parent25d0c857188c19347c869f803530289762199f92 (diff)
downloadjquery-ui-6e2bbcaa5e19bb933d8024ff5d6fcff34f91e034.tar.gz
jquery-ui-6e2bbcaa5e19bb933d8024ff5d6fcff34f91e034.zip
Theme: Add visual focus outline for checkbox and radio buttons
This adds a focus outline matching that roughly from chrome osx
Diffstat (limited to 'themes/base/theme.css')
-rw-r--r--themes/base/theme.css11
1 files changed, 10 insertions, 1 deletions
diff --git a/themes/base/theme.css b/themes/base/theme.css
index 7553d4c58..0722cf754 100644
--- a/themes/base/theme.css
+++ b/themes/base/theme.css
@@ -55,6 +55,9 @@
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
+
+/* We use html here because we need a greater specificity to make sure disabled
+works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5/*{borderColorDefault}*/;
@@ -98,6 +101,11 @@ a.ui-button:focus {
color: #2b2b2b/*{fcHover}*/;
text-decoration: none;
}
+
+/* This cant be configured with themeroller because its new may end up added later */
+.ui-visual-focus {
+ box-shadow: 0 0 3px 1px rgb(94, 158, 214);
+}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
@@ -196,7 +204,8 @@ a.ui-button:active,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
-.ui-button:focus .ui-icon {
+.ui-button:focus .ui-icon,
+.ui-state-default .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png")/*{iconsHover}*/;
}
.ui-state-active .ui-icon,