Index: admin_menu_toolbar/admin_menu_toolbar.css =================================================================== --- admin_menu_toolbar/admin_menu_toolbar.css (revision 2) +++ admin_menu_toolbar/admin_menu_toolbar.css (working copy) @@ -19,10 +19,19 @@ } #admin-menu { - font: normal 0.9em "Lucida Grande", Verdana, sans-serif; - box-shadow: 0 3px 20px #000; + font: normal small "Lucida Grande", Verdana, sans-serif; + background: #666; + color: #ccc; + position: fixed; + top: 0; + left: 0; + right: 0; + margin: 0 -20px; + padding: 0 20px; + z-index: 600; -moz-box-shadow: 0 3px 20px #000; -webkit-box-shadow: 0 3px 20px #000; + box-shadow: 0 3px 20px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10')"; } @@ -31,11 +40,18 @@ padding: 0 20px; } #admin-menu-wrapper { - padding: 5px 10px 0; + background: #000; + line-height: 20px; + padding: 5px 50px 5px 5px; } #admin-menu ul a { - color: #fafafa; + color: #fff; + font-size: .846em; + text-decoration: none; +} +#admin-menu ul > li > ul { + margin-top: 5px; } /* Remove border from all lists and actions */ @@ -54,8 +70,8 @@ } #admin-menu > div > ul > li > a { border-right: 0; - margin-bottom: 4px; - padding: 2px 8px 3px; + margin-bottom: 0px; + padding: 0px 8px; } #admin-menu ul li.admin-menu-toolbar-category > a, #admin-menu ul li.admin-menu-action > a { @@ -81,7 +97,12 @@ * Shortcuts toggle. */ #admin-menu li.admin-menu-shortcuts { - float: right; + float: right; + position: absolute; + right: 30px; +} +#admin-menu li.admin-menu-shortcuts:hover span.toggle { + background: url(toolbar.png) -25px -20px no-repeat; } #admin-menu li.admin-menu-shortcuts span.toggle { background: url(toolbar.png) 0 -20px no-repeat; @@ -107,8 +128,9 @@ #admin-menu li.admin-menu-shortcuts ul { background-color: #666; padding: 5px 10px; - right: 10px; + right: 0px; width: auto; + margin-top: 0px; } #admin-menu li.admin-menu-shortcuts ul li { background: transparent none; @@ -122,6 +144,7 @@ border-top: 0; padding: 5px 10px 5px 5px; margin-right: 5px; + white-space: nowrap; } #admin-menu li.admin-menu-shortcuts ul li a:hover { background: #555;