web-common-design/Common.Design/wwwroot/css/Tooltip.css

This package provides basic style sheet files, which may be useful for all projects and may help to publish a consistent design.

.newTooltipWrapper {
    position: relative;
    display: inline-block;
    top: -15px;
    left: 0;
}

.newTooltipWrapper:hover .newTooltipText {
    display: block;
}

.newTooltipWrapper.abs {
    position: absolute;
    top: auto;
    left: auto;
}

.newTooltipWrapper.abs .newTooltip {
    margin-left: 5px;
}

.newTooltip {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
}

.newTooltipIcon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../Images/icon_exclamation.png');
    -ms-background-size: 20px 20px;
    background-size: 20px 20px;
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
}

.newTooltipIcon.warning {
    background-image: url('../Images/icon_warning.png');
}

.newTooltipText {
    position: relative;
    display: none;
    left: 0;
    width: 200px;
    padding: 5px;
    border: 1px solid rgb(169, 169, 169);
    background-color: rgb(255, 255, 255);
    z-index: 8000;
}

.newTooltipText.bigger {
    width: 400px;
}

.newTooltipText.left {
    left: 0;
}

.newTooltipText.center {
    left: 15px;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.newTooltipText.right {
    left: 20px;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}