aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/admin_toolbar/css/admin.toolbar.css

   1 /*---------------------- menu horizontal hover---- Krout Fethi FrontEnd Developer-----*/
   2 .toolbar-tray-horizontal .menu-item:hover {
   3   background: #fff;
   4 }
   5
   6 .toolbar-tray-horizontal .menu-item:focus {
   7   background: #abeae4;
   8 }
   9
  10 .toolbar-tray-horizontal .menu-item--expanded .menu {
  11   background: #fff;
  12   width: auto;
  13   height: auto;
  14 }
  15
  16 .toolbar-tray-horizontal .menu-item--expanded {
  17   background-color: #f5f5f2;
  18 }
  19
  20 .toolbar-tray-horizontal ul li.menu-item {
  21   border-top: none transparent;
  22   border-right: 1px solid #dddddd;
  23   border-bottom: 1px solid #dddddd;
  24   border-left: 1px solid #dddddd;
  25 }
  26
  27 .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  28   border-left: 1px solid #dddddd;
  29   border-right: 1px solid #dddddd;
  30 }
  31
  32 .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
  33   border-top: 1px solid #dddddd;
  34 }
  35
  36 .toolbar-tray-horizontal li.menu-item--expanded:hover ul ul,
  37 .toolbar-tray-horizontal li.menu-item--expanded:hover ul ul ul,
  38 .toolbar-tray-horizontal li.menu-item--expanded:hover ul ul ul ul,
  39 .toolbar-tray-horizontal li.menu-item--expanded:hover ul ul ul ul ul {
  40   display: none;
  41   left: -999em; /* LTR */
  42 }
  43
  44 /* Lists nested under hovered list items */
  45 .toolbar-tray-horizontal li.menu-item--expanded:hover ul,
  46 .toolbar-tray-horizontal li li.menu-item--expanded:hover ul,
  47 .toolbar-tray-horizontal li li li.menu-item--expanded:hover ul,
  48 .toolbar-tray-horizontal li li li li.menu-item--expanded:hover ul,
  49 .toolbar-tray-horizontal li li li li li.menu-item--expanded:hover ul {
  50   display: block;
  51   left: auto; /* LTR */
  52 }
  53
  54 .toolbar-tray-horizontal .menu ul li a,
  55 .toolbar-tray-horizontal .menu ul .toolbar-icon {
  56   padding: 12px 15px 12px 12px;
  57 }
  58
  59 .toolbar-tray-horizontal ul li.menu-item--expanded:hover ul {
  60   display: block;
  61   position: absolute;
  62   width: 200px;
  63   box-shadow: 2px 2px 3px hsla(0, 0%, 0%, 0.4);
  64   z-index: 1;
  65 }
  66
  67 .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item > ul {
  68   display: none;
  69 }
  70
  71 .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  72   background-position: center right;
  73   background-image: url('../misc/icons/0074bd/chevron-right.svg');
  74   background-repeat: no-repeat;
  75 }
  76
  77 .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
  78   display: block;
  79   margin: -40px 0 0 197px;
  80 }
  81
  82 .toolbar-tray-horizontal li:hover ul li {
  83   float: none;
  84 }
  85
  86 .toolbar-tray-horizontal .toolbar .level-2 > ul {
  87   position: absolute;
  88   padding-top: 0;
  89   top: 0;
  90   left: 200px;
  91   width: 200px;
  92 }
  93
  94 .toolbar .toolbar-tray-vertical li.open > ul.toolbar-menu.clearfix {
  95   display: block;
  96 }
  97
  98 [dir="rtl"] .toolbar-tray-horizontal .toolbar .level-2 > ul {
  99   position: absolute;
 100   padding-top: 0;
 101   top: 0;
 102   right: 200px;
 103   width: 200px;
 104 }
 105
 106 [dir="rtl"] .toolbar-tray-horizontal li:hover ul li {
 107   float: none !important;
 108 }
 109
 110 [dir="rtl"] .toolbar .toolbar-menu ul .toolbar-icon {
 111   padding-left: 1.3333em;
 112 }
 113
 114 [dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
 115   margin: -40px 197px 0 0;
 116 }
 117
 118 [dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
 119   background-position: center left;
 120   background-image: url('../misc/icons/0074bd/chevron-left.svg');
 121   background-repeat: no-repeat;
 122 }