@atlassian/aui
Version:
Atlassian User Interface Framework
149 lines (147 loc) • 3.98 kB
CSS
/*
Tipsy's
*/
.tipsy.aui-form-notification-tooltip-error .tipsy-arrow-n {
border-bottom-color: #DE350B;
}
.tipsy.aui-form-notification-tooltip-error .tipsy-arrow-s {
border-top-color: #DE350B;
}
.tipsy.aui-form-notification-tooltip-error .tipsy-arrow-w {
border-right-color: #DE350B;
}
.tipsy.aui-form-notification-tooltip-error .tipsy-inner {
background-color: #DE350B;
color: #FFFFFF;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-arrow-n {
border-bottom-color: #FFFFFF;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-arrow-s {
border-top-color: #FFFFFF;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-arrow-w {
border-right-color: #FFFFFF;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-inner {
background-color: #FFFFFF;
border: 1px solid #DFE1E6;
color: #172B4D;
}
.tipsy.aui-form-notification-tooltip-info .tipsy-inner a {
color: #0052CC;
text-decoration: none;
}
.tipsy.aui-form-notification-tooltip-info:before {
content: '';
height: 0;
position: absolute;
width: 0;
}
.tipsy.aui-form-notification-tooltip-info.tipsy-ne:before {
border-bottom: 7px #DFE1E6 solid;
border-left: 7px transparent dashed;
border-right: 7px transparent dashed;
border-top: none;
margin-top: 0;
right: 9px;
top: -1px;
}
.tipsy.aui-form-notification-tooltip-info.tipsy-se:before {
border-bottom: none;
border-left: 7px transparent dashed;
border-right: 7px transparent dashed;
border-top: 7px #DFE1E6 solid;
margin-top: -5px;
right: 9px;
top: 100%;
}
.tipsy.aui-form-notification-tooltip-info.tipsy-w:before {
border-bottom: 7px transparent dashed;
border-left: none;
border-right: 7px #DFE1E6 solid;
border-top: 7px transparent dashed;
left: -3px;
margin-top: -7px;
top: 50%;
}
.tipsy.aui-form-notification-tooltip {
line-height: 1.28571429;
padding: 4px;
}
.tipsy.aui-form-notification-tooltip .tipsy-arrow-n {
border-width: 6px;
margin-top: 0;
right: 10px;
top: 0;
}
.tipsy.aui-form-notification-tooltip .tipsy-arrow-s {
border-width: 6px;
margin-top: -6px;
right: 10px;
}
.tipsy.aui-form-notification-tooltip .tipsy-arrow-w {
border-width: 6px;
margin-top: -6px;
left: -1px;
}
.tipsy.aui-form-notification-tooltip ul {
padding-left: 20px;
}
.tipsy.aui-form-notification-tooltip .tipsy-inner {
padding: 10px;
text-align: left;
}
/*
Icons.
*/
[data-aui-notification-info] + .aui-icon.aui-icon-notification {
color: #97A0AF;
}
[data-aui-notification-info] + .aui-icon.aui-icon-notification:before {
content: "\f234";
}
[data-aui-notification-success] + .aui-icon.aui-icon-notification {
color: #00875A;
}
[data-aui-notification-success] + .aui-icon.aui-icon-notification:before {
content: "\f104";
}
[data-aui-notification-error] + .aui-icon.aui-icon-notification {
color: #DE350B;
}
[data-aui-notification-error] + .aui-icon.aui-icon-notification:before {
content: "\f15a";
}
[data-aui-notification-field].aui-form-notification-field-no-icon + .aui-icon.aui-icon-notification {
visibility: hidden;
}
.aui-icon-notification {
margin-left: 2px;
margin-top: 4px;
vertical-align: top;
}
form.aui .text[data-aui-notification-field]:not(.aui-form-notification-field-no-icon),
form.aui .password[data-aui-notification-field]:not(.aui-form-notification-field-no-icon) {
padding-right: 28px;
}
form.aui .text[data-aui-notification-field] + .aui-icon-notification,
form.aui .password[data-aui-notification-field] + .aui-icon-notification {
margin-left: 0;
margin-top: 0;
position: relative;
right: 22px;
top: 7px;
vertical-align: top;
}
form.aui .password[data-aui-notification-error],
form.aui .text[data-aui-notification-error],
form.aui .textarea[data-aui-notification-error] {
border-color: #DE350B;
}
form.aui .password[data-aui-notification-success],
form.aui .text[data-aui-notification-success],
form.aui .textarea[data-aui-notification-success] {
border-color: #00875A;
}
/*# sourceMappingURL=form-notification.css.map */