From b77d23c83ae3a18fb687c40e809547e61919fc31 Mon Sep 17 00:00:00 2001
From: Dan Mouyard <dcmouyard@gmail.com>
Date: Fri, 19 Oct 2012 18:31:14 -0400
Subject: [PATCH] - #1818154 by dcmouyard: More color contrast and styles for keyboard users needed for accessibility.

---
 admin_menu_toolbar/admin_menu_toolbar.css |   33 ++++++++++++++++++----------
 1 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/admin_menu_toolbar/admin_menu_toolbar.css b/admin_menu_toolbar/admin_menu_toolbar.css
index af46741..1463425 100644
--- a/admin_menu_toolbar/admin_menu_toolbar.css
+++ b/admin_menu_toolbar/admin_menu_toolbar.css
@@ -28,10 +28,10 @@ body div#toolbar.toolbar {
  * across different themes, while still allowing browsers to resize the text.
  */
 #admin-menu {
-  font: normal small "Lucida Grande", Verdana, sans-serif;
   -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
   -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
+  font: normal small "Lucida Grande", Verdana, sans-serif;
 }
 #admin-menu-wrapper {
   font-size: .846em;
@@ -54,12 +54,12 @@ body div#toolbar.toolbar {
  * Administration menu.
  */
 #admin-menu .dropdown .admin-menu-icon > a span {
-  vertical-align: text-bottom;
-  width: 11px;
-  height: 14px;
-  display: block;
   background: url(toolbar.png) no-repeat 0 -45px;
+  display: block;
+  height: 14px;
   text-indent: -9999px;
+  vertical-align: text-bottom;
+  width: 11px;
 }
 #admin-menu > div > .dropdown > li > a {
   border-right: 0;
@@ -68,17 +68,27 @@ body div#toolbar.toolbar {
 }
 #admin-menu .dropdown .admin-menu-toolbar-category > a,
 #admin-menu .dropdown .admin-menu-action > a {
-  border-radius: 10px;
+  border: 1px solid #101010;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
+  outline: 0;
 }
 #admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail {
+  background: #777;
+  color: #fff;
   text-shadow: #333 0 1px 0;
-  background: url(toolbar.png) 0 0 repeat-x;
 }
-#admin-menu .dropdown .admin-menu-toolbar-category > a:hover {
+#admin-menu .dropdown .admin-menu-toolbar-category > a:focus,
+#admin-menu .dropdown .admin-menu-toolbar-category > a:hover,
+#admin-menu .dropdown .admin-menu-action > a:focus,
+#admin-menu .dropdown .admin-menu-action > a:hover {
   background-color: #444;
 }
+#admin-menu .dropdown .admin-menu-toolbar-category > a:focus,
+#admin-menu .dropdown .admin-menu-action > a:focus {
+  border-color: #ccc;
+}
 #admin-menu .dropdown .admin-menu-tab a {
   border-right: 0;
 }
@@ -90,15 +100,15 @@ body div#toolbar.toolbar {
  * Shortcuts toggle.
  */
 #admin-menu .shortcut-toggle {
-  cursor: pointer;
   background: url(toolbar.png) 0 -20px no-repeat;
+  cursor: pointer;
   display: block;
   float: right;
+  height: 25px;
   margin: 0 0 0 1.3em;
-  text-indent: -9999px;
   overflow: hidden;
+  text-indent: -9999px;
   width: 25px;
-  height: 25px;
 }
 #admin-menu .shortcut-toggle:focus,
 #admin-menu .shortcut-toggle:hover {
@@ -140,4 +150,3 @@ body div#toolbar.toolbar {
 #admin-menu .shortcut-toolbar a {
   display: block;
 }
-
-- 
1.7.4.1