| 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 | } |