@import '../../sass/config'; .tooltip { position:absolute; z-index:3002; display:block; margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; font-size:.875rem; word-wrap:break-word; opacity:0 } .tooltip.show { opacity:.7; transition: opacity .3s; } .tooltip.show:hover { opacity: 1; } .tooltip .arrow { position:absolute; display:block; width:.8rem; height:.4rem } .tooltip .arrow::before { position:absolute; content:""; border-color:transparent; border-style:solid } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding:.4rem 0 } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom:0 } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top:0; border-width:.4rem .4rem 0; border-top-color:#000 } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding:0 .4rem } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left:0; width:.4rem; height:.8rem } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right:0; border-width:.4rem .4rem .4rem 0; border-right-color:#000 } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding:.4rem 0 } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top:0 } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom:0; border-width:0 .4rem .4rem; border-bottom-color:#000 } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding:0 .4rem } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right:0; width:.4rem; height:.8rem } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left:0; border-width:.4rem 0 .4rem .4rem; border-left-color:#000 } // .tooltip-inner { // max-width:300px; // padding:.4em 1.4em .5em; // color:#fff; // text-align:center; // background-color:#007cba; // border-radius:2rem // } .alpha-has-edit-link:hover { outline: 2px dotted #007cba } .alpha-tooltip-wrap.tooltip { line-height: inherit } .alpha-tooltip-wrap .tooltip-inner a { color: inherit } .alpha-tooltip-wrap.bs-tooltip-top .arrow::before, .alpha-tooltip-wrap.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color:rgb(0,113,161); opacity:.7; transition:opacity .2s } .alpha-tooltip-wrap.bs-tooltip-bottom .arrow::before, .alpha-tooltip-wrap.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color:rgba(0,113,161); opacity:.7; transition:opacity .2s } .alpha-tooltip-wrap.bs-tooltip-top:hover .arrow::before, .alpha-tooltip-wrap.bs-tooltip-auto[x-placement^="top"]:hover .arrow::before, .alpha-tooltip-wrap.bs-tooltip-bottom:hover .arrow::before, .alpha-tooltip-wrap.bs-tooltip-auto[x-placement^="bottom"]:hover .arrow::before { opacity:1 }