@charset "UTF-8"; /** * @copyright Copyright (c) 2016, John Molakvoæ * @copyright Copyright (c) 2016, Robin Appelman * @copyright Copyright (c) 2016, Jan-Christoph Borchardt * @copyright Copyright (c) 2016, Erik Pellikka * @copyright Copyright (c) 2015, Vincent Petry * * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .tooltip { position: absolute; display: block; font-family: var(--font-face); font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.6; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; overflow-wrap: anywhere; font-size: 12px; opacity: 0; z-index: 100000; /* default to top */ margin-top: -3px; padding: 10px 0; filter: drop-shadow(0 1px 10px var(--color-box-shadow)); /* TOP */ /* BOTTOM */ } .tooltip.in, .tooltip.show, .tooltip.tooltip[aria-hidden=false] { visibility: visible; opacity: 1; transition: opacity 0.15s; } .tooltip.top .tooltip-arrow, .tooltip[x-placement^=top] { left: 50%; margin-left: -10px; } .tooltip.bottom, .tooltip[x-placement^=bottom] { margin-top: 3px; padding: 10px 0; } .tooltip.right, .tooltip[x-placement^=right] { margin-left: 3px; padding: 0 10px; } .tooltip.right .tooltip-arrow, .tooltip[x-placement^=right] .tooltip-arrow { top: 50%; left: 0; margin-top: -10px; border-width: 10px 10px 10px 0; border-right-color: var(--color-main-background); } .tooltip.left, .tooltip[x-placement^=left] { margin-left: -3px; padding: 0 5px; } .tooltip.left .tooltip-arrow, .tooltip[x-placement^=left] .tooltip-arrow { top: 50%; right: 0; margin-top: -10px; border-width: 10px 0 10px 10px; border-left-color: var(--color-main-background); } .tooltip.top .tooltip-arrow, .tooltip.top .arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-left .arrow, .tooltip[x-placement^=top] .tooltip-arrow, .tooltip[x-placement^=top] .arrow, .tooltip.top-right .tooltip-arrow, .tooltip.top-right .arrow { bottom: 0; border-width: 10px 10px 0; border-top-color: var(--color-main-background); } .tooltip.top-left .tooltip-arrow { right: 10px; margin-bottom: -10px; } .tooltip.top-right .tooltip-arrow { left: 10px; margin-bottom: -10px; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom .arrow, .tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip[x-placement^=bottom] .arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-left .arrow, .tooltip.bottom-right .tooltip-arrow, .tooltip.bottom-right .arrow { top: 0; border-width: 0 10px 10px; border-bottom-color: var(--color-main-background); } .tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -10px; } .tooltip.bottom-left .tooltip-arrow { right: 10px; margin-top: -10px; } .tooltip.bottom-right .tooltip-arrow { left: 10px; margin-top: -10px; } .tooltip-inner { max-width: 350px; padding: 5px 8px; background-color: var(--color-main-background); color: var(--color-main-text); text-align: center; border-radius: var(--border-radius); } .tooltip-arrow, .tooltip .arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } /*# sourceMappingURL=tooltip.css.map */