UNPKG

@atlassian/aui

Version:

Atlassian User Interface Framework

149 lines (147 loc) 3.98 kB
/* 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 */