Predefinição:WdsTooltips/styles.css

De Wiki NBS
Ir para navegação Ir para pesquisar
/**
 * This is CSS Style that we recommended
 * For WdsTooltips (https://dev.fandom.com/wiki/WdsTooltips)
 **/
.custom-tooltip .wds-dropdown__toggle {
    border-bottom: 1px dotted #aaa;
    cursor: help;
}
.custom-tooltip .wds-dropdown__toggle:hover {
    border-bottom: 1px solid #888;
}
.custom-tooltip .wds-dropdown__content {
    min-width: 100px;
    max-width: 250px;
    max-height: 200px !important;
    overflow: hidden;
    padding: 0;
    text-align: center;
    font-size: 12px;
    background: #fff;
    box-shadow: 0px 0px 15px gray;
}
.custom-tooltip .wds-dropdown__content .inset {
    color: #565656;
    margin: 4px;
    max-height: 192px;
    max-width: 100%;
    overflow-y: auto;
    background-image: radial-gradient(farthest-side at 50% 0,rgba(26, 26, 26, 0.42),transparent),radial-gradient(farthest-side at 50% 100%,rgba(26, 26, 26, 0.42),transparent);
    background-position: 0 0,0 100%;
    background-repeat: no-repeat;
    background-size: 100% 9px;
    position: relative;
    z-index: 1;
}
.custom-tooltip .wds-dropdown__content .inset::before {
    background-color: #fff;
    content: '';
    display: block;
    height: 30px;
    margin: 0 0 -30px;
    position: relative;
    z-index: -1;
}
.custom-tooltip .wds-dropdown__content .inset::after {
    background-color: #fff;
    margin: -29px 0 0;
    content: '';
    display: block;
    height: 30px;
    position: relative;
    z-index: -1;
}
.custom-tooltip .wds-dropdown__content .inset h2 {
    margin: 0;
}
.custom-tooltip .wds-dropdown__content img {
    margin: 4px 4px;
    max-width: 90%;
    height: auto;
}