aboutsummaryrefslogtreecommitdiffstats
path: root/core/css/tooltip.css
diff options
context:
space:
mode:
Diffstat (limited to 'core/css/tooltip.css')
-rw-r--r--core/css/tooltip.css125
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 */