.glossary-tooltip { display: inline; position: relative; z-index: 990; } /* Trigger text */ .glossary-tooltip a, .glossary-underline { cursor: pointer; color: #444; text-decoration: none; border-bottom: 2px dotted #888; white-space: nowrap; } .glossary-tooltip a.glossary-external-link::after { content: ""; display:inline-block; margin-left: 5px; width: 14px; height: 16px; background-size: 14px 16px; mask: url("data:image/svg+xml,%3Csvg%20height%3D%221024%22%20width%3D%22768%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M640%20768H128V257.90599999999995L256%20256V128H0v768h768V576H640V768zM384%20128l128%20128L320%20448l128%20128%20192-192%20128%20128V128H384z%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); mask-size: cover; background: black; } .glossary-tooltip .glossary-tooltip-content { display: none; } .glossary-tooltip-content { max-width: 500px; } .glossary-tooltip-content img, .glossary-tooltip-content-mobile img { position: relative; height: 150px; display: block; float: left; margin-right: 1em; } .tooltipster-blank { border-radius: 5px; border: 1px solid #ccc; background: #FFF; color: #444; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); } .tooltipster-blank .tooltipster-content { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 1.5; padding: 8px 10px; }