You are here

Home » API reference » Administration menu 6.3

admin_menu_toolbar.css in Administration menu 6.3

Same filename and directory in other branches
  1. 8.3 admin_menu_toolbar/admin_menu_toolbar.css
  2. 7.3 admin_menu_toolbar/admin_menu_toolbar.css

Toolbar style for Administration menu.

@todo Separate shortcut functionality into own module/widget.

File

admin_menu_toolbar/admin_menu_toolbar.css
View source 
  1. 

  2. /**

  3.  * @file

  4.  * Toolbar style for Administration menu.

  5.  *

  6.  * @todo Separate shortcut functionality into own module/widget.

  7.  */

  8. 

  9. body div#toolbar {

  10.   top: 30px;

  11. }

  12. 

  13. #admin-menu {

  14.   font: normal 11px/20px "Lucida Grande", Verdana, sans-serif;

  15. }

  16. #admin-menu-wrapper {

  17.   padding: 5px 10px 0;

  18. }

  19. #admin-menu-shadow {

  20.   background: transparent url(toolbar.png) 0 -85px repeat-x;

  21.   bottom: -15px;

  22.   height: 15px;

  23.   left: 0;

  24.   right: 0;

  25.   position: absolute;

  26. }

  27. #admin-menu li.admin-menu-icon > a {

  28.   padding: 3px 8px 2px;

  29. }

  30. html body.admin-menu {

  31.   margin-top: 30px !important;

  32. }

  33. 

  34. /* Remove border from all lists and actions */

  35. #admin-menu li.admin-menu-action a {

  36.   border-left: 0;

  37. }

  38. #admin-menu ul > li > a {

  39.   border-right: 0;

  40.   margin-bottom: 3px;

  41.   padding: 3px 8px;

  42. }

  43. #admin-menu ul li.admin-menu-toolbar-category > a {

  44.   -moz-border-radius: 10px;

  45.   -webkit-border-radius: 10px;

  46. }

  47. #admin-menu ul li.admin-menu-toolbar-category > a.active-trail {

  48.   text-shadow: #333 0 1px 0;

  49.   background: url(toolbar.png) 0 0 repeat-x;

  50. }

  51. #admin-menu ul li.admin-menu-toolbar-category > a:hover {

  52.   background-color: #444;

  53. }

  54. #admin-menu ul li.admin-menu-tab a {

  55.   border-right: 0;

  56. }

  57. #admin-menu li li.expandable ul {

  58.   margin: -23px 0 0 160px;

  59. }

  60. 

  61. /* Shortcuts toggle */

  62. #admin-menu li.admin-menu-shortcuts {

  63.   float: right;

  64. }

  65. #admin-menu li.admin-menu-shortcuts span.toggle {

  66.   background: url(toolbar.png) 0 -60px no-repeat;

  67.   cursor: pointer;

  68.   display: block;

  69.   height: 25px;

  70.   overflow: hidden;

  71.   text-indent: -999px;

  72.   width: 25px;

  73. }

  74. #admin-menu li.admin-menu-shortcuts-active span.toggle {

  75.   background-position: -25px -60px;

  76. }

  77. 

  78. /* Shortcuts widget */

  79. #admin-menu li.admin-menu-shortcuts-active ul {

  80.   display: block !important;

  81.   left: 0 !important;

  82.   width: 100%;

  83. }

  84. #admin-menu li.admin-menu-shortcuts ul {

  85.   background-color: #666;

  86.   padding: 5px 10px;

  87.   right: 10px;

  88.   width: auto;

  89. }

  90. #admin-menu li.admin-menu-shortcuts ul li {

  91.   background: transparent none;

  92.   opacity: 1;

  93.   width: auto;

  94. }

  95. #admin-menu li.admin-menu-shortcuts ul li a {

  96.   -moz-border-radius: 5px;

  97.   -webkit-border-radius: 5px;

  98.   border-top: 0;

  99.   padding: 5px 10px 5px 5px;

  100.   margin-right: 5px;

  101. }

  102. #admin-menu li.admin-menu-shortcuts ul li a:hover {

  103.   background: #555;

  104. }

  105. #admin-menu li.admin-menu-shortcuts ul li a.active:hover,

  106. #admin-menu li.admin-menu-shortcuts ul li a.active {

  107.   background: url(toolbar.png) 0 -20px repeat-x;

  108. }