Joint.js/joint.ui.tooltip.css at master · Marssol/Joint.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/*! Rappid - the diagramming toolkit

Copyright (c) 2013 client IO

 2015-02-04


This Source Code Form is subject to the terms of the Rappid License
, v. 2.0. If a copy of the Rappid License was not distributed with this
file, You can obtain one at http://jointjs.com/license/rappid_v2.txt
 or from the Rappid archive as was distributed by client IO. See the LICENSE file.*/


.tooltip {
   position: fixed;
   z-index: 100;
   border-radius: 5px;
   background-color: #333;
   border: 2px solid rgb(36, 36, 36);
   color: #bcbcbc;
   pointer-events: none;
   padding: 10px;
   font-size: 14px;
   text-shadow: 0 -1px 0 #000;
}
.tooltip.small {
   padding: 5px;
   font-size: 10px;
}
.tooltip:after, .tooltip:before {
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
}
.tooltip.left:after, .tooltip.left:before {
   right: 100%;
   top: 50%;
}
.tooltip.right:after, .tooltip.right:before {
   top: 50%;
   left: 100%;
}
.tooltip.top:after, .tooltip.top:before {
   left: 50%;
   bottom: 100%;
}
.tooltip.bottom:after, .tooltip.bottom:before {
   left: 50%;
   top: 100%;
}

.tooltip:after {
   border-width: 6px;
}
.tooltip.left:after {
   border-right-color: #333;
   margin-top: -6px;
}
.tooltip.right:after {
   border-left-color: #333;
   margin-top: -6px;
}
.tooltip.top:after {
   border-bottom-color: #333;
   margin-left: -6px;
}
.tooltip.bottom:after {
   border-top-color: #333;
   margin-left: -6px;
}

.tooltip:before {
   border-width: 8px;
}
.tooltip.left:before {
   border-right-color: rgb(36, 36, 36);
   margin-top: -8px;
}
.tooltip.right:before {
   border-left-color: rgb(36, 36, 36);
   margin-top: -8px;
}
.tooltip.top:before {
   border-bottom-color: rgb(36, 36, 36);
   margin-left: -8px;
}
.tooltip.bottom:before {
   border-top-color: rgb(36, 36, 36);
   margin-left: -8px;
}