css/menubar-drupal8.css

   1 #toolbar-tray-civicrm {
   2   display: none;
   3 }
   4
   5 body.crm-menubar-visible.crm-menubar-over-cms-menu,
   6 body.crm-menubar-visible.crm-menubar-below-cms-menu {
   7   margin-left: 0 !important;
   8 }
   9
  10 nav#civicrm-menu-nav .crm-menubar-toggle-btn {
  11   margin: 0;
  12   position: absolute;
  13   top: 0;
  14   height: 38px;
  15 }
  16 #crm-menubar-state:checked ~ .crm-menubar-toggle-btn {
  17   left: 0!important;
  18 }
  19 nav#civicrm-menu-nav .crm-menubar-toggle-btn span.crm-menu-logo {
  20   top: 10px;
  21   left: 20px;
  22 }
  23 nav#civicrm-menu-nav .crm-menubar-toggle-btn-icon {
  24   left: 44px;
  25 }
  26
  27 @media (min-width: 768px) {
  28
  29   body.crm-menubar-visible.crm-menubar-over-cms-menu #toolbar-administration  {
  30     display: none;
  31   }
  32
  33   body.crm-menubar-visible.crm-menubar-over-cms-menu {
  34     padding-top: 40px !important;
  35   }
  36   body.crm-menubar-visible.crm-menubar-over-cms-menu.crm-menubar-wrapped,
  37   body.crm-menubar-visible.crm-menubar-below-cms-menu {
  38     padding-top: 80px !important;
  39   }
  40   body.crm-menubar-visible.crm-menubar-below-cms-menu.crm-menubar-wrapped {
  41     padding-top: 120px !important;
  42   }
  43
  44   body.crm-menubar-below-cms-menu > #civicrm-menu-nav ul#civicrm-menu {
  45     z-index: 1000;
  46     top: 40px;
  47   }
  48
  49 }
  50
  51 @media (max-width: 609px) {
  52   nav#civicrm-menu-nav {
  53     position: absolute;
  54   }
  55 }