@atlassian/aui
Version:
Atlassian User Interface Framework
167 lines (165 loc) • 3.58 kB
CSS
aui-message {
display: block;
margin: 20px 0 0 0;
}
.aui-message {
background: #FFFFFF;
border: 1px solid #0052CC;
border-radius: 3px;
color: #172B4D;
line-height: 20px;
margin: 20px 0 0 0;
overflow-wrap: break-word;
padding-bottom: 20px;
padding-left: 50px;
padding-right: 20px;
padding-top: 20px;
position: relative;
word-wrap: break-word;
word-break: normal;
/** deprecated; replaced with icon font */
}
.aui-message::after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0;
font-family: "Adgs Icons";
font-weight: normal;
font-style: normal;
speak: none;
color: #FFFFFF;
font-size: 16px;
left: 20px;
line-height: 20px;
position: absolute;
top: 20px;
}
.aui-message::before {
display: none;
}
.aui-message::after {
content: "\f234";
color: #0052CC;
}
.aui-message .aui-icon.icon-close {
background-image: none;
color: #505F79;
text-indent: inherit;
}
.aui-message .aui-icon.icon-close::before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0;
font-family: "Adgs Icons";
font-weight: normal;
font-style: normal;
speak: none;
content: "\f11b";
font-size: 16px;
}
.aui-message .aui-icon.icon-close:hover {
color: #172B4D;
}
.aui-message .aui-icon-success,
.aui-message .aui-icon-warning,
.aui-message .aui-icon-info,
.aui-message .aui-icon-error,
.aui-message .aui-icon-hint,
.aui-message .aui-icon-generic,
.aui-message .icon-generic,
.aui-message .icon-error,
.aui-message .icon-hint,
.aui-message .icon-info,
.aui-message .icon-success,
.aui-message .icon-warning {
display: none;
}
aui-message:first-child,
.aui-message:first-child {
margin-top: 0;
}
.aui-popup .aui-message.closeable,
.aui-dialog .aui-message.closeable {
z-index: 4000;
}
/* DEPRECATED .error, .warning, .hint, .info, .success */
.aui-message.error,
.aui-message-error {
background: #FFFFFF;
border-color: #FF5630;
color: #172B4D;
}
.aui-message.error::after,
.aui-message-error::after {
content: "\f15a";
color: #FF5630;
}
.aui-message.warning,
.aui-message-warning {
background: #FFFFFF;
border-color: #FFAB00;
color: #172B4D;
}
.aui-message.warning::after,
.aui-message-warning::after {
content: "\f1b3";
color: #FFAB00;
}
.aui-message.hint,
.aui-message-hint,
.aui-message.info,
.aui-message-info {
background: #FFFFFF;
border-color: #0052CC;
color: #172B4D;
}
.aui-message.hint::after,
.aui-message-hint::after,
.aui-message.info::after,
.aui-message-info::after {
content: "\f234";
color: #0052CC;
}
.aui-message.success,
.aui-message-success {
background: #FFFFFF;
border-color: #36B37E;
color: #172B4D;
}
.aui-message.success::after,
.aui-message-success::after {
content: "\f104";
color: #36B37E;
}
/* Message titles */
.aui-message p.title {
font-weight: bold;
}
/* IE double bolds otherwise... */
.aui-message p.title strong {
font-weight: inherit;
}
.aui-message.closeable {
padding-right: 50px;
}
.aui-message.closeable .icon-close {
cursor: pointer;
left: auto;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
}
.aui-message.closeable:hover .icon-close,
.aui-message.closeable .icon-close:focus,
.aui-message.closeable:not(.fadeout):not(.aui-will-close) .icon-close {
opacity: 1;
}
/* End aui-icon position */
/* Footer interop (provisional, just enough to stop them looking broken) */
#footer .aui-message {
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
/*# sourceMappingURL=messages.css.map */