/* Styles specific to Backdrop CMS */
/* Make status messages work with Backdrop styles */
-.crm-container .messages.status {
+.crm-container :not(.crm-footer) .messages.status {
background-color: #E9EEBC;
padding: 0.9em 0.625em 1em 3.438em;
border: none;
}
+.crm-container :not(.crm-footer) .messages.status .crm-i {
+ font-size: 1.5rem;
+ color: #fff;
+ background-color: #CFDE56;
+ position: absolute;
+ padding: .4rem;
+ left: 0;
+ top: 0;
+ box-sizing: border-box;
+}
+
@media only screen and (min-width:34em) {
- .crm-container .messages.status {
+ .crm-container :not(.crm-footer) .messages.status {
padding-left: 4.375em;
}
+
+ .crm-container :not(.crm-footer) .messages.status .crm-i {
+ font-size: 1.75rem;
+ padding: .5rem;
+ }
}
-