2015-10-03 01:37:01 +00:00
|
|
|
/* Styles for messages and message banners */
|
2015-08-17 22:11:27 +00:00
|
|
|
|
|
|
|
.message {
|
|
|
|
&.block {
|
|
|
|
@include border-radius($basicCr);
|
|
|
|
padding: $interiorMarginLg;
|
|
|
|
}
|
|
|
|
&.error {
|
|
|
|
background-color: rgba($colorAlert,0.3);
|
|
|
|
color: lighten($colorAlert, 20%);
|
|
|
|
}
|
2015-10-03 01:37:01 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.l-message-banner {
|
|
|
|
@include ellipsize();
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
top: $interiorMargin; right: auto; bottom: $interiorMargin; left: 50%;
|
|
|
|
height: auto; width: auto;
|
|
|
|
//line-height: $ueFooterH;
|
|
|
|
max-width: 300px;
|
|
|
|
padding: 0 $interiorMarginLg;
|
|
|
|
@include transform(translateX(-50%));
|
|
|
|
.s-btn {
|
|
|
|
height: auto !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.s-message-banner {
|
|
|
|
@include border-radius($basicCr);
|
|
|
|
background-color: #999;
|
|
|
|
color: black;
|
2015-08-17 22:11:27 +00:00
|
|
|
}
|