css/backdrop.css

   1 /* Styles specific to Backdrop CMS */
   2
   3 /* Make status messages work with Backdrop styles */
   4 .crm-container :not(.crm-footer) .messages.status {
   5   background-color: #E9EEBC;
   6   padding: 0.9em 0.625em 1em 3.438em;
   7   border: none;
   8 }
   9
  10 .crm-container :not(.crm-footer) .messages.status .crm-i {
  11   font-size: 1.5rem;
  12   color: #fff;
  13   background-color: #CFDE56;
  14   position: absolute;
  15   padding: .4rem;
  16   left: 0;
  17   top: 0;
  18   box-sizing: border-box;
  19 }
  20
  21 @media only screen and (min-width:34em) {
  22   .crm-container :not(.crm-footer) .messages.status {
  23     padding-left: 4.375em;
  24   }
  25
  26   .crm-container :not(.crm-footer) .messages.status .crm-i {
  27     font-size: 1.75rem;
  28     padding: .5rem;
  29   }
  30 }
  31
  32 /* Backdrop main navigation icon */
  33 #admin-bar #admin-bar-menu > li > .dropdown > li > a.civicrm {
  34   background: transparent url(../i/logo_sm.png) 5% center no-repeat;
  35   background-size: 16px;
  36 }