message_banner.css in Message Banner 8
#message-banner {
padding: 10px;
}
#message-banner.default--red {
background-color: #b31a20;
}
#message-banner.default--amber {
background-color: #f9ae23;
}
#message-banner.default--green {
background-color: #00cc45;
}
#message-banner.default--black {
background-color: #111;
}
#message-banner.default--gray {
background-color: #888;
}
#message-banner.default--white {
background-color: #eee;
}
.message-banner__text {
color: #fff;
}
#message-banner.default--white .message-banner__text {
color: #000;
}
File
css/message_banner.css
View source
- #message-banner {
- padding: 10px;
- }
-
- #message-banner.default--red {
- background-color: #b31a20;
- }
-
- #message-banner.default--amber {
- background-color: #f9ae23;
- }
-
- #message-banner.default--green {
- background-color: #00cc45;
- }
-
- #message-banner.default--black {
- background-color: #111;
- }
-
- #message-banner.default--gray {
- background-color: #888;
- }
-
- #message-banner.default--white {
- background-color: #eee;
- }
-
- .message-banner__text {
- color: #fff;
- }
-
- #message-banner.default--white .message-banner__text {
- color: #000;
- }