- removed broad active outline reset

- removed a few !important styles on text and bg colors. Kept them for active state so active takes precedent over hover styles when both classes are applied.

1 files changed, 8 insertions, 9 deletions

diff --git a/themes/base/ui.theme.css b/themes/base/ui.theme.css
index 6eb7cf491..3cf8f9c8c 100644
--- a/themes/base/ui.theme.css
+++ b/themes/base/ui.theme.css
@@ -10,7 +10,6 @@
 ----------------------------------*/
 .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
-.ui-widget a:active { outline: 0 !important; }
 .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/cccccc_40x100_textures_03_highlight_soft_75.png)/*{bgImgUrlHeader}*/ 0 50% repeat-x; color: #222222/*{fcHeader}*/; font-weight: bold; }
 .ui-widget-header a { color: #222222/*{fcHeader}*/; }
 .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ffffff_40x100_textures_02_glass_75.png)/*{bgImgUrlContent}*/ 0 0/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
@@ -18,18 +17,18 @@
 
 /* Interaction states
 ----------------------------------*/
-.ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/e6e6e6_40x100_textures_02_glass_75.png)/*{bgImgUrlDefault}*/ 0 50% repeat-x; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/ !important; }
+.ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/e6e6e6_40x100_textures_02_glass_75.png)/*{bgImgUrlDefault}*/ 0 50% repeat-x; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
 .ui-state-default a { color: #555555/*{fcDefault}*/; text-decoration: none; }
-.ui-state-hover, .ui-state-default:focus, .ui-state-hover:focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/dadada_40x100_textures_02_glass_75.png)/*{bgImgUrlHover}*/ 0  50% repeat-x; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/ !important; }
-.ui-state-hover a, .ui-state-default:focus a, .ui-state-hover:focus a { color: #212121/*{fcHover}*/; text-decoration: none; }
-.ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ffffff_40x100_textures_02_glass_65.png)/*{bgImgUrlActive}*/ 0 50% repeat-x; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/ !important; outline: none; }
-.ui-state-active a { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }
+.ui-state-hover, .ui-state-default:focus, .ui-state-hover:focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/dadada_40x100_textures_02_glass_75.png)/*{bgImgUrlHover}*/ 0  50% repeat-x; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
+.ui-state-hover a, .ui-state-default a:focus, .ui-state-hover a:focus { color: #212121/*{fcHover}*/; text-decoration: none; }
+.ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ffffff_40x100_textures_02_glass_65.png)/*{bgImgUrlActive}*/ 0 50% repeat-x !important; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/ !important; outline: none; }
+.ui-state-active a { color: #212121/*{fcActive}*/ !important; outline: none; text-decoration: none; }
 
 /* Interaction Cues
 ----------------------------------*/
-.ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/fbf9ee_40x100_textures_02_glass_55.png)/*{bgImgUrlHighlight}*/ 0 50% repeat-x; color: #363636/*{fcHighlight}*/ !important; }
-.ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/fef1ec_40x100_textures_05_inset_soft_95.png)/*{bgImgUrlError}*/ 0 50% repeat-x; color: #cd0a0a/*{fcError}*/ !important; }
-.ui-state-error-text { color: #cd0a0a/*{fcError}*/ !important; }
+.ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/fbf9ee_40x100_textures_02_glass_55.png)/*{bgImgUrlHighlight}*/ 0 50% repeat-x; color: #363636/*{fcHighlight}*/; }
+.ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/fef1ec_40x100_textures_05_inset_soft_95.png)/*{bgImgUrlError}*/ 0 50% repeat-x; color: #cd0a0a/*{fcError}*/; }
+.ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
 .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none !important; }
 .ui-priority-primary { font-weight: bold; }
 .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }