diff options
Diffstat (limited to 'core/css/tooltip.css')
-rw-r--r-- | core/css/tooltip.css | 125 |
1 files changed, 125 insertions, 0 deletions
diff --git a/core/css/tooltip.css b/core/css/tooltip.css new file mode 100644 index 00000000000..a215f2e5649 --- /dev/null +++ b/core/css/tooltip.css @@ -0,0 +1,125 @@ +@charset "UTF-8"; +/** + * @copyright Copyright (c) 2016, John Molakvoæ <skjnldsv@protonmail.com> + * @copyright Copyright (c) 2016, Robin Appelman <robin@icewind.nl> + * @copyright Copyright (c) 2016, Jan-Christoph Borchardt <hey@jancborchardt.net> + * @copyright Copyright (c) 2016, Erik Pellikka <erik@pellikka.org> + * @copyright Copyright (c) 2015, Vincent Petry <pvince81@owncloud.com> + * + * 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 */ |