toolbar.menu.css

toolbar.menu.css

File

drupal/core/modules/toolbar/css/toolbar.menu.css
View source
  1. /**

  2.  * @file toolbar.menu.css

  3.  */

  4. .toolbar .menu {

  5.   list-style: none;

  6.   margin: 0;

  7.   padding: 0;

  8. }

  9. .toolbar .box {

  10.   display: block;

  11.   line-height: 1em; /* this prevents the value "normal" from being returned as the line-height */

  12.   position: relative;

  13.   width: auto;

  14. }

  15. .toolbar .horizontal .menu .handle,

  16. .toolbar .horizontal .menu ul,

  17. .toolbar .vertical .menu ul {

  18.   display: none;

  19. }

  20. .toolbar .vertical li.open > ul {

  21.   display: block; /* Show the sub-menus */

  22. }

  23. .toolbar .vertical .handle + a {

  24.   margin-right: 3em; /* LTR */

  25. }

  26. .toolbar .tray .active-trail > .box a,

  27. .toolbar .tray a.active {

  28.   color: #000;

  29.   font-weight: bold;

  30. }

  31. 

  32. /**

  33.  * Items.

  34.  */

  35. .toolbar .level-2 > ul {

  36.   background-color: #fafafa;

  37.   border-bottom-color: #cccccc;

  38.   border-top-color: #e5e5e5;

  39. }

  40. .toolbar .level-3 > ul {

  41.   background-color: #f5f5f5;

  42.   border-bottom-color: #c5c5c5;

  43.   border-top-color: #dddddd;

  44. }

  45. .toolbar .level-4 > ul {

  46.   background-color: #eeeeee;

  47.   border-bottom-color: #bbbbbb;

  48.   border-top-color: #d5d5d5;

  49. }

  50. .toolbar .level-5 > ul {

  51.   background-color: #e5e5e5;

  52.   border-bottom-color: #b5b5b5;

  53.   border-top-color: #cccccc;

  54. }

  55. .toolbar .level-6 > ul {

  56.   background-color: #eeeeee;

  57.   border-bottom-color: #aaaaaa;

  58.   border-top-color: #c5c5c5;

  59. }

  60. .toolbar .level-7 > ul {

  61.   background-color: #fafafa;

  62.   border-bottom-color: #b5b5b5;

  63.   border-top-color: #cccccc;

  64. }

  65. .toolbar .level-8 > ul {

  66.   background-color: #dddddd;

  67.   border-bottom-color: #cccccc;

  68.   border-top-color: #dddddd;

  69. }

  70. 

  71. /**

  72.  * Handle.

  73.  */

  74. .toolbar .handle:hover {

  75.   cursor: pointer;

  76. }

  77. .toolbar .icon.handle {

  78.   bottom: 0;

  79.   display: block;

  80.   height: 100%;

  81.   padding: 0;

  82.   position: absolute;

  83.   right: 0; /* LTR */

  84.   text-indent: -9999px;

  85.   top: 0;

  86.   width: 3em;

  87.   z-index: 1;

  88. }

  89. .toolbar .icon.handle:before {

  90.   background-image: url("../images/icon-open.png");

  91.   left: 0; /* LTR */

  92. }

  93. .toolbar .icon.handle.open:before {

  94.   background-image: url("../images/icon-collapse.png");

  95. }

  96. .toolbar .menu .menu .icon.handle:before {

  97.   background-image: url("../images/icon-child-open.png");

  98. }

  99. .toolbar .menu .menu .icon.handle.open:before {

  100.   background-image: url("../images/icon-child-collapse.png");

  101. }